.unpad--bottom,
section.unpad--bottom {
    padding-bottom: 0
}

.unpad--top,
section.unpad--top {
    padding-top: 0
}

/*.breadcrumb li,
.btn,
.type--uppercase {
    text-transform: uppercase
}*/

.modal-container video,
.notification,
.video-cover video,
form,
img,
textarea {
    max-width: 100%
}

.iconsmind,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.twitter-feed .timePosted a,
h1,
h2,
h3,
h4,
h5,
h6,
label,
span.label {
    font-variant-ligatures: common-ligatures
}

*,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0
}

.clearfix {
    overflow: hidden
}

.allow-overflow {
    overflow: visible
}

.boxed,
.lightbox-gallery,
.multi-column li,
.owl-theme .owl-controls .owl-dots .owl-dot,
.parallax,
.slider,
.slides,
.utility-bar,
form:after,
form:before,
section.slider {
    overflow: hidden
}

.container .row--gapless {
    padding-left: 15px;
    padding-right: 15px
}

.container .row--gapless>div[class*=col-],
.unpad,
section.unpad,
section>.row--gapless>div[class*=col-] {
    padding: 0
}

section>.row--gapless {
    padding-left: 0;
    padding-right: 0
}

.unmarg--bottom {
    margin-bottom: 0
}

.unmarg {
    margin: 0
}

div.right {
    float: right
}

.float-left,
.lightbox-gallery li,
.nav-module.left,
div.left {
    float: left
}

html {
    font-size: 100%
}

@media all and (max-width:768px) {
    html {
        font-size: 87.5%
    }
}

body {
    font-size: 1em;
    line-height: 1.625em;
    font-family: Lato, sans-serif;
    color: #767676;
    font-weight: 400
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    color: #343434;
    font-weight: 600;
    margin-bottom: 0
}

.h1,
h1 {
    font-size: 4em;
    line-height: 1.015625em
}

.h2,
h2 {
    font-size: 2.8125em;
    line-height: 1.15555556em
}

.h3,
h3 {
    font-size: 2em;
    line-height: 1.421875em
}

.h4,
h4 {
    font-size: 1.4375em;
    line-height: 1.41304348em
}

.h5,
h5 {
    font-size: 1em;
    line-height: 1.625em
}

.h6,
h6 {
    font-size: .625em;
    line-height: 2.6em
}

.lead {
    font-size: 1.4375em;
    line-height: 1.69565217em
}

@media all and (max-width:767px) {
    .h1,
    h1 {
        font-size: 2.8125em;
        line-height: 1.15555556em
    }
    .h2,
    h2 {
        font-size: 2em;
        line-height: 1.421875em
    }
    .h3,
    .lead,
    h3 {
        font-size: 1.4375em
    }
    .h3,
    h3 {
        line-height: 1.625em
    }
    .lead {
        line-height: 1.41304348em
    }
}

blockquote,
ol,
p,
pre,
table,
ul {
    margin-bottom: 1em
}

ol,
ul {
    list-style: none
}

ol:not(.menu):not(.slides):not(.accordion):not(.tabs):not(.tabs-content),
ul:not(.menu):not(.slides):not(.accordion):not(.tabs):not(.tabs-content) {
    line-height: 2.34375em
}

ul.bullets {
    list-style: inside
}

ol {
    list-style-type: upper-roman;
    list-style-position: inside
}

blockquote {
    padding: 0;
    margin: 0;
    border-left: 0
}

strong {
    font-weight: 600
}

hr {
    margin: 1.625em 0
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

/*! Typography -- Helpers */

.type--fade {
    opacity: .5
}

.type--bold {
    font-weight: 700
}

.type--italic {
    font-style: italic
}

.type--fine-print {
    font-size: .6875em
}

.type--strikethrough {
    text-decoration: line-through;
    opacity: .5
}

.type--underline,
p a,
p a:hover,
span a,
span a:hover {
    text-decoration: underline
}

.type--body-font {
    font-family: Lato, sans-serif
}

.btn,
.menu>li {
    font-family: Montserrat, Helvetica, Arial, sans-serif
}

.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
}

.float-right {
    float: right
}

.pos-vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

@media all and (max-width:767px) {
    .float-left,
    .float-right {
        float: none
    }
    .float-left-xs {
        float: left
    }
    .float-right-xs {
        float: right
    }
    .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
}

.multi-column li,
.pricing .pricing__dollar {
    vertical-align: top
}

@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
    }
}

.height-10,
.height-100,
.height-20,
.height-30,
.height-40,
.height-50,
.height-60,
.height-70,
.height-80,
.height-90 {
    height: auto;
    padding: 5em 0
}

@media all and (max-width:767px) {
    .block--xs {
        display: block
    }
    .text-center-xs {
        text-align: center
    }
    .text-left-xs {
        text-align: left
    }
    .text-right-xs {
        text-align: right
    }
    .height-10,
    .height-100,
    .height-20,
    .height-30,
    .height-40,
    .height-50,
    .height-60,
    .height-70,
    .height-80,
    .height-90 {
        height: auto;
        padding: 4em 0
    }
}

@media all and (min-height:600px) and (min-width:767px) {
    .height-10 {
        height: 10vh
    }
    .height-100 {
        height: 100vh
    }
}

img {
    margin-bottom: 1.625em
}

.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 {
    will-change: transform, top;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    opacity: 0;
    background: #232323
}

[data-overlay],
[data-scrim-bottom],
[data-scrim-top] {
    position: relative
}

[data-overlay="1"]:before,
[data-scrim-bottom="1"]:before,
[data-scrim-top="1"]:before {
    opacity: .1
}

[data-overlay="2"]:before,
[data-scrim-bottom="2"]:before,
[data-scrim-top="2"]:before {
    opacity: .2
}

[data-overlay="3"]:before,
[data-scrim-bottom="3"]:before,
[data-scrim-top="3"]:before {
    opacity: .3
}

[data-overlay="4"]:before,
[data-scrim-bottom="4"]:before,
[data-scrim-top="4"]:before {
    opacity: .4
}

[data-scrim-bottom="5"]:before,
[data-scrim-top="5"]:before {
    opacity: .5
}

[data-scrim-bottom="6"]:before,
[data-scrim-top="6"]:before {
    opacity: .6
}

[data-overlay="7"]:before,
[data-scrim-bottom="7"]:before,
[data-scrim-top="7"]:before {
    opacity: .7
}

[data-overlay="8"]:before,
[data-scrim-bottom="8"]:before,
[data-scrim-top="8"]:before {
    opacity: .8
}

[data-overlay="9"]:before,
[data-scrim-bottom="9"]:before,
[data-scrim-top="9"]:before {
    opacity: .9
}

[data-overlay="10"]:before,
[data-scrim-bottom="10"]:before,
[data-scrim-top="10"]:before {
    opacity: 1
}

.background-image-holder:not([class*=col-]) {
    width: 100%
}

.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: 0 0
}

.background-image-holder img {
    display: none
}

.menu>li>a,
.menu>li>ul a,
.multi-column li,
.nav-bar .nav-module {
    display: inline-block
}

[data-overlay]:before {
    position: absolute;
    content: '';
    background: #010101;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

[data-overlay] :not(.container):not(.background-image-holder) {
    z-index: 2
}

[data-scrim-bottom]:before,
[data-scrim-top]:before {
    position: absolute;
    content: '';
    height: 80%;
    z-index: 1;
    width: 100%;
    left: 0
}

[data-overlay].image--light:before {
    background: #fff
}

[data-overlay].bg--primary:before {
    background: #425cbb
}

[data-overlay="5"]:before {
    opacity: .65;
    background: #010101
}

[data-overlay="6"]:before {
    opacity: .65
}

[data-overlay="0"]:before {
    opacity: 0
}

[data-scrim-bottom]:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #232323 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, #232323));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #232323 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, #232323 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, #232323 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #232323 100%);
    bottom: 0;
    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: #f6f6f6
}

[data-scrim-bottom].image--light:before {
    background: #fff
}

[data-scrim-top]:before {
    background: -moz-linear-gradient(bottom, #232323 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #232323), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, #232323 0, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, #232323 0, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom, #232323 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, #232323 0, rgba(0, 0, 0, 0) 100%);
    top: 0
}

.imagebg,
.imagebg .container:not(.pos-absolute) {
    position: relative
}

[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: #fff
}

[data-scrim-top]:not(.image--light) p,
[data-scrim-top]:not(.image--light) span,
[data-scrim-top]:not(.image--light) ul {
    color: #f6f6f6
}

[data-scrim-top].image--light:before {
    background: #fff
}

.imagebg .container {
    z-index: 2
}

.imagebg:not(.image--light) blockquote,
.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: #232323
}

.imagebg:not(.image--light) .bg--white p,
.imagebg:not(.image--light) .bg--white ul {
    color: #767676
}

div[data-overlay] h1,
div[data-overlay] h2,
div[data-overlay] h3,
div[data-overlay] h4,
div[data-overlay] h5,
div[data-overlay] h6,
div[data-overlay] p,
div[data-overlay] ul {
    color: #fff
}

.parallax .background-image-holder {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important
}

.image--xxs {
    max-height: 1.625em
}

.image--xs {
    max-height: 3.25em
}

.image--sm {
    max-height: 4.875em
}

body {
    overflow-x: hidden;
    background: #f8f8f8
}

.color--primary {
    color: #425cbb !important
}

.color--primary-1 {
    color: #7cc36a !important
}

.color--primary-2 {
    color: #d14b4b !important
}

.color--white {
    color: #fff
}

.color--dark {
    color: #232323
}

.bg--dark {
    background: #0d2f4a;
    background: -moz-linear-gradient(top, #0d2f4a 0, #215378 100%);
    background: -webkit-linear-gradient(top, #0d2f4a 0, #215378 100%);
    background: linear-gradient(to bottom, #0d2f4a 0, #215378 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2f4a', endColorstr='#215378', GradientType=0)
}

.bg--dark-invert {
    background: #0d2f4a;
    background: -moz-linear-gradient(top, #215378 0, #0d2f4a 100%);
    background: -webkit-linear-gradient(top, #215378 0, #0d2f4a 100%);
    background: linear-gradient(to bottom, #215378 0, #0d2f4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215378', endColorstr='#0d2f4a', GradientType=0)
}

.bg--dark:not(.nav-bar),
.bg--dark:not(.nav-bar) h1,
.bg--dark:not(.nav-bar) h2,
.bg--dark:not(.nav-bar) h3,
.bg--dark:not(.nav-bar) h4,
.bg--dark:not(.nav-bar) h5,
.bg--dark:not(.nav-bar) h6,
.bg--dark:not(.nav-bar) i,
.bg--dark:not(.nav-bar) p,
.bg--dark:not(.nav-bar) span:not(.btn__text) {
    color: #f5f5f5
}

.bg--dark:not(.nav-bar) a:not(.btn),
.bg--primary a:not(.btn),
.bg--primary p,
.bg--primary span,
.bg--primary ul {
    color: #fff
}

.bg--site {
    background: #f8f8f8
}

.bg--secondary {
    background: #f4f4f4
}

.bg--primary {
    background: #010101
}

.bg--white {
    background: #fff
}

.bg--white a:not(.btn),
.bg--white p,
.bg--white span,
.bg--white ul {
    color: #767676
}

.bg--white h1,
.bg--white h2,
.bg--white h3,
.bg--white h4,
.bg--white h5,
.bg--white h6,
.bg--white i {
    color: #232323
}

.imagebg:not(.image--light) .bg--white a:not(.btn),
.imagebg:not(.image--light) .bg--white p,
.imagebg:not(.image--light) .bg--white span,
.imagebg:not(.image--light) .bg--white ul {
    color: #767676
}

.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,
.imagebg:not(.image--light) .bg--white i {
    color: #232323
}

.bg--primary-1 a:not(.btn),
.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,
.bg--primary-1 p,
.bg--primary-1 span,
.bg--primary-1 ul,
.bg--primary-2 a:not(.btn),
.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,
.bg--primary-2 p,
.bg--primary-2 span,
.bg--primary-2 ul,
.image-bg:not(.image-light) :not(a) {
    color: #fff
}

.bg--primary-1 {
    background: #7cc36a
}

.bg--primary-2 {
    background: #d14b4b
}

.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 {
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    border-radius: 100px;
    border: 1px solid #232323;
    border-width: 2px;
    font-size: inherit;
    line-height: 1.625em;
    padding: .54166667em 3.25em .65em
}

.btn .btn__text,
.btn i {
    color: #010101;
    border-color: #010101;
    font-weight: 400;
    font-size: 13px
}

.btn--primary .btn__text,
.btn--primary .btn__text i,
.btn--primary-1 .btn__text,
.btn--primary-1:visited .btn__text,
.btn--primary-2 .btn__text,
.btn--primary-2:visited .btn__text,
.btn--primary:visited .btn__text,
.btn--primary:visited .btn__text i,
.btn.bg--behance .btn__text,
.btn.bg--behance .btn__text i,
.btn.bg--dark .btn__text,
.btn.bg--dark .btn__text i,
.btn.bg--dribbble .btn__text,
.btn.bg--dribbble .btn__text i,
.btn.bg--facebook .btn__text,
.btn.bg--facebook .btn__text i,
.btn.bg--googleplus .btn__text,
.btn.bg--googleplus .btn__text i,
.btn.bg--instagram .btn__text,
.btn.bg--instagram .btn__text i,
.btn.bg--pinterest .btn__text,
.btn.bg--pinterest .btn__text i,
.btn.bg--twitter .btn__text,
.btn.bg--twitter .btn__text i {
    color: #fff
}

.btn[class*=col-] {
    margin-left: 0;
    margin-right: 0
}

.btn:active {
    box-shadow: none;
    -webkit-box-shadow: none
}

.btn.bg--behance,
.btn.bg--dark,
.btn.bg--dribbble,
.btn.bg--facebook,
.btn.bg--googleplus,
.btn.bg--instagram,
.btn.bg--pinterest,
.btn.bg--twitter {
    border-color: transparent !important
}

.btn.bg--behance:hover,
.btn.bg--dark:hover,
.btn.bg--dribbble:hover,
.btn.bg--facebook:hover,
.btn.bg--googleplus:hover,
.btn.bg--instagram:hover,
.btn.bg--pinterest:hover,
.btn.bg--twitter:hover {
    opacity: .9
}

@media all and (min-width:768px) {
    .btn+.btn {
        margin-left: 1.625em
    }
}

.lb-outerContainer .lb-container img,
.menu>li ul,
.nav-bar .logo,
ul:last-child {
    margin: 0
}

.btn:first-child {
    margin-left: 0
}

.btn:last-child {
    margin-right: 0
}

.btn--xs {
    padding: 0 1.625em
}

.btn--sm {
    padding: .36111111em 2.16666667em .43333333em
}

.btn--lg {
    padding: .67708333em 4.0625em .8125em
}

.btn--lg .btn__text {
    font-size: .78125em
}

.btn--primary,
.btn--primary:visited {
    background: #010101;
    border-color: #010101
}

.btn--primary:hover {
    background: #546cc3
}

.btn--primary:active {
    background: #3b53a8
}

.btn--primary-1,
.btn--primary-1:visited {
    background: #7cc36a;
    border-color: #7cc36a
}

.btn--primary-1:hover {
    background: #8cca7c
}

.btn--primary-1:active {
    background: #6cbc58
}

.btn--primary-2,
.btn--primary-2:visited {
    background: #d14b4b;
    border-color: #d14b4b
}

.btn--white,
.btn--white i {
    color: #343434
}

.btn--primary-2:hover {
    background: #d65f5f
}

.btn--primary-2:active {
    background: #cc3737
}

.btn--secondary {
    background: #f4f4f4;
    border-color: #f4f4f4
}

.btn--secondary:hover {
    background: #f9f9f9
}

.btn--secondary:active {
    background: #efefef
}

.btn--white {
    background: #fff;
    border-color: #fff
}

.btn--unfilled,
nav {
    background: 0 0
}

.btn--transparent.btn--white .btn__text,
.btn--unfilled.btn--white .btn__text,
.btn--unfilled.btn--white i {
    color: #fff
}

.btn--transparent {
    background: 0 0;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0
}

.btn--floating {
    position: fixed;
    bottom: 3.25em;
    right: 3.25em;
    z-index: 10
}

.icon {
    line-height: 1em;
    font-size: 2.8125em
}

.icon--xs {
    font-size: 1em
}

.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
}

.lb-outerContainer {
    border-radius: 0
}

.lb-outerContainer .lb-container {
    padding: 0
}

.lightbox-gallery li img {
    margin: 0;
    width: 100%
}

.lightbox-gallery.gallery--gaps li {
    padding: .40625em
}

nav {
    z-index: 10
}

.nav-bar {
    will-change: scroll-position, transform;
    height: 65px;
    max-height: 65px;
    line-height: 62px
}

.nav-bar .logo {
    max-height: 70%
}

.nav-bar .nav-module {
    height: 65px;
    padding: 0 1em
}

.nav-bar .nav-module>a:not(.btn) {
    height: 100%;
    display: inline-block
}

.nav-bar.nav--fixed {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 999;
    top: 0
}

.nav-bar.nav--fixed:not(.bg--dark):not(.bg--primary):not(.bg--white) {
    background: #010101
}

.nav-bar.nav--fixed+.nav-mobile-toggle {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    color: #222
}

.menu li,
.menu>li {
    position: relative
}

.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.25em 0 1em
}

@media all and (max-width:1280px) {
    .nav-bar {
        padding: 0
    }
}

.container .nav-bar {
    padding: 0
}

.menu {
    height: 65px
}

.menu>li {
    float: left;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0
}

.menu>li>a {
    padding: 0 1.3em;
    height: 100%
}

.menu>li:first-child>a {
    padding-left: 0
}

.menu>li:last-child a {
    padding-right: 0
}

.nav-bar.bg--white .menu>li>a {
    color: #767676
}

.nav-bar.bg--dark .menu>li>a {
    color: #fff
}

.menu>li ul {
    left: 0;
    line-height: 1.625em !important;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    float: left
}

.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
}

.module-applet,
.multi-column li ul {
    position: relative
}

.menu>li>ul:not(.multi-column) ul {
    top: 0
}

.multi-column {
    width: auto !important;
    white-space: nowrap
}

.multi-column ul li {
    float: none;
    display: block
}

.module-applet {
    padding: 0 1em
}

.module-applet__handle {
    cursor: pointer;
    position: relative
}

.module-applet__body {
    position: absolute;
    width: 26em;
    background: 0 0;
    z-index: 10;
    padding: 1em;
    visibility: hidden;
    opacity: 0
}

.module-applet__body * {
    line-height: 1.625em
}

.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: 62px;
    padding: 0 1em;
    user-select: none;
    -webkit-user-select: none
}

@media all and (max-width:990px) {
    .menu,
    .nav-bar {
        height: auto
    }
    .menu>li>a,
    .nav-bar .nav-module {
        padding: 0
    }
    .menu li,
    .menu>li ul {
        float: none;
        width: 100%
    }
    .nav-bar {
        overflow: hidden
    }
    .nav-bar .nav-module.left,
    .nav-bar .nav-module.right {
        float: none;
        display: block
    }
    .nav-bar .nav-module:not(.logo-module) {
        height: auto;
        line-height: 2em
    }
    .menu>li ul {
        position: relative;
        display: none
    }
    .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 .multi-column ul,
    .menu li.active>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.625em
    }
    .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--absolute,
.nav--fixed {
    width: 100%;
    z-index: 99
}

.nav--fixed {
    position: fixed
}

.nav--absolute {
    position: absolute
}

.nav--transparent:not(.nav--fixed) {
    background: 0 0 !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
    }
}

form+form {
    margin-top: 30px
}

form:after,
form:before {
    content: ".";
    display: block;
    height: 0
}

form:after {
    clear: both
}

input[type],
select,
textarea {
    -webkit-appearance: none;
    background: #fff;
    padding: .8125em;
    border-radius: 50px;
    border: none
}

input[type]:active,
input[type]:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    outline: 0
}

input[type]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #c3c3c3;
    font-size: 1em
}

input[type]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: #c3c3c3;
    font-size: 1em
}

input[type]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #c3c3c3;
    font-size: 1em
}

input[type]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #c3c3c3;
    font-size: 1em
}

textarea {
    display: block;
    width: 100%
}

select {
    cursor: pointer;
    padding-right: 3.25em;
    -webkit-appearance: none
}

select::ms-expand {
    display: none
}

.input-select,
.input-select .inner {
    display: inline-block
}

input[type=submit] {
    outline: 0;
    border: none;
    background: #425cbb;
    padding: .8125em 3.25em;
    color: #fff
}

@keyframes load {
    0% {
        opacity: 0;
        width: 0
    }
    50% {
        width: 100%;
        opacity: .8;
        left: 0
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

button[type=submit].btn--loading *,
button[type=submit].btn--loading .btn__text {
    opacity: 0
}

button[type=submit].btn--loading {
    position: relative;
    overflow: hidden;
    pointer-events: none;
    color: transparent
}

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:focus {
    outline: 0 !important
}

.input-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative
}

.accordion li .accordion__title,
.tabs>li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.input-select input {
    display: none
}

.input-select.checked .inner {
    background: #425cbb
}

.input-select label {
    display: block
}

.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
}

.form-error,
.form-success {
    margin-top: 1.5625em;
    padding: .78125em;
    position: fixed;
    min-width: 350px;
    left: 50%;
    bottom: 1.5625em;
    z-index: 999;
    color: #fff
}

.accordion li .accordion__content>*,
.input-file input {
    display: none
}

.form-error {
    background: #D84D4D;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1)
}

.form-success {
    background: #1DC020;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1)
}

.boxed,
.slider,
section.slider {
    position: relative
}

.attempted-submit .field-error {
    border-color: #D84D4D !important
}

.accordion li .accordion__content,
.accordion li .accordion__content *,
.accordion li .accordion__title {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear
}

.accordion li .accordion__title {
    cursor: pointer;
    padding: 1.08333333em 1.625em;
    border: 1px solid #dfdfdf;
    border-bottom: none;
    background: #f4f4f4;
    user-select: none;
    text-align: center
}

.accordion li:last-child .accordion__title {
    border-bottom: 1px solid #dfdfdf
}

.accordion li .accordion__content {
    opacity: 0;
    visibility: hidden;
    max-height: 0
}

.accordion li.active .accordion__content>*,
.breadcrumb {
    display: inline-block
}

.accordion li .accordion__content :first-child {
    padding-top: 1.625em
}

.accordion li .accordion__content :last-child {
    padding-bottom: 1.625em
}

.accordion li.active .accordion__title {
    background: #010101;
    border: 0;
    text-align: center
}

.accordion li.active .accordion__content {
    opacity: 1;
    visibility: visible;
    max-height: 100%;
    width: 1170px;
    margin-right: auto;
    margin-left: auto
}

.breadcrumb {
    padding: 0;
    margin: 0;
    background: 0 0
}

.breadcrumb li {
    font-size: 1em
}

.breadcrumb li+li:before {
    padding: 0 .40625em
}

.tabs {
    display: block;
    margin-bottom: 0
}

.tabs>li {
    display: inline-block;
    opacity: .5;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    user-select: none
}

.slider:hover .flex-direction-nav a,
.tabs:hover,
.tabs>.active {
    opacity: 1
}

.tabs .tab__title {
    cursor: pointer
}

.tabs .tab__title:not(.btn) {
    padding: 0 1.625em
}

.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 {
    width: 100%;
    display: none
}

.tabs-content>.active>.tab__content {
    display: block
}

.tabs-container[data-content-align=left] .tabs-content {
    text-align: left
}

.boxed {
    padding: 2.4375em;
    margin-bottom: 30px
}

.boxed.boxed--lg {
    padding: 3.65625em
}

.boxed.boxed--sm {
    padding: 1.625em
}

.boxed.boxed--border {
    border: 1px solid #c9c9c9
}

.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.625em
}

@media all and (max-width:767px) {
    .boxed,
    .boxed.boxed--lg {
        padding: 1.625em
    }
    .boxed,
    .boxed:last-child {
        margin-bottom: 15px
    }
    .boxed div[class*=col-]:not(.boxed) {
        padding: 0
    }
    .row:last-child div[class*=col-]:last-child .boxed:last-child {
        margin-bottom: 0
    }
}

.owl-theme .owl-controls,
.slides {
    margin: 0
}

section.slider {
    padding: 0 !important
}

section.slider .owl-theme .owl-controls .owl-nav div.owl-next,
section.slider .owl-theme .owl-controls .owl-nav div.owl-prev {
    color: #fff
}

.slides li>[class*=col-]:first-child:last-child:not([class*=offset]) {
    width: 100% !important
}

.slider .slides li {
    position: relative;
    padding: 6.5em 0
}

.slider.space--lg .slides li {
    padding: 13em 0
}

.slider.space--xlg .slides li {
    padding: 26em 0
}

.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: 6.5em 0
    }
    .slider.space--lg .slides li,
    .slider.space--xlg .slides li {
        padding: 9.75em 0
    }
}

.owl-theme .owl-controls .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 1.625em;
    z-index: 99;
    text-align: center
}

.imagebg .slider.slider--controlsoutside[data-paging=true] .owl-theme .owl-controls .owl-dots,
.slider.slider--controlsoutside[data-paging=true] .owl-theme .owl-controls .owl-dots,
section.bg--dark .slider.slider--controlsoutside[data-paging=true] .owl-theme .owl-controls .owl-dots {
    bottom: 0;
    position: relative
}

.owl-theme .owl-controls .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 .40625em
}

.owl-theme .owl-controls .owl-dots .owl-dot span {
    display: inline-block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .4);
    border: none;
    box-shadow: none;
    margin: 0
}

.owl-theme .owl-controls .owl-dots .owl-dot span:hover,
.owl-theme .owl-controls .owl-dots .owl-dot.active span {
    background: #fff
}

.owl-theme .owl-controls .owl-nav {
    position: absolute;
    z-index: 99;
    top: 50%;
    width: 100%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0)
}

.owl-theme .owl-controls .owl-nav div {
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    position: absolute;
    margin: 0;
    padding: 0;
    background: 0 0
}

.owl-theme .owl-controls .owl-nav div:before {
    font-family: pillar-interface;
    font-size: 2em;
    text-align: center
}

.owl-theme .owl-controls .owl-nav div.owl-next {
    right: 1.625em
}

.owl-theme .owl-controls .owl-nav div.owl-next:before {
    content: "\e802"
}

.owl-theme .owl-controls .owl-nav div.owl-prev {
    left: 1.625em
}

.owl-theme .owl-controls .owl-nav div.owl-prev:before {
    content: "\e801"
}

.slider.slider--controlsoutside {
    overflow: visible
}

.slider.slider--controlsoutside .slides li {
    padding: 0
}

.slider.slider--controlsoutside[data-paging=true] .owl-theme .owl-controls .owl-dots .owl-dot {
    display: inline-block
}

.slider.slider--controlsoutside[data-paging=true] .owl-theme .owl-controls .owl-dots .owl-dot span {
    background: #232323;
    display: inline-block
}

.slider.slider--controlsoutside[data-arrows=true] .owl-theme .owl-controls .owl-nav .owl-next {
    right: -4em
}

.slider.slider--controlsoutside[data-arrows=true] .owl-theme .owl-controls .owl-nav .owl-prev {
    left: -4em
}

.imagebg .slider.slider--controlsoutside[data-paging=true] .owl-theme .owl-controls .owl-dots .owl-dot span,
section.bg--dark .slider.slider--controlsoutside[data-paging=true] .owl-theme .owl-controls .owl-dots .owl-dot span {
    background: #fff
}

.hover-element {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.hover-element img,
.row:last-child div[class*=col-]:last-child .hover-element {
    margin-bottom: 0
}

.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--active .hover-element__reveal,
.hover-element:hover .hover-element__reveal {
    opacity: 1
}

@media all and (max-width:1024px) {
    .hover-element {
        cursor: pointer
    }
}

.masonry .masonry__container.masonry--active .masonry__item {
    opacity: 1;
    pointer-events: initial
}

.masonry .masonry__container .masonry__item {
    opacity: 0;
    pointer-events: none
}

.masonry .masonry__filters li {
    display: inline-block;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.h6,
h6,
span.label {
    text-transform: uppercase;
    letter-spacing: 1px
}

.masonry .masonry__filters li.active {
    cursor: default
}

.modal-instance .modal-body {
    display: none
}

.modal-container {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .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, .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%;
    max-height: 100%;
    overflow-y: auto;
    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: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .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: 0;
    border: none;
    height: 100%;
    backface-visibility: hidden
}

.modal-container .modal-content iframe:first-child+.modal-close-cross:last-child {
    top: -3.25em
}

@media all and (max-width:767px) {
    .modal-container .modal-content {
        width: 97% !important;
        height: auto !important;
        padding-top: 2em;
        padding-bottom: 2em
    }
}

.youtube-background,
iframe {
    width: 100%
}

.map-container {
    position: relative;
    overflow: hidden
}

.map-container .map-canvas,
.map-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.parallax .slides li>.background-image-holder,
.parallax>.background-image-holder {
    height: 100vh;
    top: -50vh;
    transition: opacity .3s ease !important;
    -webkit-transition: opacity .3s ease !important;
    -webkit-transform-style: preserve-3d
}

.main-container>a:first-child+.parallax .background-image-holder,
.parallax:first-child .background-image-holder,
.parallax:first-child .slides li>.background-image-holder {
    top: 0
}

@media all and (max-width:1024px) {
    .parallax .slides li>.background-image-holder,
    .parallax>.background-image-holder {
        top: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        height: 100%
    }
}

.parallax {
    will-change: contents
}

.notification {
    position: fixed;
    z-index: 99;
    pointer-events: none;
    padding: 0;
    opacity: 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear
}

.notification:not([class*=bg-]) {
    background: #fff
}

.notification[class*=col-] {
    min-width: 400px
}

.notification .notification-close-cross {
    position: absolute;
    top: 1em;
    z-index: 99;
    right: 1em;
    cursor: pointer;
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    opacity: .7
}

.notification .notification-close-cross:before {
    content: '\2715'
}

.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 .3s linear 0s forwards;
    -webkit-animation: from-bottom .3s linear 0s forwards;
    -moz-animation: from-bottom .3s linear 0s forwards
}

.notification.notification--reveal[data-animation=from-top] {
    animation: from-top .3s linear 0s forwards;
    -webkit-animation: from-top .3s linear 0s forwards;
    -moz-animation: from-top .3s linear 0s forwards
}

.notification.notification--reveal[data-animation=from-left] {
    animation: from-left .3s linear 0s forwards;
    -webkit-animation: from-left .3s linear 0s forwards;
    -moz-animation: from-left .3s linear 0s forwards
}

.notification.notification--reveal[data-animation=from-right] {
    animation: from-right .3s linear 0s forwards;
    -webkit-animation: from-right .3s linear 0s forwards;
    -moz-animation: from-right .3s linear 0s forwards
}

.notification.notification--dismissed {
    animation: fade-out .4s linear 0s forwards !important;
    -webkit-animation: fade-out .4s linear 0s forwards !important;
    -moz-animation: fade-out .4s linear 0s forwards !important;
    pointer-events: none
}

a[data-notification-link],
a[data-notification-link]:hover {
    text-decoration: 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 {
    min-height: 350px;
    border: none
}

@media all and (max-width:767px) {
    .notification[class*=col-] {
        min-width: 0
    }
    iframe {
        min-height: 220px
    }
}

.videobg {
    background: #232323;
    position: relative;
    overflow: hidden
}

.videobg video,
.youtube-background {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 0 !important
}

.videobg .background-image-holder,
.videobg .container {
    opacity: 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .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;
    min-width: 100%;
    left: 0
}

@media all and (max-width:1024px) {
    .videobg .background-image-holder,
    .videobg .container {
        opacity: 1 !important
    }
    .videobg .loading-indicator,
    .videobg video,
    .youtube-background {
        display: none
    }
}

.youtube-background .mb_YTPBar {
    opacity: 0;
    height: 0;
    visibility: hidden
}

.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: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .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 iframe {
    background: #232323
}

.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 .background-image-holder,
.video-cover .video-play-icon {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear
}

.video-cover.reveal-video .background-image-holder,
.video-cover.reveal-video .video-play-icon {
    opacity: 0 !important;
    pointer-events: none
}

.video-cover[data-overlay]:before,
.video-cover[data-scrim-bottom]:before,
.video-cover[data-scrim-top]:before {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    z-index: 4
}

.video-cover.reveal-video[data-overlay]:before,
.video-cover.reveal-video[data-scrim-bottom]:before,
.video-cover.reveal-video[data-scrim-top]:before {
    opacity: 0;
    pointer-events: none
}

.video-play-icon {
    width: 6.5em;
    height: 6.5em;
    border-radius: 50%;
    position: relative;
    z-index: 4;
    display: inline-block;
    border: 2px solid #fff;
    cursor: pointer;
    background: #fff
}

.twitter-feed .interact,
.twitter-feed .user,
form[action*='createsend.com'] .input-checkbox+br,
form[action*='createsend.com'] br,
form[action*='createsend.com'].no-labels label,
form[action*='list-manage.com'].no-labels label {
    display: none
}

.video-play-icon.video-play-icon--sm {
    width: 3.25em;
    height: 3.25em
}

.video-play-icon.video-play-icon--sm:before {
    border-width: 4px 0 4px 9px
}

.video-play-icon.video-play-icon--xs {
    width: 1.625em;
    height: 1.625em
}

.video-play-icon.video-play-icon--xs:before {
    border-width: 3px 0 3px 6px;
    margin-left: -3px
}

.video-play-icon.bg--primary:before {
    border-color: transparent transparent transparent #fff
}

.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 grey
}

.video-play-icon.video-play-icon--dark {
    border-color: #232323;
    background: #232323
}

.video-play-icon.video-play-icon--dark:before {
    border-color: transparent transparent transparent #fff
}

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) {
    .video-play-icon {
        width: 4.33333333em;
        height: 4.33333333em
    }
    div[class*=col-] .video-cover iframe {
        min-height: 220px !important
    }
}

.imageblock {
    position: relative;
    padding: 0
}

.imageblock>.container,
.imageblock>div[class*=col-]:not(.imageblock__content) {
    padding-top: 6.5em;
    padding-bottom: 8.125em;
    float: none;
    overflow: hidden
}

.imageblock.imageblock--lg>.container,
.imageblock.imageblock--lg>div[class*=col-]:not(.imageblock__content) {
    padding-top: 10.15625em;
    padding-bottom: 10.15625em;
    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
}

.blog-post .blog-post__comments .comment,
.card--horizontal,
.card-4 .card__body .card__title,
.card-8,
.card-8 .card__image,
.card-8 .card__title h3,
.cover-2,
.cover-8,
.cover-8 .pos-vertical-center,
.cover-9,
.cta-2 .cta__body,
.feature-3,
.features-4,
.features-5,
.form--merge,
.loader,
.masonry .masonry__container,
.masonry-blog .masonry__item .card:not(.card--horizontal) .card__image,
.nav-modal .pos-vertical-center,
.nav-stack .nav-stack__upper,
.piechart,
.pricing-5,
.project-navigation,
.social-list,
.tabs-3.tabs-container .tabs .tab__title,
.tabs-container,
.testimonial-3,
form[action*='list-manage.com'] .input-group ul {
    overflow: hidden
}

@media all and (max-width:767px) {
    .imageblock[class*=space-] {
        padding-bottom: 0;
        padding-top: 0
    }
    .imageblock .imageblock__content {
        position: relative;
        min-height: 16.25em
    }
    .imageblock.imageblock--lg>.container,
    .imageblock.imageblock--lg>div[class*=col-]:not(.imageblock__content),
    .imageblock>.container,
    .imageblock>div[class*=col-]:not(.imageblock__content) {
        padding-top: 4.875em;
        padding-bottom: 4.875em;
        float: none;
        overflow: hidden
    }
}

.loader,
.loader:before,
span.label {
    position: absolute
}

form[action*='createsend.com'] * {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    opacity: 0
}

form[action*='createsend.com'].form--active * {
    opacity: 1
}

form[action*='createsend.com'] p>label:first-child {
    margin-bottom: .8125em
}

form[action*='list-manage.com'] h2 {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    color: #343434;
    font-weight: 600;
    font-variant-ligatures: common-ligatures;
    font-size: 1.4375em;
    line-height: 1.41304348em;
    margin-top: 0;
    margin-bottom: 1.1304347826087em
}

form[action*='list-manage.com'] .input-group ul li {
    float: left
}

form[action*='list-manage.com'] * {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    opacity: 0
}

form[action*='list-manage.com'].form--active * {
    opacity: 1
}

form[action*='list-manage.com'] .small-meta {
    font-size: .5em
}

.twitter-feed .timePosted {
    font-size: .87em
}

[class*=transition--] {
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    opacity: 0
}

[class*=transition--].transition--active {
    opacity: 1
}

.transition--scale {
    transform: scale(.98);
    -webkit-transform: scale(.98)
}

.transition--scale.transition--active {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.transition--slide {
    transform: translate3d(30vw, 0, 0);
    -webkit-transform: translate3d(30vw, 0, 0)
}

.transition--slide.transition--active {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

footer,
section {
    padding-top: 0;
    padding-bottom: 8.125em
}

footer.space--xxs,
section.space--xxs {
    padding-top: 1.625em;
    padding-bottom: 1.625em
}

footer.space--xs,
section.space--xs {
    padding-top: 3.25em;
    padding-bottom: 3.25em
}

footer.space--sm,
section.space--sm {
    padding-top: 4.33333333em;
    padding-bottom: 4.33333333em
}

footer.space--md,
section.space--md {
    padding-top: 9.75em;
    padding-bottom: 9.75em
}

footer.space--lg,
section.space--lg {
    padding-top: 13em;
    padding-bottom: 13em
}

footer.space--xlg,
section.space--xlg {
    padding-top: 26em;
    padding-bottom: 32.5em
}

footer.space--0,
section.space--0 {
    padding: 0
}

footer.section--even,
section.section--even {
    padding-top: 8.125em;
    padding-bottom: 8.125em
}

footer.space-bottom--sm,
section.space-bottom--sm {
    padding-bottom: 4.33333333em
}

@media all and (max-width:767px) {
    footer,
    footer.space--lg,
    section,
    section.section--even,
    section.section--even.space--lg,
    section.space--lg {
        padding: 4.875em 0
    }
    footer.space--xlg,
    section.section--even.space--xlg,
    section.space--xlg {
        padding: 7.3125em 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
    }
}

@media all and (min-width:768px) {
    .mt--1 {
        margin-top: 1.625em
    }
    .mt--2 {
        margin-top: 3.25em
    }
    .mt--3 {
        margin-top: 4.875em
    }
}

@media all and (max-width:990px) {
    .mt--1,
    .mt--2 {
        margin-top: 1.625em
    }
    .mt--3 {
        margin-top: 2.4375em
    }
}

/*! -- Pillar Customizers -- */

body.theme--square .btn,
body.theme--square input {
    border-radius: 0
}

body.theme--square button {
    border-radius: 0 !important
}

body[data-scroll-reveal=true] section:not(:first-child) {
    visibility: hidden
}

body.theme--boxed {
    padding: 4.875em 0;
    background: #eee
}

body.theme--boxed .main-container,
body.theme--boxed .nav-bar.nav--fixed,
body.theme--boxed nav {
    max-width: 1400px;
    margin: 0 auto;
    left: 0;
    right: 0
}

body.theme--boxed section:not(.bg--white):not(.bg--dark):not(.bg--secondary):not(.bg--dark):not(.bg--primary):not(.section--overlap) {
    background: #f8f8f8
}

body.theme--boxed section.section--overlap+section:not(.bg--white):not(.bg--dark):not(.bg--secondary):not(.bg--dark):not(.bg--primary):not(.section--overlap) {
    padding-top: 6.5em !important
}

@media all and (max-width:1400px) {
    body.theme--boxed {
        padding: 0
    }
}

.btn.btn--square {
    border-radius: 0
}

.btn.btn--transparent {
    border: none !important
}

.loader {
    height: 4px;
    width: 100%;
    top: 0;
    z-index: 999;
    pointer-events: none;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease
}

.loader.loader--fade {
    transition: none;
    -webkit-transition: none;
    opacity: 0
}

.loader.loader--fade:before {
    animation: none
}

.loader:before {
    display: block;
    content: "";
    left: -25%;
    width: 25%;
    height: 3px;
    background-color: #425cbb;
    animation: loading 5s linear infinite
}

.btn-round,
.link-list li a,
span.label {
    display: inline-block
}

@keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 125%
    }
}

/*! -- Pillar Typography -- */

@media all and (max-width:1024px) {
    html {
        font-size: 87.5%
    }
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-SemiBold.otf) format('opentype');
    font-weight: 600;
    font-style: normal
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0
}

.h1,
h1 {
    margin-bottom: .40625em
}

.h2,
h2 {
    margin-bottom: .57777777777778em
}

.h3,
h3 {
    margin-bottom: .8125em
}

.h4,
h4 {
    margin-bottom: 1.1304347826087em
}

.h5,
h5 {
    margin-bottom: 1.625em
}

.h6,
h6 {
    font-weight: 400;
    margin-bottom: 2.36363636363636em
}

@media all and (max-width:767px) {
    .h1,
    h1 {
        font-size: 2em;
        line-height: 1.421875em
    }
}

.lead {
    margin-bottom: 1.1304347826087em;
    font-weight: 300
}

.lead:last-child {
    margin-bottom: 0
}

a,
a:hover {
    color: #232323
}

.bg--primary h1,
.bg--primary h2,
.bg--primary h3,
.bg--primary h4,
.bg--primary h5,
.bg--primary h6,
.bg--primary i,
.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) i,
.imagebg:not(.image--light) p a {
    color: #fff
}

p a:hover,
span a:hover {
    opacity: .9
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
    font-family: Lato;
    font-weight: 400;
    font-style: italic
}

.type--body-font {
    font-weight: 400
}

.type--body-font em {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600
}

.imagebg:not(.image--light) p {
    opacity: .9
}

.boxed.boxed--border,
hr {
    border-color: #ebebeb
}

.bg--secondary hr {
    border-color: #e7e7e7
}

blockquote {
    font-size: 1.4375em;
    line-height: 1.69565217391304em;
    font-style: italic;
    margin-bottom: 1.1304347826087em
}

.bg--primary .icon,
.bg--primary a:not(.btn),
.bg--primary p,
.bg--primary span,
.bg--primary ul {
    color: #fff;
    opacity: .9
}

.link-list li:nth-child(even) {
    background: #f4f4f4
}

.link-list li a {
    padding: .40625em;
    font-style: italic;
    opacity: .5;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.link-list li a:before {
    content: '\203A';
    opacity: .5;
    margin-right: .8125em
}

.link-list li a:hover {
    opacity: 1
}

p[class*=col-] {
    padding: 0
}

span.label {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    line-height: 2.6em;
    font-weight: 400;
    font-size: 10px;
    padding: 0 8px;
    color: #fff !important;
    background: #64b671;
    top: 13px;
    right: 13px;
    margin: 0
}

.menu li a+span.label {
    right: 26px;
    top: 0;
    max-height: 20px;
    line-height: 20px
}

/*! -- Pillar Mixins & Variable -- */

.box-shadow {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05)
}

.box-shadow-light {
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, .05)
}

.box-shadow-inset {
    box-shadow: inset 0 0 60px 0 rgba(0, 0, 0, .07)
}

.box-shadow-wide {
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07)
}

.iconsmind {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.menu>li a,
.multi-column .multi-column__title,
.nav-bar a.nav-function span {
    text-transform: uppercase;
    letter-spacing: 1px
}

/*! -- Pillar Buttons -- */

.btn.btn--primary {
    border-color: #010101;
    color: #010101 !important;
    background-color: #fff;
    border-radius: 50px
}

.bg--primary .btn .btn__text,
.btn.btn--success .btn__text,
.menu>li a,
.menu>li ul li a {
    color: #fff
}

.btn.btn--primary:hover {
    border-color: #010101;
    background-color: rgba(256, 256, 256, .4) !important
}

.btn.btn--success {
    background: #64b671;
    border-color: #64b671
}

.btn.btn--success:hover {
    border-color: #75be81
}

@media all and (max-width:767px) {
    .btn+.btn {
        margin-left: 0;
        margin-top: 4px
    }
}

@media all and (min-width:990px) {
    .btn--merge {
        border-radius: 100px 0 0 100px;
        position: relative
    }
    .btn--merge+.btn {
        border-radius: 0 100px 100px 0;
        margin-left: -5px
    }
    .btn--merge+.btn.btn--primary {
        background: #546cc3;
        border-color: #546cc3
    }
    .btn--merge+.btn.btn--primary:hover {
        background: #5f75c7;
        border-color: #5f75c7
    }
}

.btn--xs {
    padding-bottom: 1px
}

.bg--primary .btn {
    border-color: rgba(255, 255, 255, .1)
}

.bg--primary .btn:hover {
    border-color: rgba(255, 255, 255, .6)
}

.btn-round {
    width: 4.0625em;
    height: 4.0625em;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: .2s linear !important;
    -webkit-transition: .2s linear !important;
    -moz-transition: .2s linear !important
}

.btn-round i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    font-size: 1.5em;
    width: 100%
}

.btn-round:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

/*! -- Pillar Nav Bar -- */

.logo {
    margin: 0
}

.nav-bar {
    padding-right: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
    background-color: #010101
}

.nav-bar .logo {
    margin-right: 1.625em
}

.nav-bar .logo-light {
    display: none
}

.nav-bar .logo-dark {
    display: inline
}

.nav-bar.nav--absolute {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.nav-bar.nav--absolute:not(.nav--fixed) .nav-module.right:not(.logo-module):not(.menu-module):not( :nth-last-child(2)) {
    border-left: 1px solid rgba(255, 255, 255, .1)
}

.nav-bar .nav-module.right:not(.logo-module):not(.menu-module) {
    padding: 0 1.625em;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.nav-bar .nav-module.right:not(.logo-module):not(.menu-module):not( :nth-last-child(2)) {
    border-left: 1px solid rgba(0, 0, 0, .05);
    padding-right: 0
}

.nav-bar.nav--fixed {
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    border-bottom: none
}

.nav-bar.nav--fixed:not(.no-animation) {
    animation: navslide .5s ease forwards
}

.nav-bar.bg--dark .logo-light {
    display: none
}

.nav-bar.bg--dark .logo-dark {
    display: inline
}

.nav-bar a.nav-function {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.nav-bar a.nav-function span {
    font-size: 10px;
    font-family: Montserrat;
    margin-left: .8125em;
    display: none
}

.nav-bar a.nav-function i {
    font-size: 1.1em;
    display: inline-block;
    position: relative;
    top: 3px
}

.nav-bar a.nav-function:hover {
    opacity: .5
}

@media all and (min-width:991px) {
    .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) .menu>li>a,
    .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) a.nav-function i,
    .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) a.nav-function span {
        color: #fff
    }
    .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) .logo-dark {
        display: none
    }
    .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) .logo-light {
        display: inline
    }
    .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed)+.nav-mobile-toggle[data-modal-id],
    .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed)+.nav-mobile-toggle[data-modal-id] .h6 {
        color: #fff
    }
}

@media all and (max-width:767px) {
    .nav-bar a.nav-function span {
        display: inline-block
    }
}

@keyframes navslide {
    from {
        transform: translate3d(0, -100px, 0);
        -webkit-transform: translate3d(0, -100px, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@media all and (max-width:990px) {
    .nav-bar {
        padding: 0 15px
    }
    .nav-bar .nav-module.right:not(.logo-module):not(.menu-module) {
        padding: 0;
        margin-bottom: .8125em
    }
}

.menu>li {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear
}

.menu>li:hover>a {
    opacity: .6
}

.menu>li a {
    font-weight: 500;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.menu>li ul {
    white-space: nowrap;
    background: #0d2f4a;
    background: -moz-linear-gradient(top, #0d2f4a 0, #215378 100%);
    background: -webkit-linear-gradient(top, #0d2f4a 0, #215378 100%);
    background: linear-gradient(to bottom, #0d2f4a 0, #215378 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2f4a', endColorstr='#215378', GradientType=0);
    margin-top: 3px;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    padding: 1.625em;
    min-width: 16em;
    border: 1px solid rgba(255, 255, 255, .3);
    border-top: 0
}

.menu>li ul li {
    padding-left: .42307692307692em
}

.menu>li ul li a {
    padding-left: 0;
    width: 100%
}

.menu>li ul li a:hover {
    transform: translate3d(5px, 0, 0);
    -webkit-transform: translate3d(5px, 0, 0)
}

.menu>li>ul {
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, .05)
}

.menu>li>ul:not(.multi-column)>li.dropdown>a:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 4px;
    opacity: .4;
    transition: .4s ease;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    transform: translate3d(-10px, 0, 0);
    -webkit-transform: translate3d(-10px, 0, 0)
}

.menu>li>ul:not(.multi-column)>li.dropdown:hover>a {
    transform: translate3d(5px, 0, 0);
    -webkit-transform: translate3d(5px, 0, 0);
    opacity: 1
}

.menu>li>ul:not(.multi-column)>li.dropdown:hover>a:after {
    opacity: 1;
    transform: translate3d(-3px, 0, 0);
    -webkit-transform: translate3d(-3px, 0, 0)
}

.menu>li>ul:not(.multi-column) ul {
    left: calc(112%)
}

.menu>li>ul a {
    padding: 0 1em 1.3em;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    opacity: .5
}

.menu>li>ul a:hover {
    opacity: 1
}

@media all and (max-width:990px) {
    .menu>li ul ul {
        padding-left: 0
    }
}

.multi-column {
    padding: 2.4375em !important
}

.multi-column li {
    width: 20em
}

.multi-column li ul {
    padding: 0
}

.multi-column .multi-column__title {
    display: inline-block;
    color: #fff;
    margin-bottom: 1em
}

.nav-modal .menu>li>a span,
.nav-slide .menu li a span {
    text-transform: capitalize;
    letter-spacing: 0
}

.utility-bar {
    padding-top: .8125em;
    padding-bottom: .8125em;
    padding-right: 1.625em
}

.utility-bar .social-list {
    line-height: 1.625em !important
}

.utility-bar .social-list li a {
    font-size: 13px
}

.utility-bar .nav-module+.nav-module {
    margin-left: 1.625em
}

.utility-bar:not(.hidden)+.nav-bar+.nav-mobile-toggle {
    top: 42px
}

.nav-mobile-toggle {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    opacity: .75
}

.nav-mobile-toggle i {
    display: inline-block;
    margin-top: 18px
}

.nav-mobile-toggle:hover {
    opacity: 1
}

/*! -- Pillar Nav Stack -- */

.nav-stack .nav-stack__upper {
    margin: 1.625em 0
}

.nav-modal .menu>li:not(:last-child),
.nav-slide .logo {
    margin-bottom: 3.25em
}

.nav-stack .nav-stack__upper .logo {
    max-height: 2.84375em;
    display: inline-block
}

.blog-post .blog-post__comments .comment .comment__image img,
.nav-slide .logo img {
    max-height: 4.875em
}

.nav-stack .nav-bar {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.nav-stack .nav-bar:not(.nav--fixed) {
    box-shadow: none
}

.nav-stack .nav-bar:not(.nav--fixed) .logo-module {
    display: none !important
}

.nav-stack .nav-bar:not(.nav--fixed) .menu-module {
    padding-left: 0
}

.nav-stack .nav-bar.nav--fixed .logo-module {
    padding-left: 1.625em
}

@media all and (max-width:990px) {
    .nav-stack .menu-module {
        padding-top: 65px
    }
    .nav-stack .nav-mobile-toggle {
        width: 100%;
        right: 0;
        text-align: center
    }
}

/*! -- Pillar Offscreen Nav -- */

.nav-bar+.nav-mobile-toggle[data-modal-id] i {
    display: inline-block;
    margin-right: 7px
}

.nav-modal .menu>li:not(:last-child)>a,
form .row {
    margin-right: 0
}

.nav-bar+.nav-mobile-toggle[data-modal-id] span {
    position: relative;
    bottom: 10px
}

.nav-modal .menu,
.nav-modal .pos-bottom {
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    transition-delay: .3s;
    opacity: 0
}

.nav-modal .pos-bottom {
    bottom: 3.25em;
    transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0)
}

.nav-modal .menu {
    display: inline-block;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    text-align: center
}

.nav-modal .menu>li {
    display: block;
    text-align: center;
    float: none
}

.nav-modal .menu>li>a {
    padding: 0
}

.nav-modal .menu>li ul {
    background: 0 0;
    padding: 1.625em 0 0;
    text-align: left
}

.nav-modal .menu>li ul li {
    padding-left: 0
}

.nav-modal .bg--dark {
    background: rgba(35, 35, 35, .9)
}

.nav-modal .bg--primary {
    background: rgba(66, 92, 187, .9)
}

.nav-modal.modal-active .menu {
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
    opacity: 1
}

.nav-modal.modal-active .pos-bottom {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1
}

@media all and (max-width:767px) {
    .utility-bar:not(.hidden)+.nav-bar+.nav-mobile-toggle {
        top: 46px
    }
    .nav-bar:not(.bg--dark)+.nav-mobile-toggle[data-modal-id] .h6,
    .nav-bar:not(.bg--dark)+.nav-mobile-toggle[data-modal-id] i {
        color: #232323 !important
    }
    .nav-modal .modal-content {
        width: 100% !important;
        height: 100% !important;
        padding: 0
    }
    .nav-modal .modal-content .pos-vertical-center {
        top: 50%;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0)
    }
    .nav-modal .menu>li:not(:last-child)>a {
        margin-right: 0
    }
}

/*! -- Pillar Nav Slide -- */

.nav-slide {
    min-height: 100vh;
    height: 100vh;
    padding: 3.25em
}

.nav-slide .logo {
    display: block
}

.nav-slide .menu {
    height: auto;
    display: inline-block
}

.nav-slide .menu li {
    float: none;
    margin-right: 0
}

.nav-slide .menu li:not(:last-child) {
    margin-bottom: 1.625em
}

.nav-slide .menu li a {
    padding: 0
}

.btn .btn__text,
button {
    letter-spacing: 1px
}

.nav-slide .pos-bottom {
    bottom: 1.625em;
    width: 100%;
    left: 0
}

.nav-slide .pos-bottom .social-list {
    margin-bottom: .40625em
}

.nav-slide .pos-bottom span.type--fine-print {
    opacity: .5
}

.nav-slide .nav-slide__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    min-height: 100vh;
    opacity: 0
}

.nav-slide.notification--reveal:not(.notification--dismissed) .nav-slide__content {
    animation: slidein .5s ease .3s forwards;
    -webkit-animation: slidein .5s ease .3s forwards
}

@keyframes slidein {
    from {
        opacity: 0;
        transform: translate3d(200px, 0, 0);
        -webkit-transform: translate3d(200px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slidein {
    from {
        opacity: 0;
        transform: translate3d(200px, 0, 0);
        -webkit-transform: translate3d(200px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }
}

/*! -- Pillar Buttons -- */

.btn {
    border-color: rgba(35, 35, 35, .1)
}

.btn:hover {
    border-color: rgba(35, 35, 35, .9)
}

/*! -- Pillar Forms -- */

::-webkit-input-placeholder {
    font-style: italic
}

:-moz-placeholder {
    font-style: italic
}

::-moz-placeholder {
    font-style: italic
}

:-ms-input-placeholder {
    font-style: italic
}

form div[class*=col-]>button[type=submit],
form div[class*=col-]>input {
    width: 100%
}

form .row {
    margin-left: 0
}

form.form--labels .row button[type=submit] {
    position: relative;
    top: 39px
}

form.form--center-submit-button button[type=submit] {
    display: block;
    margin: 0 auto
}

form.attempted-submit .field-error {
    color: #e34747
}

form.attempted-submit .field-error::-webkit-input-placeholder {
    color: #e34747;
    font-size: 1em
}

form.attempted-submit .field-error:-moz-placeholder {
    color: #e34747;
    font-size: 1em
}

form.attempted-submit .field-error::-moz-placeholder {
    color: #e34747;
    font-size: 1em
}

form.attempted-submit .field-error:-ms-input-placeholder {
    color: #e34747;
    font-size: 1em
}

@media all and (max-width:1024px) {
    form.form--labels .row button[type=submit] {
        top: 34px
    }
}

@media all and (max-width:767px) {
    .nav-slide__content {
        padding-top: 4.875em
    }
    .nav-slide__content .logo img {
        max-height: 3.25em
    }
    form.form--labels .row button[type=submit] {
        top: 0
    }
    form input[type=text],
    form input[type=address],
    form input[type=url],
    form input[type=password],
    form input[type=email],
    form input[type=search],
    form input[type=tel],
    form textearea {
        margin-bottom: 0
    }
}

.input-with-icon:not(:last-child),
textarea {
    margin-bottom: 1.625em
}

input[type=text],
input[type=address],
input[type=url],
input[type=password],
input[type=email],
input[type=search],
input[type=tel] {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    color: #767676;
    padding-left: 1.625em;
    padding-right: 1.625em;
    height: 52px
}

input[type=text]:focus,
input[type=address]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=tel]:focus {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05)
}

.input-with-icon {
    position: relative
}

.input-with-icon i {
    position: absolute;
    font-size: 1.4375em;
    margin-left: 1.1304347826087em;
    top: 13px;
    left: 0
}

.input-with-icon label+i {
    top: 52px
}

.input-with-icon input {
    padding-left: 4.0625em;
    width: 100%
}

.input-select select,
.input-with-icon+div>textarea,
select {
    padding-left: 1.625em
}

.input-with-icon label+i+input {
    margin-top: .8125em
}

@media all and (max-width:767px) {
    .input-with-icon:not(:last-child) {
        margin: 0
    }
}

.imagebg:not(.image--light):not(.form--dark) input[type=text],
.imagebg:not(.image--light):not(.form--dark) input[type=address],
.imagebg:not(.image--light):not(.form--dark) input[type=url],
.imagebg:not(.image--light):not(.form--dark) input[type=password],
.imagebg:not(.image--light):not(.form--dark) input[type=email],
.imagebg:not(.image--light):not(.form--dark) input[type=search] {
    background: rgba(255, 255, 255, .3);
    color: #fff
}

.imagebg:not(.image--light):not(.form--dark) input[type=text]::-webkit-input-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=address]::-webkit-input-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=url]::-webkit-input-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=password]::-webkit-input-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=email]::-webkit-input-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=search]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .75);
    font-size: 1em
}

.imagebg:not(.image--light):not(.form--dark) input[type=text]:-moz-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=address]:-moz-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=url]:-moz-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=password]:-moz-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=email]:-moz-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=search]:-moz-placeholder {
    color: rgba(255, 255, 255, .75);
    font-size: 1em
}

.imagebg:not(.image--light):not(.form--dark) input[type=text]::-moz-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=address]::-moz-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=url]::-moz-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=password]::-moz-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=email]::-moz-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=search]::-moz-placeholder {
    color: rgba(255, 255, 255, .75);
    font-size: 1em
}

.imagebg:not(.image--light):not(.form--dark) input[type=text]:-ms-input-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=address]:-ms-input-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=url]:-ms-input-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=password]:-ms-input-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=email]:-ms-input-placeholder,
.imagebg:not(.image--light):not(.form--dark) input[type=search]:-ms-input-placeholder {
    color: rgba(255, 255, 255, .75);
    font-size: 1em
}

.imagebg:not(.image--light):not(.form--dark) .input-with-icon i,
.imagebg:not(.image--light):not(.form--dark) label {
    color: #fff
}

.form--dark .input-with-icon i {
    color: #232323
}

.bg--white input[type=text],
.bg--white input[type=address],
.bg--white input[type=url],
.bg--white input[type=password],
.bg--white input[type=email],
.bg--white input[type=search] {
    background: #f8f8f8
}

label {
    font-family: Lato color: #343434;
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
    font-weight: 400;
    display: block;
    margin: 0
}

label+input {
    margin-top: 2px
}

button {
    height: 52px;
    font-size: .625em !important;
    color: #fff;
    background: #425cbb;
    border-color: #425cbb
}

button:active,
button:focus,
button:hover {
    color: #fff !important;
    border-color: #425cbb !important
}

button.btn--loading:after {
    background: #fff;
    border-radius: 100px
}

.form--merge {
    min-width: 100%
}

.form--merge input {
    border-radius: 50px 0 0 50px
}

.form--merge input+button[type=submit] {
    margin-left: -4px
}

.form--merge button[type=submit] {
    border-radius: 0 50px 50px 0;
    position: relative;
    margin: 0
}

.form--merge button[type=submit].btn--loading:after {
    border-radius: 0 100px 100px 0
}

.form--merge.form--square input,
.form--merge.form--square select {
    border-radius: 2px 0 0 2px
}

.form--merge.form--square button[type=submit] {
    border-radius: 0 2px 2px 0
}

@media all and (max-width:767px) {
    .form--merge input {
        width: 100%;
        border-radius: 50px
    }
    .form--merge input+button[type=submit] {
        margin-left: 0
    }
    .form--merge button[type=submit] {
        bottom: 0;
        border-radius: 50px;
        width: 100%
    }
}

.form--square button,
.form--square input,
.form--square select,
.form--square textarea {
    border-radius: 5px
}

select {
    max-width: 100%;
    min-width: 100%
}

.input-checkbox label {
    margin-left: 0
}

.input-checkbox+br+.input-checkbox,
li+li .input-checkbox {
    margin-left: 1.625em
}

.input-checkbox+span {
    position: relative;
    bottom: 2px
}

.input-checkbox .inner {
    background: #ececec;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.input-checkbox .inner:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05)
}

.input-checkbox .inner:before {
    opacity: 0;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.input-checkbox.checked .inner {
    text-align: center;
    position: relative;
    background: #64b671
}

.input-checkbox.checked .inner:before {
    content: '\2713';
    position: absolute;
    color: #fff;
    width: 100%;
    left: 0;
    opacity: 1;
    font-size: 13px
}

.cover-9:before,
.features-5:before {
    content: ''
}

li .input-checkbox {
    line-height: 1.625em !important
}

.input-select {
    width: 100%
}

.input-select:not(:last-child) {
    margin-bottom: 1.625em
}

.input-select select {
    width: 100%
}

/*! -- Pillar Subscribe Forms -- */

.subscribe .subscribe__title h1,
.subscribe .subscribe__title h2,
.subscribe .subscribe__title h3,
.subscribe .subscribe__title h4,
.subscribe .subscribe__title h5,
.subscribe .subscribe__title h6 {
    margin: 0
}

.subscribe-1 {
    padding-bottom: 6.5em
}

.subscribe-1 .subscribe__title {
    padding-top: .40625em
}

.subscribe-1+.footer-2 {
    padding-top: 0
}

@media all and (max-width:767px) {
    .subscribe-1 {
        padding-bottom: 4.875em
    }
    .subscribe-1 .subscribe__title {
        margin-bottom: 1.625em
    }
}

.subscribe-2 .subscribe__title,
.subscribe-2 form {
    margin-bottom: 3.25em
}

@media all and (max-width:767px) {
    .subscribe-2 form {
        margin-bottom: 1.625em
    }
}

.subscribe-3 .subscribe__title {
    margin-bottom: 3.25em
}

.subscribe-3 .subscribe__title p.lead {
    margin-top: 1.1304347826087em
}

.subscribe-4 {
    padding-bottom: 0;
    position: relative
}

.subscribe-4 .subscribe__title {
    margin-top: 1.625em;
    margin-bottom: 3.25em
}

.subscribe-4 .subscribe__title h4 {
    margin-bottom: 1.1304347826087em
}

.subscribe-4 .input-with-icon {
    margin-bottom: 1.625em
}

@media all and (max-width:1200px) {
    .subscribe-4 {
        padding-bottom: 8.125em
    }
    .subscribe-4 .subscribe__avatar {
        position: absolute;
        bottom: 0;
        right: 0
    }
}

@media all and (max-width:767px) {
    .subscribe-4 {
        padding-bottom: 0
    }
    .subscribe-4 .subscribe__avatar {
        position: relative;
        margin-top: 1.625em
    }
}

.subscribe-5 .subscribe__title {
    margin-bottom: 3.25em
}

.subscribe-5 .subscribe__title h4 {
    margin-bottom: 1.1304347826087em
}

.subscribe-5 form .input-with-icon {
    margin-bottom: 1.625em
}

.subscribe-5 .subscribe__feature,
.subscribe-5 form .input-with-icon:last-of-type {
    margin-bottom: 3.25em
}

.subscribe-5 form div:last-child {
    margin-top: 3.25em
}

.subscribe-5 form button[type=submit]:last-child {
    display: block;
    margin-top: 4.875em
}

.subscribe-5 .subscribe__feature:first-child {
    margin-top: 4.875em
}

.subscribe-5 .subscribe__feature h6 {
    margin-bottom: 1.3em
}

@media all and (max-width:767px) {
    .subscribe-5 .subscribe__feature {
        text-align: center;
        margin-bottom: 1.625em
    }
    .subscribe-5 .subscribe__feature:first-child {
        margin-top: 1.625em
    }
}

.subscribe-6 .subscribe__features,
.subscribe-6 .subscribe__title {
    margin-bottom: 4.875em
}

.subscribe-6 .subscribe__features li {
    display: inline-block
}

.subscribe-6 .subscribe__features li:not(:last-child) {
    margin-right: 3.25em
}

.subscribe-6 .subscribe__features li .checkmark {
    margin-right: .8125em
}

.subscribe-6 .subscribe__features li h6 {
    display: inline-block;
    position: relative;
    bottom: 9px;
    margin: 0
}

.subscribe-6 form {
    margin-bottom: 3.25em
}

@media all and (max-width:990px) {
    .subscribe-6 .subscribe__features li:not(:last-child) {
        margin-right: 1.625em
    }
}

@media all and (max-width:767px) {
    .subscribe-6 .subscribe__title {
        margin-bottom: 3.25em
    }
    .subscribe-6 .subscribe__features {
        margin-bottom: 1.625em
    }
    .subscribe-6 .subscribe__features li {
        display: block;
        margin-bottom: .8125em
    }
    .subscribe-6 .subscribe__features li:not(:last-child) {
        margin-right: 0
    }
    .subscribe-6 form {
        margin-bottom: 0
    }
}

.form-subscribe-1 p.lead {
    margin-bottom: 1.76923076923076em
}

/*! -- Pillar Lists -- */

.social-list {
    margin: 0
}

.social-list li {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    opacity: .5;
    display: inline-block;
    margin: 0
}

.social-list li:hover,
.social-list.social-list--circles li {
    opacity: 1
}

.social-list li:not(:last-child) {
    margin-right: 1.625em
}

.social-list li a {
    color: #232323
}

.accordion .active .accordion__title span,
.cover-7 .h6,
.imagebg:not(.image--light) .btn:not(.btn--primary) .btn__text,
.imagebg:not(.image--light) .social-list li a,
.imagebg:not(.image--light) a,
.imagebg:not(.image--light) span,
.social-list.social-list--circles li a i,
.tabs-4.tabs-container .tabs li.active .btn .btn__text {
    color: #fff
}

.social-list.social-list--circles li:not(:last-child) {
    margin-right: .8125em
}

.social-list.social-list--circles li a {
    display: inline-block;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px
}

.social-list.social-list--circles li a i {
    font-size: 12px
}

/*! -- Pillar Covers -- */

.imagebg:not(.image--light) .btn:not(.btn--primary) {
    border-color: rgba(255, 255, 255, .1)
}

.imagebg:not(.image--light) .btn:not(.btn--primary):hover {
    border-color: rgba(255, 255, 255, .6)
}

.cover .social-list li:not(:last-child) {
    margin-right: 3.25em
}

.cover .social-list li a {
    font-size: 1.4375em
}

.cover .pos-bottom .social-list {
    margin-bottom: 3.25em
}

@media all and (max-width:767px) {
    .cover .social-list li:not(:last-child) {
        margin-right: 1.625em
    }
    .cover .social-list li a {
        font-size: 1em
    }
    .cover .pos-bottom {
        position: relative;
        margin-bottom: 0
    }
    .cover .pos-bottom .social-list {
        margin-top: 3.25em;
        margin-bottom: 0
    }
}

.cover-1 .logo {
    max-height: 8.125em
}

.cover-1 p.lead {
    position: relative;
    top: 48px
}

.cover-1 .row:first-child:not(:last-child) {
    margin-bottom: 3.25em
}

.cover-2,
.cover-8 {
    padding: 0;
    position: relative
}

.cover-2>div[class*=col-],
.cover-8>div[class*=col-] {
    position: absolute;
    height: 100%
}

.cover-2>div[class*=col-]:first-child,
.cover-8>div[class*=col-]:first-child {
    left: 0
}

.cover-2>div[class*=col-]:last-child,
.cover-8>div[class*=col-]:last-child {
    right: 0
}

@media all and (max-height:600px) {
    .cover-2>div[class*=col-],
    .cover-8>div[class*=col-] {
        position: relative;
        height: auto
    }
    .cover-2>div[class*=col-]:first-child,
    .cover-8>div[class*=col-]:first-child {
        height: 32.5em
    }
    .cover-2>div[class*=col-]:last-child,
    .cover-8>div[class*=col-]:last-child {
        padding: 4.875em 0
    }
}

@media all and (max-width:767px) {
    .cover-1 .logo,
    .cover-1 .row:first-child:not(:last-child) {
        margin-bottom: 1.625em
    }
    .cover-1 .logo {
        max-height: 4.875em
    }
    .cover-1 p.lead {
        top: 0
    }
    .cover-2>div[class*=col-],
    .cover-8>div[class*=col-] {
        position: relative;
        height: auto
    }
    .cover-2>div[class*=col-]:first-child,
    .cover-8>div[class*=col-]:first-child {
        height: 32.5em
    }
    .cover-2>div[class*=col-]:last-child,
    .cover-8>div[class*=col-]:last-child {
        padding: 4.875em 0
    }
}

.cover-10+section:not(.imagebg),
.cover-9+section:not(.imagebg):not(.bg--dark):not(.bg--primary) {
    padding-top: 0
}

.cover-2 .logo {
    max-height: 8.125em
}

.cover-2 .pos-vertical-center {
    display: inline-block;
    text-align: left
}

.cover-2 .btn:first-of-type {
    margin-top: 1.625em
}

@media all and (max-width:767px) {
    .cover-2 .logo {
        max-height: 4.875em
    }
    .cover-2 .pos-vertical-center {
        text-align: center
    }
}

.cover-3 .logo {
    max-height: 3.25em
}

.cover-3 .pos-bottom {
    margin-bottom: 9.75em
}

.cover-3 .modal-instance {
    margin-top: 3.25em
}

@media all and (max-width:767px) {
    .cover-3.slider .slides li {
        height: 100vh
    }
    .cover-3.slider .slides li .container {
        top: 50%;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0)
    }
    .cover-3 .pos-bottom {
        margin-bottom: 19.5em
    }
}

.cover-4 .modal-instance {
    display: inline-block;
    position: relative;
    top: 21px;
    margin-left: 1.625em
}

.cover-4 p.lead+div {
    margin-top: 1.625em
}

.cover-6 .modal-instance {
    display: block;
    margin-bottom: 3.25em
}

.cover-6 .logo {
    max-height: 8.125em
}

.cover-6 form {
    margin-bottom: 4.875em
}

@media all and (max-width:767px) {
    .cover-4 .modal-instance {
        display: block;
        margin-left: 0
    }
    .cover-6 .modal-instance {
        margin-bottom: 1.625em
    }
    .cover-6 .logo {
        max-height: 3.25em
    }
    .cover-6 .pos-bottom {
        margin-top: 3.25em
    }
}

.cover-7 form {
    margin: 3.25em 0
}

.cover-7 .h6 {
    display: inline-block
}

.cover-7 .modal-instance {
    display: inline-block;
    margin-left: 1.625em
}

@media all and (max-width:767px) {
    .cover-7 form {
        margin: 1.625em 0
    }
    .cover-7 form input {
        margin: 0
    }
}

.cover-8 .logo {
    max-height: 3.25em
}

.cover-8 p.lead+div {
    margin-top: 3.25em
}

.cover-8 form {
    max-width: 60%;
    margin: 0 auto
}

.cover-8 form .row {
    margin-bottom: 1.625em
}

.cover-8 form .input-checkbox {
    margin-right: .8125em
}

.cover-8 form .input-checkbox+span {
    position: relative;
    bottom: 8px
}

@media all and (max-width:1300px) {
    .cover-8 form {
        max-width: 80%
    }
}

@media all and (max-width:767px) {
    .cover-8 form input {
        margin-bottom: 0
    }
}

.cover-9 {
    position: relative;
    padding-bottom: 0
}

.cover-9:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: -13em;
    left: 0;
    background: #f4f4f4
}

.cover-9 .logo {
    max-height: 6.5em
}

.cover-9 p.lead {
    margin-bottom: 2.26086956521739em
}

.cover-9 .cover__image {
    margin-top: 4.875em
}

@media all and (max-width:767px) {
    .cover-9 .logo {
        max-height: 3.25em
    }
    .cover-9 p.lead {
        margin-bottom: 1em
    }
    .cover-9 .btn:not(:last-of-type) {
        margin-bottom: 1.625em
    }
    .cover-9 .cover__image {
        margin-top: 3.25em
    }
}

.cover-10 .logo {
    max-height: 6.5em
}

.cover-10>.background-image-holder {
    height: 70%;
    opacity: .2 !important
}

.cover-10 .video-cover {
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    margin-top: 4.875em
}

.cover-10 .video-cover iframe {
    height: 488px
}

.cover-11:not([class*=height-]) {
    padding: 0
}

.cover-11 .boxed {
    padding-bottom: 3.25em;
    margin-bottom: 0
}

.cover-11 .pos-bottom {
    margin-bottom: 1.625em
}

.cover-11 p.lead+.modal-video-1 {
    margin-top: 3.25em
}

@media all and (max-width:990px) {
    .cover-11 .boxed {
        padding: 1.625em 0
    }
    .cover-11 .boxed div[class*=col-] {
        padding: 0 15px !important
    }
}

.tabs-5,
.tabs-container .tabs .tab__title:not(.btn) {
    padding: 0
}

@media all and (max-width:767px) {
    .cover-10 .video-cover iframe {
        height: auto
    }
    .cover-11 .imagebg {
        overflow: hidden
    }
    .cover-11 .pos-bottom {
        margin-top: 1.625em
    }
}

.cover-12 form {
    margin-top: 0
}

.cover-12 form .input-with-icon {
    text-align: left;
    margin-bottom: 1.625em
}

@media all and (max-width:768px) {
    .cover-12 .modal-instance {
        margin-bottom: 1.625em
    }
}

.cover-13 form {
    margin-top: 2.4375em
}

.cover-14 .logo {
    margin-bottom: 2.4375em
}

.cover-14 .pos-bottom {
    width: 100%;
    bottom: 1.625em
}

.cover-14 .cover__title {
    margin-bottom: 3.25em
}

.cover-15 form {
    margin-top: 3.25em;
    margin-bottom: 1.625em
}

/*! -- Pillar Tabs -- */

.tabs-container .tabs {
    margin-bottom: 4.875em
}

.tabs-container .tabs li:not(:last-child) {
    margin-right: 3.25em
}

.tabs-container:not(.tabs-5) .tabs-content {
    margin-bottom: 0;
    position: relative
}

.tabs-container:not(.tabs-5) .tabs-content>li.active .tab__content {
    animation: fadeIn .75s ease forwards
}

.tabs-container:not(.tabs-5) .tabs-content>li:not(.active) {
    position: absolute;
    top: 0;
    pointer-events: none
}

.tabs-container:not(.tabs-5) .tabs-content>li:not(.active) .tab__content {
    display: block;
    pointer-events: none;
    animation: fadeOut .5s ease forwards
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
        -webkit-transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
        -webkit-transform: translate3d(0, -20px, 0)
    }
}

@media all and (max-width:767px) {
    .tabs-container .tabs {
        margin-bottom: 1.625em
    }
    .tabs-container .tabs li {
        margin: 0 1.625em .40625em
    }
    .tabs-container .tabs li:not(:last-child) {
        margin-right: 0
    }
}

.tabs-1 .tabs li {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear
}

.tabs-1 .tabs li:not(.active) {
    opacity: .4
}

.tabs-1 .tabs li:hover {
    opacity: .9
}

.tabs-1 .tabs li .btn {
    border-color: transparent;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    backface-visibility: hidden
}

.tabs-1 .tabs li:not(:last-child) {
    margin-right: 1.625em
}

.tabs-2 .tabs h5,
.tabs-2 .tabs h6,
.tabs-5 .tabs li .tab__title h6 {
    margin: 0
}

.tabs-3.tabs-container .tabs li,
.tabs-4.tabs-container .tabs li,
.tabs-5 .tabs li:not(:last-child) {
    margin-right: 0
}

.tabs-1 .tabs li.active .btn {
    border-color: rgba(35, 35, 35, .9)
}

.tabs-3.tabs-container .tabs .tab__title {
    position: relative;
    width: 250px;
    height: 150px;
    text-align: center
}

.tabs-3.tabs-container .tabs .tab__title h5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    z-index: 2;
    color: #fff;
    width: 100%
}

.tabs-4.tabs-container .tabs li:first-child {
    position: relative;
    left: 5px
}

.tabs-4.tabs-container .tabs li:first-child .btn {
    border-radius: 50px 0 0 50px
}

.tabs-4.tabs-container .tabs li:last-child {
    position: relative;
    right: 5px
}

.tabs-4.tabs-container .tabs li:last-child .btn {
    border-radius: 0 50px 50px 0
}

.tabs-4.tabs-container .tabs li.active .btn {
    background: #232323
}

.tabs-4.tabs-container .tabs li:not(.active) .btn {
    border-color: #232323
}

.tabs-5 .tabs {
    margin-bottom: 0
}

.tabs-5 .tabs li .tab__title {
    background: #fff;
    padding: .8125em 3.25em !important
}

.tabs-5 .tabs li:not(.active) .tab__title {
    background: #010101
}

.tabs-5 .tabs li:first-child .tab__title,
.tabs-5 .tabs li:last-child .tab__title {
    border-radius: 0
}

.tabs-5 .tabs-content {
    background: #fff;
    padding-top: 2em;
    padding-bottom: 4em;
    margin-top: 0;
    margin-bottom: 0
}

@media all and (max-width:767px) {
    .tabs-4.tabs-container .tabs li {
        margin: 0
    }
    .tabs-5 .tabs {
        margin-bottom: 1.625em
    }
    .tabs-5 li .tab__title,
    .tabs-5 li:first-child .tab__title,
    .tabs-5 li:last-child .tab__title {
        border-radius: 50px !important
    }
}

/*! -- Pillar Accordions -- */

.accordion .active .accordion__content {
    animation: fadeIn .7s ease forwards
}

.accordion li,
.accordion li .accordion__content {
    position: relative
}

.accordion li:not(.active) .accordion__content * {
    display: block;
    position: absolute;
    top: 0;
    animation: fadeOut .7s ease forwards
}

.features-4,
.owl-dot.active,
.twitter-feed {
    position: relative
}

.accordion li:not(.active):hover .accordion__title {
    background: #efefef
}

/*! -- Pillar Twitter Feed -- */

.twitter-feed .timePosted {
    margin: 0
}

.twitter-feed.twitter-feed--slider ul:not(.owl-carousel) {
    max-height: 8.125em;
    opacity: 0
}

.twitter-feed .timePosted a {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    color: #343434;
    font-size: .625em;
    line-height: 2.6em;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 2.36363636363636em;
    text-decoration: none;
    opacity: .5
}

i+.twitter-feed {
    margin-top: 1.625em
}

.twitter-feed-1 p {
    font-size: 1.4375em;
    line-height: 1.69565217em;
    margin-bottom: 1.1304347826087em;
    font-weight: 400
}

.twitter-feed-1 p:last-child {
    margin-bottom: 0
}

.twitter-feed-1 p a {
    color: #425cbb
}

.twitter-feed-2 li .tweet {
    margin-bottom: .8125em
}

.twitter-feed-2 li:not(:last-child) {
    margin-bottom: 2.4375em
}

/*! -- Pillar Sliders -- */

.slider:not(.slider-controls--white) .flex-direction-nav a,
section:not(.imagebg):not(.bg--dark):not(.bg--primary):not(.slider) .flex-direction-nav a {
    color: #232323
}

.slider:not(.slider-controls--white) .flex-control-nav li a,
section:not(.imagebg):not(.bg--dark):not(.bg--primary):not(.slider) .flex-control-nav li a {
    background: #232323;
    opacity: .4;
    backface-visibility: hidden
}

.slider:not(.slider-controls--white) .flex-control-nav li a.flex-active,
section:not(.imagebg):not(.bg--dark):not(.bg--primary):not(.slider) .flex-control-nav li a.flex-active {
    opacity: 1
}

.owl-dot {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.owl-dot.active {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    bottom: 1px
}

.owl-next,
.owl-prev {
    opacity: .2
}

.owl-next:hover,
.owl-prev:hover {
    opacity: 1
}

.slider:not(section) .slides li {
    padding: 0
}

.slider--animate div[class*=col-] {
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0);
    transition-delay: .5s;
    opacity: 0
}

.slider--animate .active div[class*=col-] {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.screenshot-slider {
    margin-top: 3.25em
}

.screenshot-slider img {
    margin-bottom: 1.625em
}

/*! -- Pillar Features -- */

.features-1 hr {
    margin: 4.875em 0 3.25em
}

.features-2 p+.feature {
    margin-top: 4.875em
}

@media all and (max-width:767px) {
    .owl-next,
    .owl-prev {
        display: none !important
    }
    .features-1 hr {
        display: none
    }
    .features-2 p+.feature {
        margin-top: 3.25em
    }
}

.features-3 .feature:first-child {
    margin-top: 4.875em
}

.features-3 .feature h6 {
    margin-bottom: 1.3em
}

.features-3 .feature:not(:last-child) {
    margin-bottom: 3.25em
}

@media all and (max-width:767px) {
    .features-3 .feature:first-child {
        margin-top: 3.25em
    }
}

.features-4 {
    padding-bottom: 0
}

.features-4 h3 {
    margin-top: .8125em
}

.features-4 .feature h5 {
    margin-bottom: .8125em
}

.features-4 p+.feature {
    margin-top: 3.25em
}

@media all and (max-width:1200px) {
    .features-4 {
        padding-bottom: 8.125em
    }
    .features-4 .features__avatar {
        position: absolute;
        bottom: 0;
        right: 0
    }
    .features-4 .features__avatar img {
        margin: 0;
        position: relative;
        right: -50px;
        max-height: 32.5em
    }
}

@media all and (max-width:990px) {
    .features-4 .features__avatar img {
        right: -200px
    }
}

@media all and (max-width:767px) {
    .features-4 {
        padding-bottom: 0
    }
    .features-4 .features__avatar {
        margin-top: 3.25em;
        position: relative
    }
    .features-4 .features__avatar img {
        right: 0
    }
}

.features-5 {
    position: relative;
    padding-bottom: 0
}

.features-5:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    top: -13em
}

.features-5 p.lead {
    margin-bottom: 3.3913043478261em
}

.features-5 img {
    margin-top: 6.5em
}

@media all and (max-width:767px) {
    .features-5 {
        background: #f4f4f4;
        padding-bottom: 4.875em
    }
    .features-5 p.lead {
        margin-bottom: 1.1304347826087em
    }
    .features-5 img {
        margin-top: 1.625em
    }
}

.features-6 p+.feature {
    margin-top: 1.625em
}

.features-6 .feature:not(:last-child) {
    margin-bottom: 1.625em
}

.features-6 .feature {
    padding: 0
}

.features-6+.cta-2 {
    padding-top: 0
}

@media all and (max-width:767px) {
    .features-6 p+.feature {
        margin-top: 0
    }
    .features-6 .feature:not(:last-child) {
        margin-bottom: 0
    }
    .features-6 .feature:nth-child(even) {
        padding-left: 7.5px
    }
}

.features-7 {
    padding-top: 9.75em
}

.features-7 hr {
    opacity: .3;
    margin: 3.25em 0
}

.features-7 .feature h6 {
    margin-bottom: 1.3em
}

@media all and (max-width:767px) {
    .features-7 {
        padding-top: 4.875em
    }
}

.features-8 {
    padding-top: 9.75em
}

.features-8 .boxed {
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    margin-top: 4.875em;
    background: rgba(255, 255, 255, .2);
    text-align: center
}

.features-8 .boxed .feature:first-child {
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.features-8 .boxed .feature h5 {
    margin: 1.625em 0
}

.features-8 .boxed i {
    color: #fff
}

@media all and (max-width:767px) {
    .features-8 {
        padding-top: 4.875em
    }
    .features-8 .boxed .feature:first-child {
        border-right: none
    }
    .features-8 .boxed .feature:not(:last-child) {
        margin-bottom: 1.625em
    }
}

.features-9 p.lead {
    margin-bottom: 3.3913043478261em
}

.features-9 .feature:first-child {
    margin-top: 8.125em
}

@media all and (max-width:767px) {
    .features-9 p.lead {
        margin-bottom: 1.1304347826087em
    }
    .features-9 .feature:first-child {
        margin-top: 0
    }
    .features-9 img {
        margin-bottom: 3.25em
    }
}

.features-10 {
    padding: 0;
    overflow: hidden
}

.features-10 .feature {
    margin: 0;
    padding: 3.5em 0;
    min-height: 434px
}

.features-10 .feature i {
    display: inline-block;
    margin-bottom: .40625em
}

.features-10 .feature p {
    max-width: 60%;
    margin: 0 auto;
    min-height: 4.875em
}

@media all and (max-width:1500px) {
    .features-10 .feature p {
        max-width: 80%
    }
}

@media all and (max-width:1200px) {
    .features-10 .feature p {
        max-width: 90%
    }
}

@media all and (max-width:990px) {
    .features-10 .feature {
        padding: 3.25em 0;
        margin-bottom: 0;
        min-height: 0
    }
    .features-10 .feature p {
        max-width: 80%;
        min-height: 0
    }
}

.features-11 .row:last-child {
    margin-top: 3.25em
}

section.features .feature-2 {
    margin-bottom: 3.25em
}

.features-12.imageblock>.container {
    padding-top: 13em;
    padding-bottom: 9.75em
}

.features-12 .feature[class*=col-] {
    padding: 0
}

.features-12 p.lead {
    margin-bottom: 3.3913043478261em
}

@media all and (max-width:767px) {
    .features-11 .row:last-child {
        margin-top: 1.625em
    }
    .features-12.imageblock>.container {
        padding-top: 4.875em;
        padding-bottom: 4.875em
    }
}

/*! -- Pillar Modals -- */

.modal-content.height--natural {
    max-width: 450px
}

.modal-content.bg--dark {
    background: #000
}

.modal-instance {
    position: relative;
    display: inline-block
}

@media all and (max-width:1024px) {
    .modal-container .modal-content {
        max-width: 100%;
        max-height: 100%
    }
}

/*! -- Pillar Video -- */

.video-play-icon {
    opacity: 1;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.video-play-icon:hover {
    opacity: .9
}

.pricing-4 h6,
.pricing-5 .pricing__title h6 {
    opacity: .5
}

.video-play-icon:not(.video-play-icon--dark):before {
    border-color: transparent transparent transparent #232323
}

.video-play-icon.video-play-icon--sm:before {
    margin-top: -3px
}

.modal-video-1 .video-play-icon {
    display: inline-block;
    margin-right: 1.625em
}

.modal-video-1 .video-play-icon.video-play-icon--sm {
    margin-right: .8125em
}

.modal-video-1 .h6 {
    position: relative;
    bottom: 48px
}

.modal-video-1 .video-play-icon--sm+.h6 {
    bottom: 22px
}

.embedded-video-3 .text {
    margin-top: 3.25em
}

@media all and (max-width:767px) {
    .modal-video-1 .h6 {
        bottom: 28px
    }
    .embedded-video-3 .text {
        margin-top: 0
    }
}

/*! -- Pillar Charts -- */

.piechart {
    position: relative
}

.piechart-1 .piechart__overlay {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    width: 100%
}

@media all and (max-width:990px) {
    .piechart-1 {
        margin-bottom: 1.625em
    }
}

.piechart-2 .piechart__overlay {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    width: 100%
}

.piechart-2 .piechart__description h6:first-child {
    margin: 0;
    opacity: .5
}

.piechart-3 .piechart__overlay {
    width: 90%;
    height: 90%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05)
}

.pricing-1:hover,
.pricing-2.pricing--emphasise,
.pricing-3:hover,
.pricing-4:hover {
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07)
}

.piechart-3 i {
    font-size: 2.8125em;
    color: #425cbb
}

.piechart-3+h5 {
    margin-top: 1.625em
}

.piechart[data-size="260"] {
    width: 260px;
    height: 260px
}

.barchart {
    position: relative
}

.barchart .barchart__bar {
    background: #f4f4f4;
    border-radius: 50px
}

.barchart .barchart__progress {
    background: #425cbb;
    border-radius: 50px
}

.barchart .barchart__description {
    z-index: 3;
    position: relative
}

.barchart:not(:last-child) {
    margin-bottom: 1.625em
}

.barchart.barchart--vertical {
    display: inline-block
}

.barchart.barchart--vertical:not(:last-child) {
    margin-right: .8125em
}

.barchart.barchart--vertical .barchart__bar {
    height: 500px;
    margin-bottom: 1.625em
}

.barchart.barchart--vertical .barchart__progress {
    width: 100%;
    top: auto;
    bottom: 0
}

.barchart.barchart--vertical .barchart__progress:before {
    right: 0;
    width: 100%;
    text-align: center
}

.barchart.barchart--vertical .barchart__description {
    position: relative;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    left: -1.625em;
    text-align: left
}

.barchart.barchart--vertical .barchart__description span {
    color: #232323
}

.barchart-1 .barchart__bar {
    height: 2.84375em
}

.barchart-1 .barchart__description {
    top: 0;
    left: 1.625em;
    position: absolute;
    height: 2.84375em;
    width: 100%
}

.barchart-1 .barchart__description span {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    margin: 0
}

.barchart-1 .barchart__progress:before,
.barchart-2:before {
    position: absolute;
    font-size: .625em;
    line-height: 2.6em;
    margin-top: 0;
    margin-bottom: 2.36363636363636em;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-variant-ligatures: common-ligatures;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400
}

.barchart-1 .barchart__progress:before {
    content: attr(data-value);
    right: 1.625em;
    color: #fff;
    top: .8125em
}

.barchart-1.barchart--vertical .barchart__bar {
    width: 2.84375em
}

.barchart-2:before {
    content: attr(data-value) '%';
    right: 0;
    color: #343434;
    top: 0
}

.barchart-2 .barchart__bar {
    height: .40625em;
    background: #efefef;
    backface-visibility: hidden
}

.barchart-2:not(.barchart--vertical) .barchart__bar {
    max-height: .40625em
}

.barchart-2 .barchart__description {
    margin-bottom: .8125em
}

.barchart-2.barchart--vertical .barchart__bar {
    width: .40625em
}

.barchart-2.barchart--vertical .barchart__description {
    left: -3.25em
}

.barchart-2.barchart--vertical:before {
    left: 0
}

.bg--secondary .barchart {
    background: #e7e7e7
}

.bg--dark .barchart-2:before {
    color: #fff
}

/*! -- Pillar Pricing Options -- */

.pricing {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.pricing i:first-child {
    color: #232323
}

.pricing h5:first-child,
.pricing h6:first-child {
    margin: 0
}

.pricing .pricing__price,
.pricing-3 h5 {
    margin-top: 1.625em
}

.pricing p:last-of-type {
    margin-bottom: 3.25em
}

.pricing:not(.pricing-1):not(.pricing--emphasise) hr {
    border-color: #efefef
}

.bg--dark .pricing-1 :not(a) {
    color: #767676
}

@media all and (max-width:990px) {
    .pricing {
        margin-bottom: 30px
    }
}

@media all and (max-width:767px) {
    .pricing {
        margin-bottom: 15px
    }
}

.pricing-1 {
    padding: 1em 2em;
    background: #fff
}

.pricing-1 p {
    min-height: 2em
}

.pricing-2 {
    padding: 2.16666667em 3.25em 3.25em
}

.pricing-2.pricing--emphasise {
    background: #fff
}

.pricing-2 p {
    min-height: 4.875em
}

.pricing-3 img:first-child {
    margin-bottom: -1.625em
}

.pricing-3 .btn {
    margin-bottom: 1.625em;
    position: relative;
    z-index: 20
}

.pricing-3 .pricing__body {
    background: #fff;
    padding: 0 3.25em 3.25em
}

.pricing-3 p {
    min-height: 3.25em
}

.pricing-3 p:last-child {
    margin: 0
}

.pricing-4 {
    padding: 3.25em;
    background: #fff
}

.pricing-4 .pricing__price {
    margin-top: 0;
    margin-bottom: 1.625em
}

.pricing-4 p {
    min-height: 4.875em
}

@media all and (max-width:990px) {
    .pricing-4 {
        margin-bottom: 1.625em
    }
}

.pricing-5 div[class*=col-] {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    padding: 0
}

.pricing-5 div[class*=col-].pricing--emphasise {
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    z-index: 2
}

.pricing-5 div[class*=col-]:not(:first-child) ul li:last-child {
    height: auto !important
}

.pricing-5 .pricing__title {
    min-height: 144px;
    padding: 1.625em 0;
    position: relative
}

.pricing-5 .pricing__title h5,
.pricing-5 .pricing__title h6 {
    margin: 0
}

.pricing-5 .pricing__price {
    margin-top: .8125em
}

.pricing-5 ul {
    margin: 0
}

.pricing-5 ul li {
    line-height: 1.625em;
    padding: 1.625em 0
}

.pricing-5 ul li span:not(.btn__text) {
    font-style: italic
}

.pricing-5 ul li span:not(:first-child) {
    display: inline-block;
    margin-left: .8125em;
    position: relative;
    bottom: 6px
}

.pricing-5 ul li:nth-child(odd) {
    background: #f4f4f4
}

@media all and (min-width:990px) {
    .pricing-5 ul li {
        height: 4.875em
    }
}

@media all and (max-width:990px) {
    .pricing-5 .pricing__title {
        border: 1px solid rgba(0, 0, 0, .05);
        min-height: auto
    }
    .pricing-5 ul {
        border-right: 1px solid rgba(0, 0, 0, .05);
        border-left: 1px solid rgba(0, 0, 0, .05)
    }
    .pricing-5 ul li:not(:first-child) {
        border-top: 1px solid rgba(0, 0, 0, .05)
    }
}

@media all and (max-width:767px) {
    .pricing-5 div[class*=col-] {
        margin-bottom: 1.625em
    }
}

.checkmark,
.crossmark {
    width: 1.625em;
    height: 1.625em;
    line-height: 1.625em;
    background: #64b671;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    text-align: center
}

.checkmark:before,
.crossmark:before {
    content: '\2713';
    position: absolute;
    color: #fff;
    width: 100%;
    left: 0;
    opacity: 1;
    font-size: 13px
}

.crossmark {
    background: #e34747
}

.crossmark:before {
    content: '\2715'
}

/*! -- Pillar Cards -- */

.card {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.card .card__image img,
.card .card__title h1,
.card .card__title h2,
.card .card__title h3,
.card .card__title h4,
.card .card__title h5,
.card .card__title h6 {
    margin: 0
}

.card .card__body,
.card .card__lower span {
    margin-bottom: 0
}

.card .card__lower span:not(.h6) {
    font-size: .625em;
    font-style: italic;
    display: inline-block;
    color: #767676
}

.slider[data-items] .card {
    margin: 0 15px 3.25em
}

@media all and (max-width:990px) {
    .card .card__body {
        margin-bottom: 30px
    }
}

.card--horizontal {
    position: relative
}

.card--horizontal .card__image {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0
}

.card--horizontal .card__body {
    float: right
}

@media all and (max-width:767px) {
    .card .card__body {
        margin-bottom: 15px;
        min-width: 100%
    }
    .card--horizontal .card__image {
        position: relative
    }
    .card--horizontal .card__image .background-image-holder {
        position: relative;
        background: 0 0
    }
    .card--horizontal .card__image .background-image-holder img {
        display: block
    }
}

a .card {
    transition: .2s ease;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease
}

a .card p,
a .card span {
    color: #767676
}

a .card.card-6:hover,
a .card:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05)
}

a:active .card {
    transform: scale(.99);
    -webkit-transform: scale(.99)
}

.card-1 .card__icon {
    background: #f4f4f4;
    padding: 4.875em 0;
    text-align: center
}

.card-1 .card__title+p {
    margin-top: 1.625em
}

.card-1,
.card-2 {
    margin-bottom: 30px
}

.card-1 .card__title,
.card-2 .card__title {
    margin-bottom: .8125em
}

.card-1 span:not(:last-child),
.card-2 span:not(:last-child) {
    margin-bottom: 1.625em;
    display: inline-block
}

.card-1 .card__body p,
.card-2 .card__body p {
    min-height: 8.125em
}

@media all and (max-width:767px) {
    .card-1 .card__icon {
        padding: 3.25em 0
    }
    .card-1 .card__body p,
    .card-2 .card__body p {
        min-height: 0
    }
}

.card-3 {
    margin-bottom: 30px
}

.card-3 .card__body .card__title {
    margin-bottom: 0
}

.card-4 {
    margin-bottom: 30px
}

.card-4 .card__body h6:first-child {
    margin-bottom: 1.3em;
    color: #767676
}

.card-4 hr,
.card-5 {
    margin-bottom: 1.625em
}

.card-4 .card__body h5 {
    font-weight: 400
}

.card-4 .card__body .card__title {
    height: 4.875em;
    margin-bottom: 1.625em;
    text-overflow: ellipsis
}

.card-4 hr {
    margin-top: 0
}

.card-5 .card__body {
    padding-bottom: 16.25em
}

.card-5 .card__body .card__title {
    margin-bottom: .40625em
}

.card-5 .card__body .card__title+span {
    margin-bottom: 1.625em;
    display: inline-block
}

.card-5 .card__body .card__title+p {
    margin-top: 1.625em
}

.masonry .card-5 {
    margin-bottom: 0
}

@media all and (max-width:990px) {
    .card-5 .card__body {
        padding-bottom: 13em
    }
}

.card-6,
.card-6 .card__body .card__title {
    margin-bottom: 1.625em
}

.card-6 .card__body p:last-of-type {
    margin-bottom: 6.5em
}

@media all and (max-width:767px) {
    .card-5 .card__body {
        padding-bottom: .8125em
    }
    .card-6 .card__body p:last-of-type {
        margin-bottom: 3.25em
    }
}

.card-7 {
    margin-bottom: 30px
}

.card-7 .card__body {
    position: relative
}

.card-7 .card__body .card__title h5,
.card-7 .card__body .card__title h6 {
    margin-bottom: 0;
    max-height: 1.625em
}

.card-7 .card__body .card__title h6 {
    opacity: .3;
    margin-bottom: .65em
}

.card-7 .card__body .card__price span.type--strikethrough,
.card-8 .card__title h6 {
    opacity: .5
}

.card-7 .card__body .card__price {
    position: absolute;
    top: 2.4375em;
    right: 2.4375em
}

.card-7 .card__body .card__price span {
    display: block
}

@media all and (max-width:1200px) {
    .card-7 .card__price {
        margin-bottom: .8125em
    }
}

.card-8 {
    margin-bottom: 30px;
    position: relative
}

.card-8 .boxed {
    padding: 3.25em 4.875em
}

.card-8 .card__title h3 {
    max-width: 75%;
    text-overflow: ellipsis
}

.card-8 .card__body {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0
}

.card-8 .card__image {
    padding: 0;
    background: #eee
}

.card-8 .card__image img {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.card-8 .card__image:hover img {
    transform: scale(.98);
    -webkit-transform: scale(.98)
}

.card-8 hr {
    margin-bottom: 3.25em
}

.card-8 p[class*=col-] {
    padding: 0;
    float: none;
    margin-bottom: 4.875em
}

.card-8 .card__price {
    position: absolute;
    top: 3.25em;
    right: 4.875em
}

.card-8 .card__price span {
    font-size: 1.4375em
}

.card-8 .card__price span.type--strikethrough {
    margin-right: 1.1304347826087em
}

@media all and (max-width:1200px) {
    .card-8 .card__body {
        position: relative;
        height: auto
    }
    .card-8 hr {
        margin-bottom: 1.625em
    }
    .card-8 p[class*=col-] {
        margin-bottom: 3.25em
    }
}

@media all and (max-width:1024px) {
    .card-8 .boxed {
        padding: 3.25em
    }
    .card-8 .card__price {
        position: relative;
        right: 0;
        top: 0;
        margin-top: .8125em
    }
}

.cta-1,
.cta-2 {
    padding: 4.875em 0
}

@media all and (max-width:767px) {
    .card-8 {
        margin-bottom: 0
    }
    .card-8 .card__title {
        margin-top: 0
    }
    .card-8 .card__body {
        position: relative;
        height: auto
    }
    .card-8 .card__price {
        margin-bottom: 1.625em
    }
}

/*! -- Pillar Page Titles -- */

.page-title.page-title--animate .container * {
    opacity: 0;
    animation: fadeUp 1s ease;
    animation-delay: .5s;
    animation-fill-mode: forwards
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
        -webkit-transform: translate3d(0, 50px, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }
}

/*! -- Pillar Video Covers -- */

iframe {
    background: #f4f4f4
}

/*! -- Pillar Members -- */

.member-1 {
    margin-bottom: 3.25em
}

.member-1 h6 {
    margin: 0;
    opacity: .5
}

.member-1 h5,
.member-2 h5 {
    margin-bottom: .8125em
}

.member-1 p {
    min-height: 6.5em
}

@media all and (max-width:767px) {
    .member-1 p {
        min-height: 0
    }
}

.feature-1 p,
.feature-3 p {
    min-height: 4.875em
}

.member-2 h6 {
    margin-bottom: 0;
    opacity: .75
}

.member-2 .social-list {
    width: 100%;
    margin-bottom: 1.625em
}

/*! -- Pillar Icon Features -- */

.feature {
    margin-bottom: 3.25em
}

.feature.boxed {
    background: #fff;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    text-align: center
}

.feature.boxed:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
    z-index: 2
}

.feature:not(.bg--primary):not(.bg--dark) i {
    color: #232323
}

.bg--primary .feature:not(.bg--primary):not(.bg--dark) i,
.cta-2.imagebg:not(.image--light) .h6,
.cta-2.imagebg:not(.image--light) i,
.imagebg .feature:not(.bg--primary):not(.bg--dark) i,
.masonry__filters.masonry__filters--outside ul li {
    color: #fff
}

.bg--primary .feature-1 span,
.imagebg .feature-1 span {
    color: #fff;
    opacity: .9
}

@media all and (max-width:767px) {
    .feature {
        margin-bottom: 1.625em
    }
}

.feature-1 {
    margin-bottom: 30px
}

.feature-1 i+h5 {
    margin: .5em 0 .8125em
}

.feature-1 i+h6 {
    margin-top: 1.3em;
    margin-bottom: 1.3em
}

.feature-1 i+h4 {
    margin-top: 1.23076923076923em;
    margin-bottom: 1.23076923076923em
}

.feature-1 h4:last-child,
.feature-1 h5:last-child,
.feature-1 h6:last-child {
    margin-bottom: 0
}

@media all and (max-width:767px) {
    .feature-1 {
        margin-bottom: 1.625em
    }
    .feature-3 p {
        min-height: 0
    }
}

.feature-2 .feature__title {
    margin-bottom: .8125em
}

.feature-2 .feature__title i {
    margin-right: .25em
}

.feature-2 .feature__title h6 {
    margin: 0;
    display: inline-block;
    position: relative;
    bottom: 16px
}

@media all and (max-width:990px) {
    .feature-2 .feature__title h6 {
        bottom: 0;
        display: block;
        margin-top: 1.3em
    }
}

.feature-3 .feature__left {
    float: left;
    margin-right: 1.625em
}

.feature-3 .feature__right {
    float: left;
    max-width: 80%
}

.feature-4,
.feature-4 p:last-of-type {
    margin-bottom: 3.25em
}

@media all and (max-width:767px) {
    .feature-4 p:last-of-type {
        margin-bottom: 1.625em
    }
}

/*! -- Pillar Calls to Action -- */

.cta-1 .cta__title {
    margin: 0
}

@media all and (max-width:990px) {
    .cta-1 .btn:first-child:not(:last-child) {
        margin-bottom: 1.625em
    }
}

@media all and (max-width:767px) {
    .cta-1 {
        text-align: center
    }
    .cta-1 p.lead {
        margin: 1.1304347826087em 0
    }
    .cta-1 .btn:first-child:not(:last-child) {
        margin-bottom: 0
    }
}

.cta-2 .cta__body {
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 50px
}

.cta-2 .cta__body .cta__feature {
    display: inline-block;
    padding-left: 3.25em;
    position: relative
}

.cta-2 .cta__body .cta__feature i {
    position: relative;
    top: 10px;
    margin-right: .56521739130435em
}

.cta-2 .cta__body .btn {
    float: right;
    min-height: 3.25em
}

.cta-2.imagebg:not(.image--light) .cta__body {
    border: none;
    background: rgba(255, 255, 255, .3)
}

@media all and (max-width:1200px) {
    .cta-2 .cta__body {
        text-align: center;
        height: auto;
        padding: 1.625em
    }
    .cta-2 .cta__body .cta__feature {
        margin-bottom: 1.625em
    }
    .cta-2 .cta__body .cta__feature:first-child {
        padding-left: 0
    }
    .cta-2 .cta__body .btn {
        float: none
    }
}

.cta-3 span.h2 {
    display: block;
    margin-bottom: 1.15555555555556em
}

.cta-3.imagebg {
    padding-top: 8.125em
}

.cta-5 h4 {
    margin: 0;
    display: inline-block;
    position: relative;
    top: 3px;
    white-space: nowrap
}

.cta-5 .btn {
    margin-left: 1.625em
}

@media all and (max-width:767px) {
    .cta-2 .cta__body .cta__feature {
        width: 100%;
        padding-left: 0;
        height: auto
    }
    .cta-3.imagebg {
        padding-top: 4.875em
    }
    .cta-5 .btn {
        margin-left: 0;
        margin-top: 1.625em
    }
}

.cta-6 .btn {
    margin-top: 1.625em
}

.cta-7 form {
    margin-top: 2.4375em;
    margin-bottom: 1.625em
}

.cta-8 .boxed h4 {
    margin: 0
}

.cta-8 .boxed .btn,
.cta-8 .boxed form {
    margin-top: 1.625em
}

.cta-8 .boxed form button,
.cta-8 .boxed form input {
    width: 100%;
    margin-bottom: .40625em
}

.cta-8 .boxed:first-child {
    margin: 0
}

.cta-8.section--overlap:not(:first-child) [class*=col-]:last-child {
    margin-top: 13em
}

.cta-8 .signature {
    display: inline-block;
    margin-top: 2.4375em
}

@media all and (max-width:767px) {
    .cta-8.section--overlap [class*=col-]:last-child {
        margin-top: 1.625em
    }
}

/*! -- Pillar Masonry -- */

.wide-grid.masonry {
    transform: none !important
}

.wide-grid .masonry__container {
    background: #f3f3f3
}

.wide-grid .masonry__container .masonry__item {
    padding: 0
}

.wide-grid.bg--dark .masonry__container {
    background: #282828
}

.masonry {
    position: relative
}

.masonry--gapless .masonry__item {
    padding: 0;
    margin-bottom: 0 !important
}

.masonry--animate .masonry__item {
    transition: .5s ease;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0)
}

.masonry--animate .masonry__item:nth-child(1) {
    transition-delay: .1s
}

.masonry--animate .masonry__item:nth-child(2) {
    transition-delay: .2s
}

.masonry--animate .masonry__item:nth-child(3) {
    transition-delay: .3s
}

.masonry--animate .masonry__item:nth-child(4) {
    transition-delay: .4s
}

.masonry--animate .masonry__item:nth-child(5) {
    transition-delay: .5s
}

.masonry--animate .masonry__item:nth-child(6) {
    transition-delay: .6s
}

.masonry--animate .masonry__item:nth-child(7) {
    transition-delay: .7s
}

.masonry--animate .masonry__item:nth-child(8) {
    transition-delay: .8s
}

.masonry--animate .masonry__item:nth-child(9) {
    transition-delay: .9s
}

.masonry--animate .masonry__item:nth-child(10) {
    transition-delay: 1s
}

.masonry--animate .masonry__item:nth-child(11) {
    transition-delay: 1.1s
}

.masonry--animate .masonry__item:nth-child(12) {
    transition-delay: 1.2s
}

.masonry--animate .masonry__item:nth-child(13) {
    transition-delay: 1.3s
}

.masonry--animate .masonry__item:nth-child(14) {
    transition-delay: 1.4s
}

.masonry--animate .masonry__item:nth-child(15) {
    transition-delay: 1.5s
}

.masonry--animate.masonry--active .masonry__item {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.masonry__filters {
    padding: 1.625em 0
}

.masonry__filters .h6 {
    opacity: .3;
    position: relative;
    bottom: 2px;
    display: inline-block;
    margin: 0
}

.masonry__filters .h6+ul {
    margin-left: 1.625em
}

.masonry__filters ul {
    display: inline-block;
    margin: 0
}

.masonry__filters ul li {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    font-style: italic
}

.masonry__filters ul li:not(:last-child) {
    margin-right: .8125em
}

.masonry__filters ul li:not(:last-child):after {
    content: '/';
    margin-left: .8125em;
    opacity: .1
}

.masonry__filters ul li:not(.active) {
    opacity: .5
}

.masonry__filters ul li:not(.active):after {
    opacity: .2
}

.masonry__filters ul li:hover {
    opacity: 1
}

.masonry__filters ul li:hover:after {
    opacity: .1
}

.masonry__filters.masonry__filters--outside {
    position: absolute;
    width: 100%;
    z-index: 5;
    top: -3.25em;
    background: 0 0 !important;
    padding: 0
}

.masonry__filters.masonry__filters--outside ul li:after {
    opacity: .2
}

@media all and (max-width:767px) {
    .masonry__filters.masonry__filters--outside {
        position: relative;
        top: 0;
        padding: 1.625em 0
    }
    .masonry__filters.masonry__filters--outside ul li {
        color: #767676
    }
}

.row .masonry__filters {
    margin-bottom: 1.625em;
    padding-left: 15px;
    padding-right: 15px
}

.row .masonry__item {
    margin-bottom: 22px
}

.row .masonry__item .hover-element {
    margin: 0
}

.row .masonry__item>a {
    display: block
}

.pagination,
.pagination li,
.pagination li a,
.project-navigation a,
.project-navigation a span,
.tag-cloud li {
    display: inline-block
}

section:first-of-type.imagebg+.masonry-contained {
    padding-top: 1.625em
}

.masonry-blog .masonry__item {
    margin-bottom: 30px
}

.masonry-blog .masonry__item .card .card__body {
    margin-bottom: 0
}

.masonry-blog .masonry__item .card:not(.card--horizontal) .card__image {
    position: relative
}

.masonry-blog .masonry__item .card:not(.card--horizontal) .card__image img {
    transition: .4s ease;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease
}

.masonry-blog .masonry__item .card:not(.card--horizontal):hover .card__image img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.masonry-blog .masonry__item .card .video-cover iframe {
    min-height: 256px
}

.masonry-videos .col-sm-4 .video-cover iframe {
    min-height: 20vw
}

/*! -- Pillar Hover Elements & Portfolio -- */

.hover-element img {
    width: 100%
}

.hover-element * {
    transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in
}

.hover-element.bg--primary [data-overlay]:before {
    background: #010101
}

.hover-element .modal-instance {
    position: relative;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    display: inline-block
}

.hover-element .modal-instance:not(:first-child) {
    margin-left: .8125em
}

.hover-element[data-title-position*=right] {
    text-align: right
}

.hover-element[data-title-position*=",center"] {
    text-align: center
}

.hover-element[data-title-position*=center] .hover-element__reveal .boxed {
    position: absolute;
    height: auto;
    top: 50%;
    width: 100%;
    transform: translate3d(10px, -50%, 0);
    -webkit-transform: translate3d(10px, -50%, 0)
}

.hover-element[data-title-position*=center] .hover-element__reveal:hover .boxed {
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0)
}

.hover-element[data-title-position*=bottom] .hover-element__reveal .boxed {
    position: absolute;
    height: auto;
    bottom: 0;
    width: 100%
}

.hover-element .boxed {
    transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    opacity: 0
}

.hover-element .boxed span {
    color: #fff
}

.hover-element.hover--active .boxed,
.hover-element:hover .boxed {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 3
}

.hover-element.hover--active img {
    transition: .6s ease;
    -webkit-transition: .6s ease;
    -moz-transition: .6s ease
}

.hover-element.hover--active:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.hover-element .social-list li a i {
    color: #fff
}

.hover-element-1 h5,
.hover-element-1 h6,
.space--0 .hover-element {
    margin: 0
}

.portfolio-item-1 {
    margin-bottom: 1.625em
}

.portfolio-item-1 h5,
.project-single-title h2 {
    margin: 0
}

.portfolio-item-1 span {
    opacity: .5
}

.portfolio-item-1 img {
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease
}

.portfolio-item-1:hover img {
    opacity: .7
}

.portfolio-item-2 .portfolio-item__title {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    backface-visibility: hidden;
    position: absolute;
    z-index: 5;
    color: #fff;
    width: 100%;
    bottom: 1.625em;
    text-align: center
}

.portfolio-item-2 .portfolio-item__title h4,
.portfolio-item-2 .portfolio-item__title h5 {
    margin: 0;
    color: #fff
}

.portfolio-item-2.reveal-video .portfolio-item__title {
    opacity: 0;
    pointer-events: none
}

.project-single-title .modal-video-1 {
    margin-bottom: 1.625em
}

.project-single-description {
    padding: 6.5em 0 3.25em
}

.project-single-stacked .project__summary {
    margin-bottom: 4.875em
}

.project-single-stacked .testimonial,
.project__action {
    margin-top: 3.25em
}

.project__action hr {
    margin: 3.25em 0
}

.project__action h5 {
    margin-bottom: 3.25em
}

@media all and (max-width:767px) {
    .project-single-description {
        padding: 0
    }
    .project__action .btn {
        margin: 0
    }
    .project__action .btn:not(:last-child) {
        margin-bottom: .8125em
    }
}

.project-single-process span.h2 {
    position: absolute;
    opacity: .03;
    font-size: 10em;
    right: 0;
    top: 0
}

.blog-post .blog-post__author span:not(.h6),
.pagination li a {
    font-size: .625em
}

.project-navigation {
    position: relative;
    padding: 0
}

.project-navigation a {
    padding: 3.25em 0;
    text-align: center;
    width: 33.333333333333333%;
    float: left;
    background: #f4f4f4;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease
}

.project-navigation a:hover {
    background: #ececec
}

.project-navigation a:hover .larr {
    transform: translate3d(-6px, 0, 0);
    -webkit-transform: translate3d(-6px, 0, 0)
}

.project-navigation a:hover .rarr {
    transform: translate3d(6px, 0, 0);
    -webkit-transform: translate3d(6px, 0, 0)
}

.project-navigation a span {
    margin: 0
}

.project-navigation a span .larr,
.project-navigation a span .rarr {
    transition: .2s ease;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    position: relative;
    bottom: 2px;
    margin: 0 4px
}

@media all and (max-width:767px) {
    .project-navigation a {
        width: 100%;
        padding: 1.625em 0
    }
}

/*! -- Pillar Blog -- */

.pagination-container {
    margin-top: 3.25em;
    text-align: center
}

.pagination {
    margin: 0 auto
}

.pagination li a {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    width: 3.54545454545454em;
    height: 3.54545454545454em;
    padding-top: 4px;
    text-align: center;
    border-radius: 50% !important;
    background: 0 0;
    border: none;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    color: #343434;
    font-variant-ligatures: common-ligatures;
    line-height: 2.6em;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 2.36363636363636em
}

.pagination li a:hover {
    background: #efefef;
    color: #232323
}

.pagination li.active a {
    background: #ececec;
    color: #232323
}

.pagination li.active a:hover {
    background: #e7e7e7;
    color: #232323
}

.pagination li:first-child,
.pagination li:last-child {
    opacity: .3
}

.sidebar .sidebar__widget:not(:last-child) {
    margin-bottom: 3.25em
}

.tag-cloud .btn--sm {
    padding: 0 .8125em 1px
}

.blog-item-1 h4 {
    margin-bottom: .56521739130435em
}

.blog-item-1 .blog-item__author,
.blog-item-1 img {
    margin-bottom: 1.625em
}

.blog-item-1 p:last-of-type {
    margin: 0
}

.blog-item-1:not(:last-child) hr {
    margin: 3.25em 0
}

.blog-item-1:nth-last-child(2) hr {
    display: none
}

@media all and (max-width:767px) {
    .blog-item-1:not(:last-child) hr {
        margin: 1.625em 0
    }
}

.blog-post {
    padding-top: 0
}

.blog-post .blog-post__title {
    padding: 9.75em 0
}

.blog-post .blog-post__title:not(.imagebg)+.container {
    position: relative;
    z-index: 4;
    margin-top: -3.25em
}

.blog-post .blog-post__title.imagebg {
    padding: 13em 0
}

.blog-post .blog-post__title.imagebg span {
    color: #fff
}

.blog-post .blog-post__title.imagebg+.container {
    padding-top: 6.5em
}

.blog-post .blog-post__author {
    margin-top: 3.25em
}

.blog-post .blog-post__hero {
    margin-bottom: 3.25em
}

.blog-post blockquote {
    color: #232323;
    text-align: center
}

.blog-post img+blockquote,
.blog-post p+blockquote {
    margin-top: 3.3913043478261em
}

.blog-post blockquote+h5,
.blog-post blockquote+img,
.blog-post blockquote+p {
    margin-top: 4.875em
}

.blog-post p+h5 {
    margin-top: 3.25em
}

.blog-post hr:last-child {
    margin-top: 4.875em
}

.blog-post .blog-post__share {
    margin-top: 1.625em
}

.blog-post .blog-post__comments,
.blog-post .blog-post__comments>ul {
    margin-top: 3.25em
}

.blog-post .blog-post__comments ul {
    line-height: 1.625em !important
}

.blog-post .blog-post__comments ul ul {
    padding-left: 20%
}

.blog-post .blog-post__comments .comment .comment__image {
    display: inline-block;
    width: 20%;
    float: left
}

.blog-post .blog-post__comments .comment .comment__text {
    width: 80%;
    float: left
}

.blog-post .blog-post__comments .comment .comment__text h5 {
    margin: 0
}

.blog-post .blog-post__comments .comment .comment__text h5+span {
    opacity: .75;
    display: inline-block;
    margin-bottom: .8125em
}

.testimonial-1 h5+span,
.testimonial-2 h5+span {
    opacity: .8;
    font-style: italic
}

.blog-post .blog-post__comments .comment hr {
    margin: 2.4375em 0;
    display: block;
    width: 100%
}

.blog-post .blog-post__comments .comment__form input {
    width: 100%;
    margin-bottom: 1.625em
}

.blog-post .blog-post__comments .comment__form textarea {
    margin-bottom: 1.625em
}

@media all and (max-width:767px) {
    .blog-post .blog-post__share .btn {
        display: block;
        margin: 0 0 .8125em
    }
    .blog-post .blog-post__title {
        padding-top: 3.25em;
        padding-bottom: 6.5em
    }
    .blog-post .blog-post__title.imagebg {
        padding: 4.875em 0
    }
    .blog-post .blog-post__title.imagebg span {
        color: #fff
    }
    .blog-post .blog-post__title.imagebg+.container {
        padding-top: 3.25em
    }
    .blog-post .blog-post__author {
        margin-top: 1.625em
    }
}

.blog-home {
    padding: 4.875em 0
}

.blog-home .row:first-child h5 {
    margin: 0
}

.blog-home .row:last-child .btn {
    margin-top: 1.625em
}

.blog-home.bg--secondary+.blog-home.bg--secondary {
    padding-top: 0
}

/*! -- Pillar Testimonials -- */

.testimonial-1 {
    margin-bottom: 30px
}

.testimonial-1 img {
    max-height: 8.125em
}

.testimonial-1 h5 {
    margin-bottom: 0
}

.testimonial-1 p {
    min-height: 4.875em
}

.testimonial-1.boxed {
    margin-bottom: 30px
}

.testimonial-2 .testimonial__quote {
    font-size: 6em;
    line-height: 1em;
    display: inline-block;
    margin-bottom: -.54166667em
}

.testimonial-2 img {
    max-height: 4.875em
}

.testimonial-2 h5 {
    margin-bottom: 0
}

@media all and (max-width:767px) {
    .testimonial-2 {
        margin-bottom: 1.625em
    }
    .testimonial-2 .testimonial__quote {
        display: none
    }
}

.testimonial-3 {
    position: relative;
    padding-bottom: 0;
    padding-top: 0
}

.testimonial-3:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: -4.875em;
    background: #f4f4f4
}

.testimonial-3 .testimonial__text {
    margin-top: 11.375em
}

.testimonial-3 .testimonial__text h5,
.testimonial-3 img {
    margin: 0
}

@media all and (max-width:1200px) {
    .testimonial-3:before {
        display: none
    }
    .testimonial-3 .testimonial__text {
        margin-top: 3.25em
    }
}

@media all and (max-width:767px) {
    .testimonial-3 {
        text-align: center
    }
    .testimonial-3 .testimonial__text {
        margin-top: 0;
        margin-bottom: 3.25em
    }
    .testimonial-4 {
        padding: 4.875em 0
    }
}

.testimonial-4 h3 {
    margin-bottom: 1.625em
}

.testimonial-5 img {
    max-height: 24.375em;
    margin: 0
}

.testimonial-5 img+hr {
    margin-top: 0
}

.testimonial-5 .slides {
    padding-bottom: 4.875em
}

/*! -- Pillar Shop -- */

.cart-overview {
    width: 400px;
    height: 100vh;
    position: fixed;
    background: #fff;
    margin: 0;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    padding: 1.625em
}

.shop-item-1,
.wide-grid.masonry-shop .masonry__container,
.wide-grid.masonry-shop .masonry__filters {
    background: #eee
}

.cart-overview .cart-overview__subtotal {
    padding-top: 1.625em;
    border-top: 1px solid #f1f1f1
}

.cart-overview .cart-overview__subtotal h5 {
    display: inline-block;
    margin: 0 1.625em 0 0
}

.cart-overview .cart-overview__title {
    margin-bottom: .5em;
    border-bottom: 1px solid #f1f1f1
}

.cart-form .card,
.cart-form .card .card__price,
.cart-overview .cart-overview__items li:not(:last-child) {
    margin-bottom: 1.625em
}

.cart-overview .cart-overview__items {
    max-height: 70vh;
    overflow-x: auto;
    overflow-y: scroll;
    line-height: 1.625em !important
}

.cart-overview .cart-overview__items li {
    overflow: hidden;
    position: relative
}

.cart-overview .cart-overview__items li img {
    max-height: 4.875em;
    display: inline-block
}

.cart-overview .cart-overview__items li .item__image {
    display: inline-block;
    margin-right: 1.625em
}

.cart-overview .cart-overview__items li .item__detail {
    display: inline-block
}

.cart-overview .cart-overview__items li .item__detail span {
    display: block
}

.cart-overview .cart-overview__items li .item__remove {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    transition: .2s lienar;
    -webkit-transition: .2s lienar;
    -moz-transition: .2s lienar;
    opacity: .5
}

.shop-item-1,
.shop-item-detail .item__reviews li {
    position: relative;
    overflow: hidden
}

.cart-overview .cart-overview__items li .item__remove:before {
    content: '\2715'
}

.cart-overview .cart-overview__items li .item__remove:hover {
    opacity: 1
}

.cart-overview .cart-overview__action {
    margin-top: 3.25em;
    text-align: center;
    width: 100%
}

.cart-form .card input[type=text] {
    max-width: 80px
}

.order-charges {
    margin-top: 3.25em
}

.order-charges ul {
    margin: 0
}

.order-charges li span:last-child {
    float: right
}

.order-charges li:last-child {
    margin-bottom: 0
}

.shop-checkout .card,
.shop-checkout hr {
    margin-bottom: 3.25em
}

.shop-checkout .billing-title {
    padding: 0 15px;
    margin-bottom: 4.875em
}

.shop-checkout .billing-title h5 {
    margin-bottom: .8125em
}

.shop-checkout .billing-details {
    overflow: hidden
}

.shop-checkout .billing-details input,
.shop-checkout .billing-details select {
    margin-bottom: 30px
}

.shop-item-1 {
    padding: 1.625em;
    z-index: 1
}

.shop-item-1 .shop-item__price span.type--strikethrough {
    display: inline-block;
    margin-right: 1.625em
}

.shop-item-1 .shop-item__price.hover--reveal {
    transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    transform: translate3d(0, -50px, 0);
    -webkit-transform: translate3d(0, -50px, 0);
    opacity: 0
}

.shop-item-1 .shop-item__image {
    margin: 1.625em 0;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.masonry-contained .masonry-shop .masonry__item,
.shop-item-1 .shop-item__title h5 {
    margin-bottom: 0
}

.shop-item-1:hover .shop-item__price.hover--reveal {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.shop-item-1:hover .shop-item__image {
    transform: scale(.98);
    -webkit-transform: scale(.98)
}

@media all and (max-width:990px) {
    .shop-item-1 .shop-item__price.hover--reveal {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.wide-grid.masonry-shop .masonry__item .shop-item-1 {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.wide-grid.masonry-shop .masonry__item:hover .shop-item-1 {
    box-shadow: inset 0 0 60px 0 rgba(0, 0, 0, .07)
}

.masonry-contained .masonry-shop .masonry__item .boxed,
.masonry-contained .masonry-shop .masonry__item .card-8,
.masonry-contained .masonry-shop .masonry__item .shop-item-1 {
    margin-bottom: 30px
}

.shop-item-detail .item__description:not(:last-child),
.shop-item-detail .item__price:not(:last-child),
.shop-item-detail.shop-item-detail-1 .item__addtocart {
    margin-bottom: 3.25em
}

.masonry-contained.bg--dark {
    background: #202020
}

.shop-item-detail.shop-item-detail-1 .item__title {
    margin-top: 1.625em
}

.shop-item-detail .item__price span {
    display: inline-block;
    font-size: 1.4375em
}

.shop-item-detail .item__price span.type--strikethrough {
    margin-right: 1.625em
}

.shop-item-detail .item__addtocart {
    max-width: 80%
}

.shop-item-detail .item__addtocart input[type=text] {
    border-radius: 4px 4px 0 0;
    min-width: 100%;
    text-align: center
}

.shop-item-detail .item__addtocart button {
    border-radius: 0 0 4px 4px;
    min-width: 100%
}

.shop-item-detail .item__description .item__subinfo:not(:last-child) {
    margin-bottom: .8125em
}

.shop-item-detail .item__description .item__subinfo span {
    display: inline-block
}

.shop-item-detail .item__description .item__subinfo span:first-child {
    width: 25%;
    color: #232323
}

.shop-item-detail .item__reviews {
    line-height: 1.625em !important
}

.shop-item-detail .item__reviews li img {
    float: left;
    max-height: 4.875em;
    margin-right: 1.625em
}

.shop-item-detail .item__reviews li .review__text {
    width: 80%;
    float: right
}

.shop-item-detail .item__reviews li .review__text h5 {
    margin: 0
}

.shop-item-detail .item__reviews li .review__text span.type--fine-print {
    font-style: italic;
    display: inline-block;
    margin-bottom: 1.3em
}

.shop-item-detail .item__reviews li .review__score {
    position: absolute;
    right: 0;
    top: 0
}

.shop-item-detail .item__reviews li .review__score .star {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ebab21;
    display: inline-block
}

.shop-item-detail .item__reviews li .review__score .star:not(:last-child) {
    margin-right: .40625em
}

.shop-item-detail .item__reviews li .review__score .star.empty {
    background: #e0e0e0
}

.shop-item-detail .item__reviews li:not(:last-child) {
    margin-bottom: 1.625em
}

.imagebg:not(.image--light) .shop-item-detail .item__price {
    color: #fff;
    opacity: .9
}

@media all and (max-width:767px) {
    .shop-item-detail .item__addtocart input {
        margin: 0
    }
    .shop-item-detail .item__reviews li img {
        display: none
    }
    .shop-item-detail .item__reviews li .review__text {
        width: 100%
    }
}

.shop-item-detail-2 form {
    display: inline-block;
    margin-bottom: 3.25em
}

.shop-item-detail-2 .item__subinfo:not(:last-child) {
    border-bottom: 1px solid #eee;
    padding-bottom: .8125em
}

.related-products h4 {
    margin-bottom: 2.2608695652174em
}

@media all and (max-width:767px) {
    .related-products h4 {
        margin-bottom: 1.1304347826087em
    }
    .related-products .shop-item {
        margin-bottom: 15px
    }
}

.signature {
    max-height: 6.5em;
    margin-top: 1.625em
}

.shop-home .masonry__container {
    margin-bottom: 1.625em
}

/*! -- Pillar Modals -- */

.search-modal .modal-content {
    background: 0 0
}

/*! -- Pillar Notifications -- */

.notification {
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    margin: 0
}

.notification .notification-close-cross {
    width: 2.4375em;
    height: 2.4375em;
    background: #232323;
    text-align: center;
    border-radius: 50%
}

.notification .notification-close-cross:before {
    font-size: 1em;
    color: #fff;
    line-height: 2.4375em
}

.footer-1 .footer__navigation li,
.footer-2 .footer__navigation li {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    color: #343434;
    font-variant-ligatures: common-ligatures
}

.notification .boxed {
    margin-bottom: 0
}

.cookies-notice .notification-close {
    margin-left: .8125em
}

.growl-notice {
    margin: 1.625em;
    background: 0 0 !important
}

.growl-notice .boxed {
    border-radius: .8125em
}

@media all and (max-width:767px) {
    .growl-notice {
        margin: 0
    }
}

@media all and (max-width:990px) {
    .cookies-notice .notification-close {
        margin-left: 0;
        margin-top: .8125em
    }
}

.promo-notification h4,
.promo-notification p {
    margin: 0 1.625em 0 0;
    display: inline-block
}

@media all and (max-width:767px) {
    .promo-notification h4,
    .promo-notification p {
        margin-right: 0;
        margin-bottom: .8125em
    }
}

/*! -- Pillar Footers -- */

footer .logo {
    max-height: 26px
}

.footer-1 {
    padding-bottom: 0
}

.footer-1 .footer__navigation {
    width: 50%;
    display: inline-block;
    float: left
}

.footer-1 .logo {
    margin-bottom: 1.625em
}

.footer-1 div[class*=col-] {
    overflow: hidden
}

.footer-1 .footer__lower {
    margin-top: 1.625em;
    padding: 1.625em 0
}

.footer-1 .footer__lower .type--fine-print {
    opacity: .4
}

.footer-1 .footer__lower hr {
    opacity: .05
}

.footer-1 .footer__navigation li {
    font-size: .625em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 3.2em;
    margin: 0
}

.footer-1 .footer__navigation li a {
    opacity: .5;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.footer-1 .footer__navigation li a:hover {
    opacity: 1
}

@media all and (max-width:767px) {
    .footer-1 .footer__lower {
        margin-top: 0
    }
    .footer-1 .footer__lower .social-list {
        display: inline-block;
        margin-top: .8125em
    }
}

.footer-2 .footer__navigation li {
    display: inline-block;
    font-weight: 600;
    font-size: 1em;
    line-height: 1.625em;
    margin-top: 0;
    margin-bottom: 0
}

.footer-3 .footer__navigation li a,
.footer-4 .footer__navigation li {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    color: #343434;
    font-variant-ligatures: common-ligatures;
    font-size: .625em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400
}

.footer-2 .footer__navigation li:not(:last-child) {
    margin-right: 1.625em
}

.footer-2 .footer__lower {
    margin-top: 3.25em
}

@media all and (max-width:767px) {
    .footer-2 .footer__lower {
        margin-top: 1.625em
    }
    .footer-2 .social-list {
        margin-bottom: 1.625em
    }
}

.footer-3 {
    padding: 4.875em 0;
    overflow: hidden
}

.footer-3 div[class*=col-]:first-child {
    padding-left: 3.25em
}

.footer-3 div[class*=col-]:last-child {
    padding-right: 3.25em
}

.footer-3 .logo {
    max-height: 2.4375em;
    display: block;
    margin-bottom: .8125em
}

.footer-3 a.type--underline {
    display: block
}

.footer-3 .footer__navigation li {
    display: inline-block
}

.footer-3 .footer__navigation li:not(:last-child) {
    margin-right: 3.25em
}

.footer-3 .footer__navigation li a {
    line-height: 2.6em;
    margin-top: 0;
    margin-bottom: 2.36363636363636em
}

.footer-3 .social-list {
    margin-bottom: 1.625em
}

.footer-3 .type--fine-print {
    opacity: .5
}

@media all and (max-width:990px) {
    .footer-3 div[class*=col-]:first-child {
        padding-left: 1.625em
    }
    .footer-3 div[class*=col-]:last-child {
        padding-right: 1.625em
    }
}

@media all and (max-width:767px) {
    .footer-3 div[class*=col-]:first-child {
        padding-left: 15px
    }
    .footer-3 div[class*=col-]:last-child {
        padding-right: 15px
    }
    .footer-3 .logo {
        margin: 0 auto 1.625em
    }
    .footer-3 .footer__navigation {
        margin-top: 1.625em
    }
}

.footer-4 {
    padding-bottom: 0
}

.footer-4 .logo {
    max-height: 2.03125em;
    margin-bottom: 1.21875em
}

.footer-4 p {
    opacity: .9
}

.footer-4 .footer__navigation li {
    line-height: 3.2em;
    margin: 0
}

#demo,
#login {
    font-size: 13px;
    color: #fff
}

.footer-4 .footer__navigation li a {
    opacity: .5;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear
}

.footer-4 .footer__navigation li a:hover {
    opacity: 1
}

.footer-4 form {
    margin-bottom: 3.25em
}

.footer-4 .footer__lower {
    position: relative;
    margin-top: 0;
    background: #010101;
    padding: 1.625em 0
}

.footer-4 .footer__lower .type--fine-print {
    opacity: .5
}

.footer-4 .timePosted {
    display: none
}

.top-link {
    width: 3.25em;
    height: 3.25em;
    border-radius: 50%;
    background: #6898c9;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 4;
    bottom: 3.25em;
    padding-top: 12px;
    transition: .2s ease;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease
}

.top-link:hover {
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0)
}

@media all and (max-width:767px) {
    .top-link {
        margin-top: 1.625em
    }
}

/*! -- Pillar Sections General -- */

section:not(.testimonial-3):not(.map-1):not(.imagebg):not(.imageblock):not(.bg--dark):not(.bg--secondary):not(.bg--primary):not(.bg--white):not(.features-5):not(.features-10):not(.wide-grid):not(.slider)+section:not(.testimonial-3):not(.map-1):not(.imagebg):not(.imageblock):not(.bg--dark):not(.bg--secondary):not(.bg--primary):not(.bg--white):not(.features-5):not(.features-10):not(.wide-grid):not(.slider) {
    padding-top: 0
}

.wide-grid {
    max-width: 100%;
    padding: 0
}

.wide-grid>div[class*=col-] {
    padding: 0
}

.wide-grid .hover-element {
    margin: 0
}

.section--overlap:not(:first-child) {
    padding-top: 0;
    position: relative;
    z-index: 2;
    margin-top: -6.5em
}

.section--overlap:not(:first-child)+.section--overlap {
    margin-top: -13em;
    z-index: 1
}

.section--overlap:not(:first-child)+.section--overlap .pos-vertical-center {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

@media all and (max-width:1024px) {
    .section--overlap {
        padding-top: 6.5em;
        margin-top: 0
    }
}

@media all and (max-width:767px) {
    .section--overlap {
        padding-top: 4.875em;
        margin-top: 0
    }
    .process-1:before {
        display: none
    }
}

.about-2,
.map-1 {
    padding: 0
}

section+img {
    margin-bottom: 0
}

/*! -- Pillar Sections Specific  -- */

.process-1 {
    overflow: hidden;
    position: relative
}

.process-1 .piechart {
    margin: 0 auto 6.5em
}

.process-1:before {
    content: '';
    width: 2px;
    height: 40000px;
    position: absolute;
    top: -200px;
    border-right: 1px dashed #425cbb;
    opacity: .3;
    left: 50%;
    margin-left: -1px;
    z-index: 0
}

.process-1.process-end:before {
    top: 0;
    height: 440px
}

.about-1 {
    padding-top: 0
}

.about-1 h4 {
    margin-bottom: 10px
}

.about-1 p.lead+.feature {
    margin-top: 3.25em
}

.stats-1 h4:first-child {
    margin-bottom: 2.2608695652174em
}

.stats-1 .feature-1 {
    max-height: 282px;
    margin-bottom: 30px
}

.stats-1 .feature-1 h3 {
    margin: .40625em 0
}

.service-1 hr {
    margin: 1.25em 0
}

.blog-snippet-1 .row:last-child .btn:last-child {
    margin-top: 3.25em
}

.partners-1 .slider {
    text-align: center
}

.partners-1 .slider img {
    max-height: 1.625em;
    opacity: .3;
    margin: 0
}

.map-1 {
    overflow: hidden
}

.map-1 .map-container {
    position: relative;
    height: 450px;
    width: 100%
}

.map-1 .map-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

@media all and (max-width:767px) {
    .about-1 {
        padding-top: 0
    }
    .about-2 {
        padding-top: 0;
        padding-bottom: 0
    }
    .map-1 .map-container {
        height: 300px
    }
}

/*! -- Pillar Utility Pages -- */

.page-error i {
    margin-bottom: .40625em;
    display: inline-block
}

/*! -- Element Pages -- */

section[class*=elements-] .row:not(:last-child) {
    margin-bottom: 6.5em
}

section[class*=elements-] .row+hr {
    margin: 0;
    border-color: #eee
}

#demo,
#demo:hover,
#login,
#login:hover {
    border-color: #fff !important
}

section[class*=elements-] hr+.row {
    padding-top: 6.5em
}

@media all and (max-width:767px) {
    section[class*=elements-] .row:not(:last-child) {
        margin-bottom: 3.25em
    }
    section[class*=elements-] hr+.row {
        padding-top: 3.25em
    }
}

.elements--title {
    margin-bottom: 2.25em;
    text-align: center
}

.elements-buttons .btn {
    margin: 0 0 26px
}

.elements-tabs h4+.tabs-container,
.elements-tabs+.tabs-container {
    margin-top: 3.25em
}

.elements-tabs {
    padding-bottom: 0
}

.elements-tabs .tabs-container:not(:last-child) {
    margin-bottom: 6.5em
}

@media all and (max-width:990px) {
    .top-link {
        bottom: 0
    }
    .elements-pricing .pricing {
        margin-bottom: 1.625em
    }
}

.elements-radials .row:not(:last-child) {
    margin-bottom: 6.5em
}

.elements-radials h4 {
    margin: 0
}

.elements-forms form input,
.elements-radials .piechart {
    margin-bottom: 1.625em
}

.elements-forms form .input-checkbox,
.elements-modals .modal-instance:not(:last-child) {
    margin-right: .8125em
}

@media all and (max-width:767px) {
    .elements-video .video-cover {
        margin-bottom: 1.625em
    }
}

.elements-forms form>.row {
    margin-bottom: 0 !important
}

.elements-forms form .input-checkbox+span {
    position: relative;
    bottom: 6px
}

@media all and (max-width:767px) {
    .elements-modals .modal-instance:not(:last-child) {
        margin-bottom: .8125em
    }
}

#demo {
    background-color: #fd76a9
}

#demo:hover,
#login:hover {
    color: #010101 !important;
    background-color: #fff
}

#login {
    background-color: rgba(256, 256, 256, 0)
}

@media all and (max-width:1175px) {
    #demo,
    #login {
        padding-right: 1.25em;
        padding-left: 1.25em
    }
    .nav-bar .logo {
        margin-right: 0
    }
    .nav-bar .nav-module {
        padding: 0 .5em
    }
}

@media all and (max-width:990px) {
    .nav-bar .logo {
        margin-right: 1em
    }
    .menu>li:first-child>a {
        padding-left: 1em
    }
    #main-page-logo {
        color: #010101;
        font-weight: 300 !important;
        font-family: lato, san-serif;
        padding: 130px 0 0;
        font-size: 30px
    }
    #headline-text-1 {
        font-size: 22px;
        color: #010101;
        font-weight: 300
    }
    .elements--title>h4 {
        font-size: 30px;
        text-align: center;
        color: #717473;
        font-family: lato, san-serif;
        font-weight: 300
    }
    #text-13f,
    .text-right-shift-center {
        text-align: right
    }
    #hover-dark-blue:hover {
        color: #010101
    }
    .feature-1>p {
        margin-bottom: 0
    }
    #main-page-mapping {
        color: #fff;
        font-weight: 300 !important;
        font-family: lato, san-serif;
        padding: 100px 0 0;
        font-size: 50px;
        margin-bottom: 10px
    }
    #advisor-title,
    #database-types {
        font-weight: 300;
        font-family: Lato
    }
    .tab__title>h6 {
        text-transform: none;
        font-size: 16px;
        line-height: 18px;
        color: #6898c9
    }
    #advisor-title {
        font-size: 40px;
        margin-bottom: 12px;
        letter-spacing: 1px
    }
    #about-us-heading {
        font-weight: 300;
        font-size: 50px;
        padding-top: 7em
    }
    #database-types {
        font-size: 24px;
        color: #010101;
        margin-bottom: .5em;
        line-height: 28px
    }
    #sub-item-titles {
        text-transform: none;
        font-size: 16px;
        font-family: lato
    }
    .homepage-webcast {
        line-height: 24px !important;
        font-size: 15px;
        list-style-type: disc;
        margin-left: 30px !important
    }
    .user-signon {
        background-color: #fff;
        border: 1px solid #010101;
        padding: 2% 4%
    }
    .login-submit {
        font-size: 16px;
        border-color: #010101 !important;
        color: #010101;
        background-color: #010101 !important;
        width: 100%
    }
    input[type] {
        border-radius: 0;
        border: 1px solid #010101
    }
    .border-less {
        border: none !important
    }
    #demo-text:hover {
        color: #010101 !important
    }
    #webcast-page-titles,
    #webcast-page-titles4 {
        color: #fff;
        font-weight: 300 !important;
        font-family: lato, san-serif;
        padding: 22px 0 0;
        font-size: 24px;
        line-height: 36px
    }
    #webcast-page-titles2,
    #webcast-page-titles3 {
        font-weight: 300 !important;
        font-family: lato, san-serif;
        font-size: 30px;
        line-height: 36px;
        padding: 0
    }
    #webcast-page-titles2 {
        color: #fff
    }
    .image-stick-bottom {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        width: auto;
        max-width: 100%;
        display: block
    }
    #etf-13f,
    .the-title {
        margin-bottom: 0
    }
    .full-width-page {
        padding: 0;
        width: 100%
    }
    #etf-13f {
        border: 1px solid #d5d5d5;
        padding: 5px
    }
    #text-13f {
        padding: 0
    }
    #pic-13f {
        padding: 0 15px
    }
    .the-excerpt {
        margin-bottom: 2%
    }
    #news-heading {
        margin-bottom: 0;
        font-size: 40px;
        line-height: 45px;
        font-weight: 300;
        color: #fff
    }
    .news-heading {
        padding: 1em;
        background-color: #0d3866
    }
    .the-title::hover {
        color: #0d3866
    }
    #jobs-heading {
        margin-bottom: 0;
        font-size: 20px
    }
    .ae-heading {
        padding: 1em;
        background-color: #6898c9;
        height: 15vh;
        padding-top: 1em !important
    }
    #ae-events-img {
        width: 60%
    }
    .text-left-shift-center {
        text-align: left
    }
    @media all and (max-width:976px) {
        #ae-events-img {
            width: 40%
        }
        .text-left-shift-center,
        .text-right-shift-center {
            text-align: center
        }
        #webcast-page-titles4 {
            font-size: 20px;
            line-height: 24px
        }
    }
    @media all and (max-width:993px) {
        .image-stick-bottom {
            max-width: 50%
        }
    }
    @media all and (max-width:766px) {
        .image-stick-bottom {
            max-width: 100%
        }
        #main-page-logo,
        #main-page-mapping {
            padding: 10px 0 0
        }
        #about-us-heading {
            padding-top: 1em
        }
    }
    @media all and (max-width:410px) {
        #news-heading {
            font-size: 20px;
            line-height: 24px
        }
        .ae-heading {
            height: 10vh
        }
    }
    .col-half-offset {
        margin-left: 3%
    }
    @media all and (max-height:750px) and (min-height:600px) {
        #webcast-page-titles4 {
            line-height: 27px
        }
        .height-20 {
            height: auto
        }
    }
    #dashboard-list {
        line-height: 40px;
        font-weight: 700
    }
}