/**!**************/
/**! Contents **/
/**! 01. Reset **/
/**! 02. Typography **/
/**! 03. Position **/
/**! 04. Element Size **/
/**! 05. Images **/
/**! 06. Buttons **/
/**! 07. Icons **/
/**! 08. Lists **/
/**! 09. Lightbox **/
/**! 10. Menus **/
/**! 11. Dropdowns **/
/**! 12. Form Elements **/
/**! 13. Accordions **/
/**! 14. Breadcrumbs **/
/**! 15. Radials **/
/**! 16. Tabs **/
/**! 17. Boxes **/
/**! 18. Sliders Flickity **/
/**! 19. Hover Elements **/
/**! 20. Masonry **/
/**! 21. Modals **/
/**! 22. Maps **/
/**! 23. Parallax **/
/**! 24. Notifications **/
/**! 25. Video **/
/**! 26. Colors **/
/**! 27. Image Blocks **/
/**! 28. MailChimp & Campaign Monitor **/
/**! 29. Twitter **/
/**! 30. Transitions **/
/**! 31. Switchable Sections **/
/**! 32. Typed Effect **/
/**! 33. Gradient BG **/
/**! 34. Bars **/
/**! 35. Navigation In Page **/
/**! 36. Helper Classes **/
/**! 37. Spacing **/
/**! 38. Boxed Layout **/
/**! 39. Wizard **/
/**! 40. Alerts **/
/**! 41. Progress - Horizontal **/
/**! 42. Theme Overrides **/
/**!**************/
/**!**************/
/**!**************/
/**! 01. Reset **/
*, h1, h2, h3, h4, h5, h6, p, ul, a {
    margin: 0;
    padding: 0
    }
/**! 02. Typography **/
html {
    font-size: 87.5%
    }
@media all and (max-width: 768px) {
    html {
        font-size: 81.25%
        }
    }
body {
    font-size: 1em;
    line-height: 1.857143em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    color: #666;
    font-weight: 400
    }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    color: #252525;
    font-weight: 300;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0
    }
h1, .h1 {
    font-size: 3.142857em;
    line-height: 1.318182em
    }
h2, .h2 {
    font-size: 2.357143em;
    line-height: 1.363636em
    }
h3, .h3 {
    font-size: 1.785714em;
    line-height: 1.5em
    }
h4, .h4 {
    font-size: 1.357143em;
    line-height: 1.368421em
    }
h5, .h5 {
    font-size: 1em;
    line-height: 1.857143em
    }
h6, .h6 {
    font-size: 0.857143em;
    line-height: 2.166667em
    }
.lead {
    font-size: 1.357143em;
    line-height: 1.684211em
    }
@media all and (max-width: 767px) {
    h1, .h1 {
        font-size: 2.357143em;
        line-height: 1.363636em
        }
    h2, .h2 {
        font-size: 1.785714em;
        line-height: 1.5em
        }
    h3, .h3 {
        font-size: 1.357143em;
        line-height: 1.857143em
        }
    .lead {
        font-size: 1.357143em;
        line-height: 1.368421em
        }
    }
p, ul, ol, pre, table, blockquote {
    margin-bottom: 1.857143em
    }
ul, ol {
    list-style: none;
    line-height: 1.857143em
    }
ul.bullets {
    list-style: inside
    }
ol {
    list-style-type: upper-roman;
    list-style-position: inside
    }
blockquote {
    font-size: 1.785714em;
    line-height: 1.5em;
    padding: 0;
    margin: 0;
    border-left: 0
    }
strong {
    font-weight: 600
    }
hr {
    margin: 1.857143em 0;
    border-color: #fafafa
    }
a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none
    }
/*! Typography -- Helpers */
.type--fade {
    opacity: 0.5
    }
.type--uppercase {
    text-transform: uppercase
    }
.type--bold {
    font-weight: bold
    }
.type--italic {
    font-style: italic
    }
.type--fine-print {
    font-size: 0.857143em
    }
.type--strikethrough {
    text-decoration: line-through;
    opacity: 0.5
    }
.type--underline {
    text-decoration: underline
    }
.type--body-font {
    font-family: "Open Sans", "Helvetica"
    }
/**! 03. Position **/
body {
    overflow-x: hidden
    }
.pos-relative {
    position: relative
    }
.pos-absolute {
    position: absolute
    }
.pos-absolute.container {
    left: 0;
    right: 0
    }
.pos-top {
    top: 0
    }
.pos-bottom {
    bottom: 0
    }
.pos-right {
    right: 0
    }
.pos-left {
    left: 0
    }
.float-left {
    float: left
    }
.float-right {
    float: right
    }
@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 {
    position: relative;
    top: 50%;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%)
    }
@media all and (max-width: 767px) {
    .pos-vertical-center {
        top: 0;
        transform: none;
        -webkit-transform: none
        }
    }
@media all and (max-height: 600px) {
    .pos-vertical-center {
        top: 0;
        transform: none;
        -webkit-transform: none
        }
    }
.pos-vertical-align-columns {
    display: table;
    table-layout: fixed;
    width: 100%
    }
.pos-vertical-align-columns > div[class*="col-"] {
    display: table-cell;
    float: none;
    vertical-align: middle
    }
@media all and (max-width: 990px) {
    .pos-vertical-align-columns {
        display: block;
        width: auto
        }
    .pos-vertical-align-columns > div[class*="col-"] {
        display: block
        }
    }
.inline-block {
    display: inline-block
    }
.block {
    display: block
    }
@media all and (max-width: 767px) {
    .block--xs {
        display: block
        }
    }
@media all and (max-width: 990px) {
    .text-center-md {
        text-align: center
        }
    .text-left-md {
        text-align: left
        }
    .text-right-md {
        text-align: right
        }
    }
@media all and (max-width: 767px) {
    .text-center-xs {
        text-align: center
        }
    .text-left-xs {
        text-align: left
        }
    .text-right-xs {
        text-align: right
        }
    }
/**! 04. Element Size **/
.height-100, .height-90, .height-80, .height-70, .height-60, .height-50, .height-40, .height-30, .height-20, .height-10 {
    height: auto;
    padding: 5em 0
    }
@media all and (max-width: 767px) {
    .height-100, .height-90, .height-80, .height-70, .height-60, .height-50, .height-40, .height-30, .height-20, .height-10 {
        height: auto;
        padding: 4em 0
        }
    }
@media all and (min-height: 600px) and (min-width: 767px) {
    .height-10 {
        height: 10vh
        }
    .height-20 {
        height: 20vh
        }
    .height-30 {
        height: 30vh
        }
    .height-40 {
        height: 40vh
        }
    .height-50 {
        height: 50vh
        }
    .height-60 {
        height: 60vh
        }
    .height-70 {
        height: 70vh
        }
    .height-80 {
        height: 80vh
        }
    .height-90 {
        height: 90vh
        }
    .height-100 {
        height: 100vh
        }
    }
section.height-auto {
    height: auto
    }
section.height-auto .pos-vertical-center {
    top: 0;
    position: relative;
    transform: none
    }
@media all and (max-width: 767px) {
    div[class*="col-"][class*="height-"] {
        padding-top: 5.571429em !important;
        padding-bottom: 5.571429em !important
        }
    }
/**! 05. Images **/
img {
    max-width: 100%;
    margin-bottom: 1.857143em
    }
/*p+img, img:last-child{
	margin-bottom: 0;
}*/
.img--fullwidth {
    width: 100%
    }
[data-grid="2"].masonry {
    -webkit-column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-count: 2;
    -moz-column-gap: 0;
    column-count: 2;
    column-gap: 0
    }
[data-grid="2"].masonry li {
    width: 100%;
    float: none
    }
[data-grid="2"] li {
    width: 50%;
    display: inline-block
    }
[data-grid="3"].masonry {
    -webkit-column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-count: 3;
    -moz-column-gap: 0;
    column-count: 3;
    column-gap: 0
    }
[data-grid="3"].masonry li {
    width: 100%;
    float: none
    }
[data-grid="3"] li {
    width: 33.333333%;
    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.666667%;
    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.285714%;
    display: inline-block
    }
[data-grid="8"].masonry {
    -webkit-column-count: 8;
    -webkit-column-gap: 0;
    -moz-column-count: 8;
    -moz-column-gap: 0;
    column-count: 8;
    column-gap: 0
    }
[data-grid="8"].masonry li {
    width: 100%;
    float: none
    }
[data-grid="8"] li {
    width: 12.5%;
    display: inline-block
    }
@media all and (max-width: 767px) {
    [data-grid]:not(.masonry) li {
        width: 33.333333%
        }
    [data-grid="2"]:not(.masonry) li {
        width: 50%
        }
    [data-grid].masonry {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
        }
    }
.background-image-holder {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 0;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    opacity: 0;
    background: #252525
    }
.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: none
    }
.background-image-holder img {
    display: none
    }
[data-overlay] {
    position: relative
    }
[data-overlay]:before {
    position: absolute;
    content: "";
    background: #252525;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
    }
[data-overlay] *:not(.container):not(.background-image-holder) {
    z-index: 2
    }
[data-overlay].image--light:before {
    background: #fff
    }
[data-overlay].bg--primary:before {
    background: #dcbb55
    }
[data-overlay="1"]:before {
    opacity: 0.1
    }
[data-overlay="2"]:before {
    opacity: 0.2
    }
[data-overlay="3"]:before {
    opacity: 0.3
    }
[data-overlay="4"]:before {
    opacity: 0.4
    }
[data-overlay="5"]:before {
    opacity: 0.5
    }
[data-overlay="6"]:before {
    opacity: 0.6
    }
[data-overlay="7"]:before {
    opacity: 0.7
    }
[data-overlay="8"]:before {
    opacity: 0.8
    }
[data-overlay="9"]:before {
    opacity: 0.9
    }
[data-overlay="10"]:before {
    opacity: 1
    }
[data-overlay="0"]:before {
    opacity: 0
    }
[data-scrim-bottom] {
    position: relative
    }
[data-scrim-bottom]:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 80%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #252525));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #252525 100%);
    bottom: 0;
    left: 0;
    z-index: 1;
    backface-visibility: hidden
    }
[data-scrim-bottom]:not(.image--light) h1, [data-scrim-bottom]:not(.image--light) h2, [data-scrim-bottom]:not(.image--light) h3, [data-scrim-bottom]:not(.image--light) h4, [data-scrim-bottom]:not(.image--light) h5, [data-scrim-bottom]:not(.image--light) h6 {
    color: #a5a5a5;
    color: #f1f1f1
    }
[data-scrim-bottom]:not(.image--light) p, [data-scrim-bottom]:not(.image--light) span, [data-scrim-bottom]:not(.image--light) ul {
    color: #e6e6e6
    }
[data-scrim-bottom].image--light:before {
    background: #fff
    }
[data-scrim-bottom="1"]:before {
    opacity: 0.1
    }
[data-scrim-bottom="2"]:before {
    opacity: 0.2
    }
[data-scrim-bottom="3"]:before {
    opacity: 0.3
    }
[data-scrim-bottom="4"]:before {
    opacity: 0.4
    }
[data-scrim-bottom="5"]:before {
    opacity: 0.5
    }
[data-scrim-bottom="6"]:before {
    opacity: 0.6
    }
[data-scrim-bottom="7"]:before {
    opacity: 0.7
    }
[data-scrim-bottom="8"]:before {
    opacity: 0.8
    }
[data-scrim-bottom="9"]:before {
    opacity: 0.9
    }
[data-scrim-bottom="10"]:before {
    opacity: 1
    }
[data-scrim-top] {
    position: relative
    }
[data-scrim-top]:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 80%;
    background: -moz-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%, #252525), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
    top: 0;
    left: 0;
    z-index: 1
    }
[data-scrim-top]:not(.image--light) h1, [data-scrim-top]:not(.image--light) h2, [data-scrim-top]:not(.image--light) h3, [data-scrim-top]:not(.image--light) h4, [data-scrim-top]:not(.image--light) h5, [data-scrim-top]:not(.image--light) h6 {
    color: #fff
    }
[data-scrim-top]:not(.image--light) p, [data-scrim-top]:not(.image--light) span, [data-scrim-top]:not(.image--light) ul {
    color: #e6e6e6
    }
[data-scrim-top].image--light:before {
    background: #fff
    }
[data-scrim-top="1"]:before {
    opacity: 0.1
    }
[data-scrim-top="2"]:before {
    opacity: 0.2
    }
[data-scrim-top="3"]:before {
    opacity: 0.3
    }
[data-scrim-top="4"]:before {
    opacity: 0.4
    }
[data-scrim-top="5"]:before {
    opacity: 0.5
    }
[data-scrim-top="6"]:before {
    opacity: 0.6
    }
[data-scrim-top="7"]:before {
    opacity: 0.7
    }
[data-scrim-top="8"]:before {
    opacity: 0.8
    }
[data-scrim-top="9"]:before {
    opacity: 0.9
    }
[data-scrim-top="10"]:before {
    opacity: 1
    }
.imagebg {
    position: relative
    }
.imagebg .container {
    z-index: 2
    }
.imagebg .container:not(.pos-absolute) {
    position: relative
    }
.imagebg:not(.image--light) h1, .imagebg:not(.image--light) h2, .imagebg:not(.image--light) h3, .imagebg:not(.image--light) h4, .imagebg:not(.image--light) h5, .imagebg:not(.image--light) h6, .imagebg:not(.image--light) p, .imagebg:not(.image--light) ul, .imagebg:not(.image--light) blockquote {
    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: #252525
    }
.imagebg:not(.image--light) .bg--white p, .imagebg:not(.image--light) .bg--white ul {
    color: #666
    }
div[data-overlay] h1, div[data-overlay] h2, div[data-overlay] h3, div[data-overlay] h4, div[data-overlay] h5, div[data-overlay] h6 {
    color: #fff
    }
div[data-overlay] p, div[data-overlay] ul {
    color: #fff
    }
.parallax {
    overflow: hidden
    }
.parallax .background-image-holder {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important
    }
.image--xxs {
    max-height: 1.857143em
    }
.image--xs {
    max-height: 3.714286em
    }
.image--sm {
    max-height: 5.571429em
    }
.image--md {
    max-height: 7.428571em
    }
/**! 06. Buttons **/
.btn {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    border-radius: 6px;
    padding-top: 0.464286em;
    padding-bottom: 0.464286em;
    padding-right: 2.785714em;
    padding-left: 2.785714em;
    border: 1px solid #252525;
    border-width: 1px;
    font-size: inherit;
    line-height: 1.857143em
    }
.btn .btn__text, .btn i {
    color: #252525;
    border-color: #252525;
    font-weight: 700;
    font-size: 0.857143em
    }
.btn[class*="col-"] {
    margin-left: 0;
    margin-right: 0
    }
.btn:active {
    box-shadow: none;
    -webkit-box-shadow: none
    }
.btn.bg--facebook, .btn.bg--twitter, .btn.bg--instagram, .btn.bg--googleplus, .btn.bg--pinterest, .btn.bg--dribbble, .btn.bg--behance, .btn.bg--dark {
    border-color: rgba(0, 0, 0, 0) !important
    }
.btn.bg--facebook .btn__text, .btn.bg--twitter .btn__text, .btn.bg--instagram .btn__text, .btn.bg--googleplus .btn__text, .btn.bg--pinterest .btn__text, .btn.bg--dribbble .btn__text, .btn.bg--behance .btn__text, .btn.bg--dark .btn__text {
    color: #fff
    }
.btn.bg--facebook .btn__text i, .btn.bg--twitter .btn__text i, .btn.bg--instagram .btn__text i, .btn.bg--googleplus .btn__text i, .btn.bg--pinterest .btn__text i, .btn.bg--dribbble .btn__text i, .btn.bg--behance .btn__text i, .btn.bg--dark .btn__text i {
    color: #fff
    }
.btn.bg--facebook:hover, .btn.bg--twitter:hover, .btn.bg--instagram:hover, .btn.bg--googleplus:hover, .btn.bg--pinterest:hover, .btn.bg--dribbble:hover, .btn.bg--behance:hover, .btn.bg--dark:hover {
    opacity: 0.9
    }
.btn.bg--error {
    background: #e23636;
    border-color: #e23636 !important
    }
.btn.bg--error:hover {
    background: #e54c4c;
    border-color: #e54c4c !important;
    color: #fff !important
    }
.btn.bg--error .btn__text {
    color: #fff
    }
.btn.bg--error .btn__text i {
    color: #fff
    }
@media all and (min-width: 768px) {
    .btn + .btn {
        margin-left: 1.857143em
        }
    }
.btn:first-child {
    margin-left: 0
    }
.btn:last-child {
    margin-right: 0
    }
.btn--xs {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1.392857em;
    padding-left: 1.392857em
    }
.btn--sm {
    padding-top: 0.309524em;
    padding-bottom: 0.309524em;
    padding-right: 1.857143em;
    padding-left: 1.857143em
    }
.btn--lg {
    padding-top: 0.580357em;
    padding-bottom: 0.580357em;
    padding-right: 3.482143em;
    padding-left: 3.482143em
    }
.btn--lg .btn__text {
    font-size: 1.071429em
    }
.btn--primary, .btn--primary:visited {
    background: #dcbb55;
    border-color: #dcbb55
    }
.btn--primary .btn__text, .btn--primary:visited .btn__text {
    color: #fff
    }
.btn--primary .btn__text i, .btn--primary:visited .btn__text i {
    color: #fff
    }
.btn--primary:hover {
    background: #e0c36a
    }
.btn--primary:active {
    background: #d8b340
    }
.btn--primary-1, .btn--primary-1:visited {
    background: #3d4950;
    border-color: #3d4950
    }
.btn--primary-1 .btn__text, .btn--primary-1:visited .btn__text {
    color: #fff
    }
.btn--primary-1:hover {
    background: #48565e
    }
.btn--primary-1:active {
    background: #323c42
    }
.btn--primary-2, .btn--primary-2:visited {
    background: #727178;
    border-color: #727178
    }
.btn--primary-2 .btn__text, .btn--primary-2:visited .btn__text {
    color: #fff
    }
.btn--primary-2:hover {
    background: #7f7d85
    }
.btn--primary-2:active {
    background: #66656b
    }
.btn--secondary {
    background: #fafafa;
    border-color: #fafafa
    }
.btn--secondary:hover {
    background: #fff
    }
.btn--secondary:active {
    background: #f5f5f5
    }
.btn--white {
    background: #fff;
    color: #252525;
    border-color: #fff
    }
.btn--white i {
    color: #252525
    }
.btn--transparent {
    background: none;
    border-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0
    }
.btn--transparent.btn--white .btn__text {
    color: #fff
    }
.btn--unfilled {
    background: none
    }
.btn--unfilled.btn--white .btn__text {
    color: #fff
    }
.btn--unfilled.btn--white i {
    color: #fff
    }
.btn--floating {
    position: fixed;
    bottom: 3.714286em;
    right: 3.714286em;
    z-index: 10
    }
/**! 07. Icons **/
.icon {
    line-height: 1em;
    font-size: 3.142857em
    }
.icon--xs {
    font-size: 1em
    }
.icon--sm {
    font-size: 2.357143em
    }
.icon--lg {
    font-size: 5.571429em
    }
/**! 08. Lists **/
ul:last-child {
    margin: 0
    }
.list-inline li {
    padding: 0 1em;
    margin-left: 0
    }
.list-inline li:first-child {
    padding-left: 0
    }
.list-inline li:last-child {
    padding-right: 0
    }
.list-inline.list-inline--narrow li {
    padding: 0 0.5em
    }
.list-inline.list-inline--wide li {
    padding: 0 2em
    }
/**! 09. Lightbox **/
.lb-outerContainer {
    border-radius: 0
    }
.lb-outerContainer .lb-container {
    padding: 0
    }
.lb-outerContainer .lb-container img {
    margin: 0
    }
.lightbox-gallery {
    overflow: hidden
    }
.lightbox-gallery li {
    float: left
    }
.lightbox-gallery li img {
    margin: 0;
    width: 100%
    }
.lightbox-gallery.gallery--gaps li {
    padding: 0.464286em
    }
/**! 10. Menus **/
.menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
    opacity: 0.5
    }
.menu-horizontal > li > a, .menu-horizontal > li > span, .menu-horizontal > li > .modal-instance > .modal-trigger {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    color: #252525
    }
.menu-horizontal > li > a:hover, .menu-horizontal > li > span:hover, .menu-horizontal > li > .modal-instance > .modal-trigger:hover {
    color: #252525
    }
.bg--dark .menu-horizontal > li > a, .bg--dark .menu-horizontal > li > span {
    color: #fff
    }
.bg--dark .menu-horizontal > li > a:hover, .bg--dark .menu-horizontal > li > span:hover {
    color: #fff
    }
.menu-vertical {
    width: 100%
    }
.menu-vertical li {
    width: 100%
    }
.menu-vertical li a {
    font-weight: normal
    }
@media all and (min-width: 990px) {
    .menu-horizontal {
        display: inline-block
        }
    .menu-horizontal > li {
        display: inline-block
        }
    .menu-horizontal > li:not(:last-child) {
        margin-right: 1.857143em
        }
    .menu-vertical {
        display: inline-block
        }
    .menu-vertical li {
        white-space: nowrap
        }
    .menu-vertical .dropdown__container {
        top: 0
        }
    .menu-vertical .dropdown__container .dropdown__content:not([class*="bg-"]) {
        background: #fff
        }
    .menu-vertical .dropdown__container .dropdown__content {
        transform: translatex(75%)
        }
    }
/**! 11. Dropdowns **/
.dropdown {
    position: relative
    }
.dropdown .dropdown__container {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 999
    }
.dropdown .dropdown__container .dropdown__container:before {
    height: 0
    }
.dropdown .dropdown__content {
    padding: 1.857143em
    }
.dropdown .dropdown__content:not([class*="col-"]) {
    width: 18.571429em
    }
.dropdown .dropdown__content:not([class*="bg-"]) {
    background: #fff
    }
.dropdown .dropdown__content:not([class="bg--dark"]) .menu-vertical a {
    color: #666
    }
.dropdown .dropdown__trigger {
    cursor: pointer;
    user-select: none
    }
.dropdown.dropdown--active > .dropdown__container {
    opacity: 1
    }
.dropdown.dropdown--active > .dropdown__container > .container > .row > .dropdown__content {
    pointer-events: all
    }
@media all and (min-width: 991px) {
    .dropdown .dropdown__container:before {
        height: 0.928571em;
        width: 100%;
        content: "";
        display: block
        }
    .dropdown .dropdown__content.dropdown__content--md {
        padding: 2.785714em
        }
    .dropdown .dropdown__content.dropdown__content--lg {
        padding: 3.714286em
        }
    .dropdown .dropdown__content.dropdown__content--xlg {
        padding: 4.642857em
        }
    }
@media all and (max-width: 767px) {
    .dropdown .dropdown__container {
        min-width: 100%;
        position: relative;
        display: none
        }
    .dropdown .dropdown__content {
        padding: 1.857143em;
        left: 0 !important
        }
    .dropdown.dropdown--active > .dropdown__container {
        display: block
        }
    }
body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container {
    opacity: 1
    }
body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container:before {
    pointer-events: all
    }
body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container .dropdown__content {
    pointer-events: all
    }
body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container {
    opacity: 1
    }
body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container:before {
    pointer-events: all
    }
body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container .dropdown__content {
    pointer-events: all
    }
@media all and (max-width: 990px) {
    body.dropdowns--hover .dropdown:not(.dropdown--click).dropdown--active > .dropdown__container {
        display: block
        }
    body.dropdowns--hover .dropdown:not(.dropdown--click).dropdown--active > .dropdown__container:before {
        pointer-events: all
        }
    }
@media all and (max-width: 767px) {
    .dropdown.dropdown--absolute .dropdown__container {
        position: absolute
        }
    }
/**! 12. Form Elements **/
form {
    max-width: 100%
    }
form + form {
    margin-top: 30px
    }
form:before, form:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
    }
form:after {
    clear: both
    }
label {
    margin: 0;
    font-size: 1.142857em;
    font-weight: 400
    }
input[type], textarea, select {
    -webkit-appearance: none;
    background: #fcfcfc;
    padding: 0.464286em;
    border-radius: 6px;
    border: 1px solid #ececec
    }
input[type]:focus, textarea:focus, select:focus {
    outline: none
    }
input[type]:active, textarea:active, select:active {
    outline: none
    }
input[type]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: 1.142857em
    }
input[type]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
    /* Firefox 18- */
    color: #b3b3b3;
    font-size: 1.142857em
    }
input[type]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    /* Firefox 19+ */
    color: #b3b3b3;
    font-size: 1.142857em
    }
input[type]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #b3b3b3;
    font-size: 1.142857em
    }
input[type="image"] {
    border: none;
    padding: none;
    width: auto
    }
textarea {
    display: block;
    width: 100%;
    max-width: 100%
    }
select {
    cursor: pointer;
    padding-right: 1.857143em;
    -webkit-appearance: none
    }
select::ms-expand {
    display: none
    }
input[type="submit"] {
    background: none;
    outline: none;
    border: none;
    background: #dcbb55;
    padding: 0.464286em 2.785714em 0.464286em 2.785714em;
    color: #fff
    }
@keyframes load {
    0% {
        opacity: 0;
        width: 0;
        } 50% {
        width: 100%;
        opacity: .8;
        left: 0;
        } 100% {
        left: 100%;
        opacity: 0;
        }
    }
button {
    background: none
    }
button[type="submit"].btn--loading {
    position: relative;
    overflow: hidden;
    pointer-events: none;
    color: rgba(0, 0, 0, 0)
    }
button[type="submit"].btn--loading * {
    opacity: 0
    }
button[type="submit"].btn--loading:after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    background: #ddd;
    animation: load 1.5s ease-out infinite;
    left: 0;
    top: 0
    }
button[type="submit"].btn--loading .btn__text {
    opacity: 0
    }
button:focus {
    outline: none !important
    }
button.bg--error {
    color: #fff
    }
.input-icon {
    position: relative
    }
.input-icon i {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    position: absolute
    }
.input-checkbox, .input-radio, .input-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block
    }
.input-checkbox input, .input-radio input, .input-select input {
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important
    }
.input-checkbox label, .input-radio label, .input-select label {
    display: block !important;
    cursor: pointer
    }
.input-checkbox {
    padding: 0
    }
.input-checkbox label {
    width: 1.857143em;
    height: 1.857143em;
    border-radius: 6px;
    background: #000
    }
.input-radio {
    padding: 0
    }
.input-radio label {
    width: 1.857143em;
    height: 1.857143em;
    border-radius: 50%;
    background: #000
    }
.input-select {
    position: relative
    }
.input-select i {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    right: 1em;
    font-size: 0.87em
    }
.input-file {
    position: relative;
    display: inline-block
    }
.input-file input {
    display: none
    }
.form-error {
    margin-top: 1.5625em;
    padding: 0.78125em;
    background: #D84D4D;
    color: #fff;
    position: fixed;
    min-width: 350px;
    left: 50%;
    bottom: 1.5625em;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    z-index: 999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1)
    }
.form-success {
    margin-top: 1.5625em;
    padding: 0.78125em;
    background: #1DC020;
    color: #fff;
    position: fixed;
    min-width: 350px;
    left: 50%;
    bottom: 1.5625em;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    z-index: 999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1)
    }
.attempted-submit .field-error {
    border-color: #D84D4D !important
    }
.attempted-submit div.recaptcha.field-error {
    border-color: #D84D4D !important;
    border-style: solid;
    border: 1px solid;
    border-radius: 5px;
    padding: 5px
    }
div.recaptcha iframe {
    min-height: 0
    }
/**! 13. Accordions **/
.accordion li .accordion__title, .accordion li .accordion__content, .accordion li .accordion__content * {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear
    }
.accordion li .accordion__title {
    cursor: pointer;
    padding: 0.464286em 0.928571em;
    border: 1px solid #ececec;
    border-bottom: none;
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.accordion li:last-child .accordion__title {
    border-bottom: 1px solid #ececec
    }
.accordion li .accordion__content {
    opacity: 0;
    visibility: hidden;
    max-height: 0
    }
.accordion li .accordion__content > * {
    display: none
    }
.accordion li .accordion__content > *:first-child {
    padding-top: 0
    }
.accordion li .accordion__content > *:last-child {
    padding-bottom: 0
    }
.accordion li.active .accordion__title {
    background: #dcbb55;
    border-bottom: 1px solid #ececec
    }
.accordion li.active .accordion__content {
    opacity: 1;
    visibility: visible;
    max-height: 500px
    }
.accordion li.active .accordion__content > * {
    display: inline-block
    }
/**! 14. Breadcrumbs **/
.breadcrumb {
    padding: 0;
    margin: 0;
    background: none;
    display: inline-block
    }
.breadcrumb li {
    font-size: 1em
    }
.breadcrumb li + li:before {
    padding: 0 0.464286em
    }
/**! 15. Pie Charts **/
.radial {
    position: relative
    }
.radial .radial__label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translatex(-50%) translatey(-50%);
    -webkit-transform: translatex(-50%) translatey(-50%);
    margin-bottom: 0
    }
/**! 16. Tabs **/
.tabs {
    display: block;
    margin-bottom: 0
    }
.tabs > li {
    display: inline-block;
    opacity: 0.5;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.tabs > .active, .tabs:hover {
    opacity: 1
    }
.tabs .tab__title {
    cursor: pointer
    }
.tabs .tab__title:not(.btn) {
    padding: 0 1.857143em
    }
.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
    }
@media all and (max-width: 767px) {
    .tabs-content > li:not(.active) .tab__content {
        display: none !important
        }
    }
/**! 17. Boxes **/
.boxed {
    position: relative;
    overflow: hidden;
    padding: 1.857143em;
    margin-bottom: 30px
    }
.boxed.boxed--lg {
    padding: 2.785714em
    }
.boxed.boxed--sm {
    padding: 1.238095em
    }
.boxed.boxed--border {
    border: 1px solid #ececec
    }
.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.857143em
    }
@media all and (max-width: 767px) {
    .boxed {
        padding: 1.238095em;
        margin-bottom: 15px
        }
    .boxed.boxed--lg {
        padding: 1.238095em
        }
    .boxed div[class*="col-"]:not(.boxed) {
        padding: 0
        }
    .boxed:last-child {
        margin-bottom: 15px
        }
    }
/**! 18. Sliders Flickity **/
.slides:not(.flickity-enabled) li.imagebg:not(:first-child) {
    display: none
    }
.slides:not(.flickity-enabled) li.imagebg:first-child {
    background: #252525;
    animation: backgroundLoad 0.5s ease alternate infinite
    }
.slides:not(.flickity-enabled) li.imagebg:first-child .container {
    opacity: 0
    }
@keyframes backgroundLoad {
    0% {
        background: #252525;
        } 100% {
        background: #3f3f3f;
        }
    }
.slider.height-10 {
    height: auto
    }
.slider.height-10 .slides .flickity-slider > li {
    height: 10vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    .slider.height-10 .slides li.imagebg {
        min-height: 10vh
        }
    }
.slider.height-20 {
    height: auto
    }
.slider.height-20 .slides .flickity-slider > li {
    height: 20vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    .slider.height-20 .slides li.imagebg {
        min-height: 20vh
        }
    }
.slider.height-30 {
    height: auto
    }
.slider.height-30 .slides .flickity-slider > li {
    height: 30vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    .slider.height-30 .slides li.imagebg {
        min-height: 30vh
        }
    }
.slider.height-40 {
    height: auto
    }
.slider.height-40 .slides .flickity-slider > li {
    height: 40vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    .slider.height-40 .slides li.imagebg {
        min-height: 40vh
        }
    }
.slider.height-50 {
    height: auto
    }
.slider.height-50 .slides .flickity-slider > li {
    height: 50vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    .slider.height-50 .slides li.imagebg {
        min-height: 50vh
        }
    }
.slider.height-60 {
    height: auto
    }
.slider.height-60 .slides .flickity-slider > li {
    height: 60vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    .slider.height-60 .slides li.imagebg {
        min-height: 60vh
        }
    }
.slider.height-70 {
    height: auto
    }
.slider.height-70 .slides .flickity-slider > li {
    height: 70vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    .slider.height-70 .slides li.imagebg {
        min-height: 70vh
        }
    }
.slider.height-80 {
    height: auto
    }
.slider.height-80 .slides .flickity-slider > li {
    height: 80vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    .slider.height-80 .slides li.imagebg {
        min-height: 80vh
        }
    }
.slider.height-90 {
    height: auto
    }
.slider.height-90 .slides .flickity-slider > li {
    height: 90vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    .slider.height-90 .slides li.imagebg {
        min-height: 90vh
        }
    }
.slider.height-100 {
    height: auto
    }
.slider.height-100 .slides .flickity-slider > li {
    height: 100vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    .slider.height-100 .slides li.imagebg {
        min-height: 100vh
        }
    }
.slider .slides .flickity-slider > li:not([class*="col-"]) {
    width: 100%
    }
.slider .slides.slides--gapless li[class*="col-"] {
    padding-left: 0;
    padding-right: 0
    }
.slider[data-arrows="true"].slider--arrows-hover:not(:hover) .flickity-prev-next-button {
    opacity: 0
    }
.slider[data-paging="true"]:not(section) {
    margin-bottom: 3.714286em
    }
.slider[data-paging="true"]:not(section) .flickity-page-dots {
    bottom: -3.714286em
    }
.slider[data-paging="true"]:not([class*="text-"]) .flickity-page-dots {
    text-align: center
    }
.slider[data-children="1"] .flickity-prev-next-button {
    display: none
    }
.slider:not([data-paging="true"]) .slides {
    margin: 0
    }
.slider.controls--dark .flickity-page-dots .dot {
    background: #252525
    }
.slider.controls--dark .flickity-prev-next-button:before {
    color: #252525
    }
section.slider {
    padding: 0
    }
section.slider.height-10 {
    height: auto
    }
section.slider.height-10 .slides .flickity-slider > li {
    height: 10vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    section.slider.height-10 .slides li.imagebg {
        min-height: 10vh
        }
    }
section.slider.height-20 {
    height: auto
    }
section.slider.height-20 .slides .flickity-slider > li {
    height: 20vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    section.slider.height-20 .slides li.imagebg {
        min-height: 20vh
        }
    }
section.slider.height-30 {
    height: auto
    }
section.slider.height-30 .slides .flickity-slider > li {
    height: 30vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    section.slider.height-30 .slides li.imagebg {
        min-height: 30vh
        }
    }
section.slider.height-40 {
    height: auto
    }
section.slider.height-40 .slides .flickity-slider > li {
    height: 40vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    section.slider.height-40 .slides li.imagebg {
        min-height: 40vh
        }
    }
section.slider.height-50 {
    height: auto
    }
section.slider.height-50 .slides .flickity-slider > li {
    height: 50vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    section.slider.height-50 .slides li.imagebg {
        min-height: 50vh
        }
    }
section.slider.height-60 {
    height: auto
    }
section.slider.height-60 .slides .flickity-slider > li {
    height: 60vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    section.slider.height-60 .slides li.imagebg {
        min-height: 60vh
        }
    }
section.slider.height-70 {
    height: auto
    }
section.slider.height-70 .slides .flickity-slider > li {
    height: 70vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    section.slider.height-70 .slides li.imagebg {
        min-height: 70vh
        }
    }
section.slider.height-80 {
    height: auto
    }
section.slider.height-80 .slides .flickity-slider > li {
    height: 80vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    section.slider.height-80 .slides li.imagebg {
        min-height: 80vh
        }
    }
section.slider.height-90 {
    height: auto
    }
section.slider.height-90 .slides .flickity-slider > li {
    height: 90vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    section.slider.height-90 .slides li.imagebg {
        min-height: 90vh
        }
    }
section.slider.height-100 {
    height: auto
    }
section.slider.height-100 .slides .flickity-slider > li {
    height: 100vh;
    padding: 0
    }
@media all and (min-width: 768px) {
    section.slider.height-100 .slides li.imagebg {
        min-height: 100vh
        }
    }
section.slider[data-paging="true"] .flickity-page-dots {
    bottom: 1.857143em
    }
section.slider:not(.image--light)[data-paging="true"] .flickity-page-dots .dot {
    background: #fff
    }
section.slider .slides {
    margin: 0
    }
@media all and (max-width: 767px) {
    section.slider[class*="height-"] .slides .flickity-slider > li {
        height: auto;
        padding: 7.428571em 0
        }
    section.slider.space--lg .slides .flickity-slider > li {
        padding: 11.142857em 0
        }
    section.slider.space--xlg .slides .flickity-slider > li {
        padding: 11.142857em 0
        }
    }
section.bg--dark .slider[data-paging="true"] .flickity-page-dots .dot, section.bg--primary .slider[data-paging="true"] .flickity-page-dots .dot {
    background: #fff
    }
.flickity-page-dots .dot {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #252525;
    border: none;
    margin: 0 0.464286em
    }
.flickity-page-dots .dot:hover:not(.is-selected) {
    opacity: 0.6
    }
.text-center .flickity-page-dots, section.slider .flickity-page-dots {
    text-align: center
    }
.flickity-prev-next-button svg {
    display: none
    }
.flickity-prev-next-button:before {
    font-family: "stack-interface";
    content: "";
    font-size: 1em;
    font-weight: normal
    }
.flickity-prev-next-button.previous:before {
    content: ""
    }
.imagebg:not(.image--light) .flickity-page-dots .dot, .bg--dark .flickity-page-dots .dot {
    background: #fff
    }
/**! 19. Hover Elements **/
.hover-element {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
    }
.hover-element * {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
.hover-element .hover-element__reveal {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%
    }
.hover-element .hover-element__reveal .boxed {
    height: 100%
    }
.hover-element:hover .hover-element__reveal, .hover-element.hover--active .hover-element__reveal {
    opacity: 1
    }
.hover-element img {
    margin-bottom: 0
    }
@media all and (max-width: 1024px) {
    .hover-element {
        cursor: pointer
        }
    }
.row:last-child div[class*="col-"]:last-child .hover-element {
    margin-bottom: 0
    }
/**! 20. Masonry **/
.masonry .masonry__container.masonry--active .masonry__item {
    opacity: 1;
    pointer-events: all
    }
.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
    }
.masonry .masonry__filters li.active {
    cursor: default
    }
.masonry.masonry--gapless .masonry__item {
    padding: 0 !important;
    margin-bottom: 0
    }
/**! 21. Modals **/
.modal-instance .modal-body {
    display: none
    }
.modal-container {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    pointer-events: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
    }
.modal-container.modal-active {
    opacity: 1;
    visibility: visible;
    pointer-events: all
    }
.modal-container:before {
    background: rgba(0, 0, 0, 0.85);
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
    }
.modal-container .modal-content {
    backface-visibility: hidden;
    position: fixed;
    z-index: 2;
    top: 50%;
    left: 50%;
    max-height: 100%;
    overflow-y: scroll;
    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: 0.5;
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    top: 1em;
    right: 1em;
    z-index: 99
    }
.modal-container .modal-content .modal-close-cross:before {
    content: "×";
    font-size: 1.5em
    }
.modal-container .modal-content .modal-close-cross:hover {
    opacity: 1
    }
.modal-container .modal-content.imagebg:not(.image--light) .modal-close-cross:before {
    color: #fff
    }
.modal-container .modal-content iframe {
    width: 100%;
    outline: none;
    border: none;
    height: 100%;
    backface-visibility: hidden
    }
.modal-container .modal-content iframe:first-child + .modal-close-cross:last-child {
    top: -3.714286em
    }
.modal-content.section-modal {
    pointer-events: none
    }
.modal-content.section-modal [class*="col-"] {
    pointer-events: all
    }
@media all and (max-width: 767px) {
    .modal-container .modal-content {
        width: 97% !important;
        height: auto !important;
        padding-top: 2em;
        padding-bottom: 2em
        }
    }
/**! 22. Maps **/
.map-container {
    position: relative;
    overflow: hidden
    }
.map-container iframe, .map-container .map-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
    }
/**! 23. Parallax **/
.parallax > .background-image-holder, .parallax .slides li > .background-image-holder {
    height: 100%;
    min-height: 100vh;
    top: -50vh;
    transition: opacity 0.3s ease !important;
    -webkit-transition: opacity 0.3s ease !important;
    -webkit-transform-style: preserve-3d
    }
.parallax:first-child .slides li > .background-image-holder, .parallax:first-child .background-image-holder {
    top: 0
    }
.main-container > a:first-child + .parallax .background-image-holder {
    top: 0
    }
@media all and (max-width: 1024px) {
    .parallax > .background-image-holder, .parallax .slides li > .background-image-holder {
        -webkit-transition: transform 0.016s linear !important;
        transition: transform 0.016s linear !important
        }
    .parallax.parallax-disable-mobile .background-image-holder, .parallax.parallax-disable-mobile .slides li > .background-image-holder {
        top: 0 !important;
        transform: none !important
        }
    }
/**! 24. Notifications **/
.notification {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: fixed;
    z-index: 99;
    pointer-events: none;
    padding: 0;
    margin: 1em;
    opacity: 0;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear
    }
.notification:not([class*="bg-"]) {
    background: #fff
    }
.notification[class*="col-"] {
    min-width: 400px
    }
.notification .notification-close-cross {
    position: absolute;
    top: 1em;
    z-index: 99;
    right: 1em;
    cursor: pointer;
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    opacity: 0.7
    }
.notification .notification-close-cross:before {
    content: "×";
    font-size: 1.5em
    }
.notification .notification-close-cross:hover {
    opacity: 1
    }
.notification.notification--reveal {
    z-index: 99;
    pointer-events: initial
    }
.notification.notification--reveal[data-animation="from-bottom"] {
    animation: from-bottom 0.3s linear 0s forwards;
    -webkit-animation: from-bottom 0.3s linear 0s forwards;
    -moz-animation: from-bottom 0.3s linear 0s forwards
    }
.notification.notification--reveal[data-animation="from-top"] {
    animation: from-top 0.3s linear 0s forwards;
    -webkit-animation: from-top 0.3s linear 0s forwards;
    -moz-animation: from-top 0.3s linear 0s forwards
    }
.notification.notification--reveal[data-animation="from-left"] {
    animation: from-left 0.3s linear 0s forwards;
    -webkit-animation: from-left 0.3s linear 0s forwards;
    -moz-animation: from-left 0.3s linear 0s forwards
    }
.notification.notification--reveal[data-animation="from-right"] {
    animation: from-right 0.3s linear 0s forwards;
    -webkit-animation: from-right 0.3s linear 0s forwards;
    -moz-animation: from-right 0.3s linear 0s forwards
    }
.notification.notification--dismissed {
    animation: fade-out 0.4s linear 0s forwards !important;
    -webkit-animation: fade-out 0.4s linear 0s forwards !important;
    -moz-animation: fade-out 0.4s linear 0s forwards !important;
    pointer-events: none
    }
.bg--dark + .notification-close-cross:before {
    color: #fff
    }
a[data-notification-link] {
    text-decoration: none
    }
a[data-notification-link]:hover {
    text-decoration: none
    }
@media all and (max-width: 767px) {
    .notification[class*="col-"] {
        min-width: 0
        }
    }
@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;
        }
    }
/**! 25. Video **/
iframe {
    width: 100%;
    min-height: 350px;
    border: none
    }
@media all and (max-width: 767px) {
    iframe {
        min-height: 220px
        }
    }
.videobg {
    background: #252525;
    position: relative;
    overflow: hidden
    }
.videobg .container, .videobg .background-image-holder {
    opacity: 0;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear
    }
.videobg .background-image-holder {
    opacity: 0 !important
    }
.videobg.video-active .container {
    opacity: 1
    }
.videobg.video-active .loading-indicator {
    opacity: 0;
    visibility: hidden
    }
.videobg video {
    object-fit: cover;
    height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
    z-index: 0 !important;
    left: 0
    }
@media all and (max-width: 1024px) {
    .videobg .background-image-holder, .videobg .container {
        opacity: 1 !important
        }
    .videobg .loading-indicator {
        display: none
        }
    .videobg video {
        display: none
        }
    }
.youtube-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 0 !important
    }
.youtube-background .mb_YTPBar {
    opacity: 0;
    height: 0;
    visibility: hidden
    }
@media all and (max-width: 1024px) {
    .youtube-background {
        display: none
        }
    }
.loading-indicator {
    position: absolute !important;
    top: 50%;
    left: 50%;
    z-index: 99 !important;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: loading-spinner 1s infinite ease-in-out;
    animation: loading-spinner 1s infinite ease-in-out;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear
    }
@-webkit-keyframes loading-spinner {
    0% {
        -webkit-transform: scale(0);
        } 100% {
        -webkit-transform: scale(1);
        opacity: 0;
        }
    }
@keyframes loading-spinner {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        } 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        }
    }
.video-cover {
    position: relative
    }
.video-cover video {
    max-width: 100%
    }
.video-cover iframe {
    background: #252525
    }
.video-cover .background-image-holder {
    z-index: 3
    }
.video-cover .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0)
    }
.video-cover .video-play-icon, .video-cover .background-image-holder {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear
    }
.video-cover.reveal-video .video-play-icon, .video-cover.reveal-video .background-image-holder {
    opacity: 0 !important;
    pointer-events: none
    }
.video-cover[data-scrim-bottom]:before, .video-cover[data-overlay]:before, .video-cover[data-scrim-top]:before {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    z-index: 4
    }
.video-cover.reveal-video[data-scrim-bottom]:before, .video-cover.reveal-video[data-overlay]:before, .video-cover.reveal-video[data-scrim-top]:before {
    opacity: 0;
    pointer-events: none
    }
.video-play-icon {
    width: 7.428571em;
    height: 7.428571em;
    border-radius: 50%;
    position: relative;
    z-index: 4;
    display: inline-block;
    border: 2px solid #fff;
    cursor: pointer;
    background: #fff
    }
.video-play-icon.video-play-icon--sm {
    width: 3.714286em;
    height: 3.714286em
    }
.video-play-icon.video-play-icon--sm:before {
    border-width: 4px 0 4px 9px
    }
.video-play-icon.video-play-icon--xs {
    width: 1.857143em;
    height: 1.857143em
    }
.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 #fff;
    border-color: transparent transparent transparent #808080
    }
.video-play-icon.video-play-icon--dark {
    border-color: #252525;
    background: #252525
    }
.video-play-icon.video-play-icon--dark:before {
    border-color: transparent transparent transparent #252525
    }
.video-play-icon.video-play-icon--dark:before {
    border-color: transparent transparent transparent #fff
    }
@media all and (max-width: 767px) {
    .video-play-icon {
        width: 4.952381em;
        height: 4.952381em
        }
    }
.col-12:not([class*="col-lg"]):not([class*="col-md"]) .video-cover iframe {
    min-height: 550px
    }
@media all and (max-width: 990px) {
    div[class*="col-"][class*="-12"]:not([class*="xs-12"]) .video-cover iframe {
        min-height: 350px
        }
    }
div[class*="col-"][class*="-10"] .video-cover iframe {
    min-height: 450px
    }
div[class*="col-"][class*="-8"] .video-cover iframe {
    min-height: 400px
    }
div[class*="col-"][class*="-6"] .video-cover iframe {
    min-height: 350px
    }
@media all and (max-width: 1200px) {
    div[class*="col-"][class*="-6"] .video-cover iframe {
        min-height: 300px
        }
    }
@media all and (max-width: 990px) {
    div[class*="col-"][class*="-6"] .video-cover iframe {
        min-height: 220px
        }
    }
@media all and (max-width: 767px) {
    div[class*="col-"] .video-cover iframe {
        min-height: 220px !important
        }
    }
.modal-container video {
    max-width: 100%
    }
/**! 26. Colors **/
body {
    background: #fff
    }
.color--primary {
    color: #dcbb55 !important
    }
a {
    color: #dcbb55
    }
.color--primary-1 {
    color: #3d4950 !important
    }
.color--primary-2 {
    color: #727178 !important
    }
.color--white {
    color: #fff
    }
.color--dark {
    color: #252525
    }
.color--success {
    color: #4ebf56
    }
.color--error {
    color: #e23636
    }
.bg--dark {
    background: #252525
    }
.bg--dark:not(.nav-bar):not(.bar) {
    color: #fff
    }
.bg--dark:not(.nav-bar):not(.bar) h1, .bg--dark:not(.nav-bar):not(.bar) h2, .bg--dark:not(.nav-bar):not(.bar) h3, .bg--dark:not(.nav-bar):not(.bar) h4, .bg--dark:not(.nav-bar):not(.bar) h5, .bg--dark:not(.nav-bar):not(.bar) h6, .bg--dark:not(.nav-bar):not(.bar) i, .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text), .bg--dark:not(.nav-bar):not(.bar) p {
    color: #fff
    }
.bg--dark:not(.nav-bar):not(.bar) a:not(.btn) {
    color: #fff
    }
.bg--site {
    background: #fff
    }
.bg--secondary {
    background: #fafafa
    }
.bg--primary {
    background: #dcbb55
    }
.bg--primary p, .bg--primary span, .bg--primary ul, .bg--primary a:not(.btn) {
    color: #fff
    }
.bg--primary h1, .bg--primary h2, .bg--primary h3, .bg--primary h4, .bg--primary h5, .bg--primary h6, .bg--primary i {
    color: #fff
    }
.bg--primary .color--primary {
    color: #fff !important
    }
.bg--white {
    background: #fff
    }
.bg--white p, .bg--white span, .bg--white ul, .bg--white a:not(.btn) {
    color: #666
    }
.bg--white h1, .bg--white h2, .bg--white h3, .bg--white h4, .bg--white h5, .bg--white h6, .bg--white i {
    color: #252525
    }
.bg--error {
    background: #e23636
    }
.bg--success {
    background: #4ebf56
    }
.imagebg:not(.image--light) .bg--white p, .imagebg:not(.image--light) .bg--white span, .imagebg:not(.image--light) .bg--white ul, .imagebg:not(.image--light) .bg--white a:not(.btn) {
    color: #666
    }
.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: #252525
    }
.imagebg:not(.image--light) .bg--secondary {
    background: rgba(250, 250, 250, 0.2)
    }
.bg--primary-1 {
    background: #3d4950
    }
.bg--primary-1 p, .bg--primary-1 span, .bg--primary-1 ul, .bg--primary-1 a:not(.btn) {
    color: #fff
    }
.bg--primary-1 h1, .bg--primary-1 h2, .bg--primary-1 h3, .bg--primary-1 h4, .bg--primary-1 h5, .bg--primary-1 h6, .bg--primary-1 i {
    color: #fff
    }
.bg--primary-2 {
    background: #727178
    }
.bg--primary-2 p, .bg--primary-2 span, .bg--primary-2 ul, .bg--primary-2 a:not(.btn) {
    color: #fff
    }
.bg--primary-2 h1, .bg--primary-2 h2, .bg--primary-2 h3, .bg--primary-2 h4, .bg--primary-2 h5, .bg--primary-2 h6, .bg--primary-2 i {
    color: #fff
    }
.image-bg:not(.image-light) *:not(a) {
    color: #fff
    }
.color--facebook {
    color: #3b5998
    }
.color--twitter {
    color: #00aced
    }
.color--googleplus {
    color: #dd4b39
    }
.color--instagram {
    color: #125688
    }
.color--pinterest {
    color: #cb2027
    }
.color--dribbble {
    color: #ea4c89
    }
.color--behance {
    color: #053eff
    }
.bg--facebook {
    background: #3b5998;
    color: #fff
    }
.bg--twitter {
    background: #00aced;
    color: #fff
    }
.bg--googleplus {
    background: #dd4b39;
    color: #fff
    }
.bg--instagram {
    background: #125688;
    color: #fff
    }
.bg--pinterest {
    background: #cb2027;
    color: #fff
    }
.bg--dribbble {
    background: #ea4c89;
    color: #fff
    }
.bg--behance {
    background: #053eff;
    color: #fff
    }
/**! 27. Image Blocks **/
.imageblock {
    position: relative;
    padding: 0
    }
.imageblock > .container, .imageblock > div[class*="col-"]:not(.imageblock__content) {
    padding-top: 7.428571em;
    padding-bottom: 7.428571em;
    float: none;
    overflow: hidden
    }
.imageblock.imageblock--lg > .container, .imageblock.imageblock--lg > div[class*="col-"]:not(.imageblock__content) {
    padding-top: 9.285714em;
    padding-bottom: 9.285714em;
    float: none;
    overflow: hidden
    }
.imageblock .imageblock__content {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2;
    padding: 0
    }
.imageblock .imageblock__content .slider {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
    }
.imageblock .imageblock__content .slider .slides > li {
    padding: 0;
    min-height: 100%;
    position: absolute !important
    }
.imageblock.allow-overflow .imageblock__content {
    overflow: visible
    }
@media all and (max-height: 728px) {
    .imageblock > .container, .imageblock > div[class*="col-"]:not(.imageblock__content) {
        padding-top: 3.714286em;
        padding-bottom: 3.714286em
        }
    }
@media all and (max-width: 767px) {
    .imageblock[class*="space-"] {
        padding-bottom: 0;
        padding-top: 0
        }
    .imageblock .imageblock__content {
        position: relative;
        min-height: 18.571429em
        }
    .imageblock > .container, .imageblock > div[class*="col-"]:not(.imageblock__content) {
        padding-top: 5.571429em;
        padding-bottom: 5.571429em;
        float: none;
        overflow: hidden
        }
    .imageblock.imageblock--lg > .container, .imageblock.imageblock--lg > div[class*="col-"]:not(.imageblock__content) {
        padding-top: 5.571429em;
        padding-bottom: 5.571429em;
        float: none;
        overflow: hidden
        }
    }
/**! 28. MailChimp & Campaign Monitor **/
form[action*="createsend.com"] * {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    opacity: 0
    }
form[action*="createsend.com"].form--active * {
    opacity: 1
    }
form[action*="createsend.com"] .input-checkbox + br {
    display: none
    }
form[action*="createsend.com"].no-labels label {
    display: none
    }
form[action*="createsend.com"] br {
    display: none
    }
form[action*="createsend.com"] p > label:first-child {
    margin-bottom: 0.928571em
    }
form[action*="list-manage.com"] h2 {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    color: #252525;
    font-weight: 300;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.357143em;
    line-height: 1.368421em;
    margin-bottom: 1.368421em;
    font-weight: 400
    }
form[action*="list-manage.com"] h2.inline-block + .h4.inline-block:not(.typed-text) {
    margin-left: 0.684211em
    }
form[action*="list-manage.com"] .input-group ul {
    overflow: hidden
    }
form[action*="list-manage.com"] .input-group ul li {
    float: left
    }
form[action*="list-manage.com"] * {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    opacity: 0
    }
form[action*="list-manage.com"].form--active * {
    opacity: 1
    }
form[action*="list-manage.com"].no-labels label {
    display: none
    }
form[action*="list-manage.com"] .small-meta {
    font-size: 0.5em
    }
/**! 29. Twitter **/
.twitter-feed .user {
    display: none
    }
.twitter-feed .interact {
    display: none
    }
.twitter-feed .timePosted {
    font-size: 0.87em
    }
/**! 30. Transitions **/
[class*="transition--"] {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    opacity: 0
    }
[class*="transition--"].transition--active {
    opacity: 1
    }
.transition--scale {
    transform: scale(0.98);
    -webkit-transform: scale(0.98)
    }
.transition--scale.transition--active {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1)
    }
.transition--slide {
    transform: translate3d(200px, 0, 0);
    -webkit-transform: translate3d(200px, 0, 0);
    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)
    }
/**! 31. Switchable Sections **/
.switchable {
    position: relative
    }
.switchable div[class*="col-"]:first-child {
    float: left;
    right: auto
    }
.switchable div[class*="col-"]:first-child:not([class*="pull"]):not([class*="push"]) {
    left: 0
    }
.switchable div[class*="col-"]:last-child {
    float: right;
    left: auto
    }
.switchable div[class*="col-"]:last-child:not([class*="pull"]):not([class*="push"]) {
    right: 0
    }
.switchable.switchable--switch div[class*="col-"]:first-child {
    float: right;
    right: 0;
    left: auto
    }
.switchable.switchable--switch div[class*="col-"]:first-child:not([class*="pull"]):not([class*="push"]) {
    left: auto
    }
.switchable.switchable--switch div[class*="col-"]:last-child {
    float: left;
    left: 0;
    right: auto
    }
.switchable .switchable__text {
    margin-top: 3.714286em
    }
.switchable > div[class*="col-"] {
    padding: 0
    }
/**! 32. Typed Effect **/
.typed-text {
    display: inline-block
    }
.typed-text.typed-text--cursor:after {
    content: "|";
    font-size: 1.2em;
    -webkit-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    position: relative;
    right: 6px
    }
@keyframes blink {
    0% {
        opacity: 1;
        } 50% {
        opacity: 0;
        } 100% {
        opacity: 1;
        }
    }
@-webkit-keyframes blink {
    0% {
        opacity: 1;
        } 50% {
        opacity: 0;
        } 100% {
        opacity: 1;
        }
    }
/**! 33. Gradient BG **/
[data-gradient-bg] {
    position: relative;
    background: #252525
    }
[data-gradient-bg] > canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
    }
[data-gradient-bg] > canvas + .background-image-holder {
    opacity: 0.2 !important
    }
/**! 34. Bars **/
.bar {
    padding: 1.857143em 0
    }
.bar .logo {
    margin: 0;
    position: relative;
    top: 4px
    }
.bar .menu-horizontal {
    position: relative;
    top: 6px
    }
.bar:not([class*="visible-"]) + .bar {
    margin-top: 0.928571em
    }
.bar.bar--xs {
    padding: 0.464286em 0
    }
.bar.bar--sm {
    padding: 0.928571em 0
    }
.bar.bar--lg {
    padding: 2.785714em 0
    }
.bar.bar--lg .logo {
    top: 0
    }
.bar.bar--xlg {
    padding: 4.642857em 0
    }
.bar.bar--xlg .logo {
    top: 0
    }
.bar.bg--dark .logo-dark {
    display: none
    }
.bar:not(.bg--dark):not(.bar--transparent) .logo-light {
    display: none
    }
@media all and (max-width: 767px) {
    .bar.bar--mobile-sticky[data-scroll-class*="fixed"].pos-fixed {
        position: fixed;
        width: 100%;
        background: #fff;
        z-index: 999
        }
    .bar.bar--mobile-sticky[data-scroll-class*="fixed"] + .bar.pos-fixed {
        top: 3.714286em;
        position: fixed;
        width: 100%;
        background: #fff;
        z-index: 999
        }
    }
@media all and (min-width: 991px) {
    .bar__module:not(:only-child) {
        display: inline-block
        }
    .bar__module:not(:last-child) {
        margin-right: 0.928571em
        }
    .bar--transparent:not(.bar--dark) {
        background: none
        }
    .bar--transparent:not(.bar--dark) .logo-dark {
        display: none
        }
    .bar--transparent:not(.bar--dark) .logo-light {
        display: inline-block
        }
    .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a, .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
        color: #fff
        }
    .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*="primary"]) {
        border-color: rgba(255, 255, 255, 0.3)
        }
    .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*="primary"]) .btn__text {
        color: #fff
        }
    .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*="primary"]):hover {
        border-color: rgba(255, 255, 255, 0.7)
        }
    .bar--absolute {
        position: absolute
        }
    .bar--absolute, .pos-fixed {
        z-index: 99;
        width: 100%
        }
    .bar.pos-fixed {
        position: fixed;
        top: 0;
        animation: fadeInDown 0.3s ease-out forwards;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04)
        }
    .bar.pos-fixed:not([class*="bg-"]) {
        background: #fff
        }
    .bar.pos-fixed:not([class*="bg-"]) .logo-dark {
        display: inline-block
        }
    .bar.pos-fixed:not([class*="bg-"]) .logo-light {
        display: none
        }
    .bar.pos-fixed.bg--dark {
        background: #252525
        }
    }
@media all and (max-width: 767px) {
    .bar__module {
        margin-bottom: 0.928571em
        }
    .bar__module + .bar__module {
        margin-top: 1.857143em
        }
    .bar__module .btn {
        display: block
        }
    .bar__module .btn + .btn {
        margin-left: 0 !important
        }
    .bar__module .btn:not(:last-child) {
        margin-bottom: 0.928571em
        }
    .bar + nav.bar {
        padding-top: 0
        }
    }
/**! 35. Navigation InPage **/
.page-navigator {
    position: fixed;
    padding: 0;
    top: 50%;
    transform: translatey(-50%);
    right: 1.857143em;
    z-index: 10
    }
.page-navigator ul {
    display: inline-block;
    padding: 0.928571em;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 1.857143em;
    transition: all 0.2s ease
    }
.page-navigator ul:hover {
    background: rgba(0, 0, 0, 0.6)
    }
.page-navigator ul li:not(:last-child) {
    margin-bottom: 1.857143em
    }
@media all and (max-width: 767px) {
    .page-navigator {
        right: 0
        }
    .page-navigator ul {
        border-radius: 1.857143em 0 0 1.857143em;
        padding: 1.857143em 0.928571em
        }
    }
.page-navigator li a {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    transition: all 0.2s ease;
    display: block;
    position: relative
    }
.page-navigator li a:not(:hover) {
    opacity: 0.5
    }
.page-navigator li a.inner-link--active {
    opacity: 1;
    animation: bulge 0.5s ease;
    -webkit-animation: bulge 0.5s ease
    }
@keyframes bulge {
    0% {
        transform: scale(1);
        } 50% {
        transform: scale(1.3);
        } 100% {
        transform: scale(1);
        }
    }
@-webkit-keyframes bulge {
    0% {
        transform: scale(1);
        } 50% {
        transform: scale(1.3);
        } 100% {
        transform: scale(1);
        }
    }
.page-navigator li a[data-title]:before {
    content: attr(data-title);
    position: absolute;
    right: 12px;
    top: -14px;
    background: #222;
    color: #fff;
    border-radius: 6px;
    padding: 4px 8px;
    display: inline-block;
    transition: all 0.2s ease;
    white-space: nowrap
    }
.page-navigator li a[data-title]:not(:hover):before {
    opacity: 0;
    transform: translatex(-20px)
    }
/**! 36. Helper Classes **/
.clearfix {
    overflow: hidden
    }
.clearfix-after:after {
    content: "";
    display: table;
    clear: both
    }
.allow-overflow {
    overflow: visible
    }
.container .row--gapless {
    padding-left: 15px;
    padding-right: 15px
    }
.container .row--gapless > div[class*="col-"] {
    padding: 0
    }
@media all and (max-width: 767px) {
    .text-left-xs {
        text-align: left
        }
    }
@media all and (max-width: 991px) {
    .text-left-sm {
        text-align: left
        }
    }
section > .row--gapless {
    padding-left: 0;
    padding-right: 0
    }
section > .row--gapless > div[class*="col-"] {
    padding: 0
    }
div.right {
    float: right
    }
div.left {
    float: left
    }
section.text-right > .container:last-child > .row:only-child > div[class*="col-"]:only-child {
    float: right
    }
/**! 37. Spacing **/
section, footer {
    padding-top: 7.428571em;
    padding-bottom: 7.428571em
    }
section.space--xxs, footer.space--xxs {
    padding-top: 1.857143em;
    padding-bottom: 1.857143em
    }
section.space--xs, footer.space--xs {
    padding-top: 3.714286em;
    padding-bottom: 3.714286em
    }
section.space--sm, footer.space--sm {
    padding-top: 4.952381em;
    padding-bottom: 4.952381em
    }
section.space--md, footer.space--md {
    padding-top: 11.142857em;
    padding-bottom: 11.142857em
    }
section.space--lg, footer.space--lg {
    padding-top: 14.857143em;
    padding-bottom: 14.857143em
    }
section.space--xlg, footer.space--xlg {
    padding-top: 29.714286em;
    padding-bottom: 29.714286em
    }
section.space--0, footer.space--0 {
    padding: 0
    }
section.section--even, footer.section--even {
    padding-top: 7.428571em;
    padding-bottom: 7.428571em
    }
section.space-bottom--sm, footer.space-bottom--sm {
    padding-bottom: 4.952381em
    }
@media all and (max-width: 767px) {
    section, footer, section.section--even {
        padding: 5.571429em 0
        }
    section.space--lg, footer.space--lg, section.section--even.space--lg, section.space--md, footer.space--md, section.section--even.space--md {
        padding: 5.571429em 0
        }
    section.space--xlg, footer.space--xlg, section.section--even.space--xlg {
        padding: 8.357143em 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.857143em
        }
    .mt--2 {
        margin-top: 3.714286em
        }
    .mt--3 {
        margin-top: 5.571429em
        }
    .mb--1 {
        margin-bottom: 1.857143em
        }
    .mb--2 {
        margin-bottom: 3.714286em
        }
    .mb--3 {
        margin-bottom: 5.571429em
        }
    }
@media all and (max-width: 990px) {
    .mt--1, .mt--2 {
        margin-top: 1.857143em
        }
    .mt--3 {
        margin-top: 2.785714em
        }
    }
.unpad {
    padding: 0
    }
.unpad--bottom {
    padding-bottom: 0
    }
.unpad--top {
    padding-top: 0
    }
section.unpad--bottom {
    padding-bottom: 0
    }
section.unpad {
    padding: 0
    }
section.unpad--top {
    padding-top: 0
    }
.unmarg--bottom {
    margin-bottom: 0
    }
.unmarg {
    margin: 0
    }
.unmarg--top {
    margin-top: 0
    }
/**! 38. Boxed Layout **/
@media all and (min-width: 1280px) {
    body.boxed-layout {
        padding: 3.714286em 0;
        background: #ededed
        }
    body.boxed-layout section:not([class*="bg-"]):not(.imagebg), body.boxed-layout footer:not([class*="bg-"]):not(.imagebg), body.boxed-layout nav:not([class*="bg-"]):not(.bar--transparent):not(.bar--absolute), body.boxed-layout .tabs-container:not([class*="bg-"]):not(.imagebg) {
        background: #fff
        }
    body.boxed-layout .nav-container, body.boxed-layout .main-container, body.boxed-layout > section, body.boxed-layout nav {
        max-width: 1280px;
        margin: 0 auto
        }
    }
/**! 39. Wizard **/
.wizard__body {
    list-style: none
    }
.wizard__step:not(.active) {
    display: none
    }
.wizard__step .wizard__title {
    display: none
    }
.wizard__controls {
    overflow: hidden
    }
.wizard__controls .wizard-prev {
    float: left
    }
.wizard__controls .wizard-next {
    float: right
    }
.wizard__controls .wizard-prev:hover, .wizard__controls .wizard-next:hover {
    transform: none !important
    }
.wizard__controls .wizard-prev.inactive, .wizard__controls .wizard-next.inactive {
    pointer-events: none;
    opacity: 0.3;
    cursor: not-allowed
    }
/**! 40. Alerts **/
.alert {
    overflow: hidden;
    border: 1px solid #e6e6e6;
    padding: 0.928571em
    }
.alert .alert__body, .alert .alert__close {
    display: inline-block;
    user-select: none
    }
.alert .alert__body {
    float: left
    }
.alert .alert__close {
    float: right;
    cursor: pointer
    }
.alert.bg--error {
    background: #fce8e8;
    border-color: #e23636
    }
.alert.bg--error .alert__close {
    color: #e23636
    }
.alert.bg--success {
    background: #e4f5e5;
    border-color: #4ebf56
    }
.alert.bg--success .alert__close {
    color: #4ebf56
    }
.alert.bg--primary {
    background: #fffffe;
    border-color: #dcbb55
    }
.alert.bg--primary .alert__body > span {
    color: #666
    }
.alert.bg--primary .alert__close {
    color: #dcbb55
    }
.alert.alert--dismissed {
    display: none
    }
/**! 41. Progress - Horizontal **/
.progress-horizontal:after {
    content: "";
    display: table;
    clear: both
    }
.progress-horizontal .progress-horizontal__bar {
    position: relative;
    overflow: hidden
    }
.progress-horizontal .progress-horizontal__progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
    }
/**! 42. Theme Overrides **/
/*! -- Stack Customizers -- */
.box-shadow {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04)
    }
.box-shadow-shallow {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06)
    }
.box-shadow-wide {
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2)
    }
.border--round {
    border-radius: 6px
    }
.border--round:before {
    border-radius: 6px
    }
.border--round .background-image-holder {
    border-radius: 6px
    }
.border--round [data-scrim-top]:before, .border--round [data-scrim-bottom]:before, .border--round [data-overlay]:before {
    border-radius: 6px
    }
.imageblock.border--round .background-image-holder {
    border-radius: 6px 0 0 6px
    }
@media all and (max-width: 767px) {
    .imageblock.border--round .background-image-holder {
        border-radius: 6px 6px 0 0
        }
    }
.theme--square .border--round, .theme--square .btn {
    border-radius: 0
    }
.theme--bordered {
    border: 0.928571em solid #252525
    }
.main-container.transition--fade:not(.transition--active) {
    cursor: wait
    }
@media all and (min-width: 1280px) {
    body.boxed-layout > section.bar-3:first-of-type {
        border-radius: 6px 6px 0 0
        }
    body.boxed-layout .main-container > footer:last-child {
        border-radius: 0 0 6px 6px
        }
    }
body.boxed-layout .modal-container section:not([class*="bg-"]) {
    background: none
    }
/*! -- Stack Helpers -- */
@media all and (max-width: 767px) {
    .block--xs {
        margin-top: 0.928571em
        }
    }
.container .container {
    max-width: 100%
    }
.switchable-toggle {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none
    }
.back-to-top {
    position: fixed;
    width: 3.714286em;
    height: 3.714286em;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    right: 1.857143em;
    bottom: 3.714286em;
    padding-top: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
    z-index: 99;
    border: 1px solid #ececec;
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out
    }
.back-to-top i {
    color: #252525
    }
.back-to-top:not(.active) {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    pointer-events: none
    }
.back-to-top.active:hover {
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0)
    }
.disable-scroll-bars {
    -ms-overflow-style: none
    }
.disable-scroll-bars::-webkit-scrollbar {
    display: none
    }
/*! -- Stack Animations -- */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
        -webkit-transform: translate3d(0, 50px, 0);
        } to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
        }
    }
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
        -webkit-transform: translate3d(0, 50px, 0);
        } to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
        }
    }
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100px, 0);
        -webkit-transform: translate3d(0, -100px, 0);
        } to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
        }
    }
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100px, 0);
        -webkit-transform: translate3d(0, -100px, 0);
        } to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
        }
    }
@keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        } to {
        opacity: 0;
        transform: translate3d(0, -50px, 0);
        -webkit-transform: translate3d(0, -50px, 0);
        -webkit-font-smoothing: antialiased;
        }
    }
@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        } to {
        opacity: 0;
        transform: translate3d(0, -50px, 0);
        -webkit-transform: translate3d(0, -50px, 0);
        -webkit-font-smoothing: antialiased;
        }
    }
@keyframes fadeOutRight {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        } to {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
        -webkit-transform: translate3d(50px, 0, 0);
        -webkit-font-smoothing: antialiased;
        }
    }
@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        } to {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
        -webkit-transform: translate3d(50px, 0, 0);
        -webkit-font-smoothing: antialiased;
        }
    }
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
        -webkit-transform: translate3d(-50px, 0, 0);
        } to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
        }
    }
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
        -webkit-transform: translate3d(-50px, 0, 0);
        } to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
        }
    }
@keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1);
        } 50% {
        opacity: 1;
        } 100% {
        opacity: 0;
        transform: scale(2);
        -webkit-transform: scale(2);
        }
    }
@-webkit-keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1);
        } 50% {
        opacity: 1;
        } 100% {
        opacity: 0;
        transform: scale(2);
        -webkit-transform: scale(2);
        }
    }
@keyframes kenBurns {
    0% {
        transform: scale(1);
        } 100% {
        transform: scale(1.1);
        }
    }
@-webkit-keyframes kenBurns {
    0% {
        transform: scale(1);
        } 100% {
        transform: scale(1.1);
        }
    }
/*! -- Stack Sections -- */
section:not(.unpad):not(.imagebg):not([class*="bg--"]):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs) + section:not(.unpad):not(.imagebg):not([class*="bg--"]):not(.imageblock):not(.border--bottom):not(.space--xxs) {
    padding-top: 0
    }
section:not(.unpad):not(.imagebg):not([class*="bg--"]):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + footer:not(.unpad):not(.imagebg):not([class*="bg--"]):not(.imageblock):not(.unpad--bottom):not(.border--bottom) {
    padding-top: 0
    }
section:not(.imagebg):not([class*="bg-"]) + section.bg--secondary {
    border-top: 1px solid #ebebeb
    }
section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*="bg-"]) {
    border-top: 1px solid #ebebeb
    }
section.bg--secondary:not(.unpad):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + section.bg--secondary {
    padding-top: 0
    }
section.bg--secondary + footer:not(.bg--dark):not(.bg--secondary) {
    border-top: 1px solid #ebebeb
    }
section.bg--dark + section.bg--dark {
    padding-top: 0
    }
section.bg--dark:last-of-type + footer.bg--dark {
    background: #1b1b1b
    }
section.border--bottom:not([data-gradient-bg]) {
    border-bottom: 1px solid #ececec
    }
section.unpad {
    overflow: hidden
    }
section:not([class*="bg--"]) + footer.bg--secondary {
    border-top: 1px solid #ebebeb
    }
section.text-center div[class*="col-"]:first-child:last-child {
    margin: 0 auto;
    float: none
    }
.section--overlap {
    z-index: 2;
    position: relative
    }
/*! -- Stack Typography -- */
@media all and (max-width: 1024px) {
    html {
        font-size: 80%
        }
    }
h1, .h1 {
    letter-spacing: -0.01em
    }
h1:not(:last-child), .h1:not(:last-child) {
    margin-bottom: 0.590909em
    }
@media all and (min-width: 768px) {
    h1.h1--large, .h1.h1--large {
        font-weight: 200;
        font-size: 4.428571em;
        line-height: 1.048387em
        }
    h1.h1--large:not(:last-child), .h1.h1--large:not(:last-child) {
        margin-bottom: 0.419355em
        }
    h1.h1--large.type--uppercase, .h1.h1--large.type--uppercase {
        letter-spacing: 10px;
        margin-right: -10px
        }
    h1.h1--large + p.lead, .h1.h1--large + p.lead {
        margin-top: 2.052632em
        }
    }
h2, .h2 {
    margin-bottom: 0.787879em
    }
h3, .h3 {
    margin-bottom: 1.04em
    }
h3 strong, .h3 strong {
    font-weight: 400
    }
blockquote {
    font-family: "Merriweather", serif;
    font-style: italic;
    font-weight: 300
    }
blockquote:not(:last-child) {
    margin-bottom: 1.04em
    }
blockquote > p {
    font-size: 1em !important
    }
h4, .h4 {
    margin-bottom: 1.368421em;
    font-weight: 400
    }
h4.inline-block + .h4.inline-block:not(.typed-text), .h4.inline-block + .h4.inline-block:not(.typed-text) {
    margin-left: 0.684211em
    }
h5, .h5 {
    font-weight: 600
    }
h5:not(:last-child), .h5:not(:last-child) {
    margin-bottom: 1.857143em
    }
h6, .h6 {
    font-weight: 700
    }
h6:not(:last-child), .h6:not(:last-child) {
    margin-bottom: 2.166667em
    }
h6.type--uppercase, .h6.type--uppercase {
    letter-spacing: 1px;
    margin-right: -1px
    }
span.h1:not(.inline-block), span.h2:not(.inline-block), span.h3:not(.inline-block), span.h4:not(.inline-block), span.h5:not(.inline-block), span.h6:not(.inline-block) {
    display: block
    }
b {
    font-weight: 600
    }
hr {
    border-color: #ECECEC
    }
.bg--dark hr {
    border-color: #585858
    }
[class*="bg-"]:not(.bg--white):not(.bg--secondary) p, [class*="imagebg"]:not(.image--light) p {
    opacity: 0.9
    }
.lead {
    font-weight: 400;
    color: #808080
    }
.lead:not(:last-child) {
    margin-bottom: 1.368421em
    }
.lead + .btn:last-child {
    margin-top: 0.928571em
    }
p:last-child {
    margin-bottom: 0
    }
p strong {
    color: #252525
    }
pre {
    padding: 0.928571em;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 6px;
    line-height: 20px;
    max-height: 500px
    }
.bg--secondary > pre {
    background: #f5f5f5;
    border-color: #ddd
    }
.text-block {
    margin-bottom: 1.857143em
    }
.text-block h2, .text-block .h2 {
    margin-bottom: 0.393939em
    }
.text-block h5, .text-block .h5 {
    margin: 0
    }
.text-block h4:not(:last-child), .text-block .h4:not(:last-child) {
    margin-bottom: 0.342105em
    }
.text-block h3, .text-block .h3 {
    margin-bottom: 0.52em
    }
@media all and (min-width: 768px) {
    div[class*="col-"] .text-block + .text-block {
        margin-top: 3.714286em
        }
    }
.heading-block {
    margin-bottom: 3.714286em
    }
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .heading-block h5, .heading-block h6, .heading-block .h1, .heading-block .h2, .heading-block .h3, .heading-block .h4, .heading-block .h5, .heading-block .h6 {
    margin-bottom: 0
    }
/*! -- Stack Colours -- */
.bg--dark .bg--secondary {
    background: #343434
    }
/*! -- Stack Links -- */
a {
    color: #dcbb55;
    font-weight: 700
    }
a:hover {
    color: #d3aa2b;
    text-decoration: underline
    }
a.block {
    font-weight: normal;
    text-decoration: none;
    color: #666
    }
p a, span a, label a {
    font-size: 1em;
    text-decoration: underline;
    font-weight: 400;
    line-height: 1.857143em
    }
p + a:not(.btn) {
    font-size: 0.857143em;
    line-height: 2.166667em
    }
.imagebg:not(.image--light) a {
    color: #fff;
    font-weight: 600
    }
/*! -- Stack Tables -- */
table {
    width: 100%;
    border-collapse: separate
    }
table th, table td {
    padding: 0.928571em
    }
table th {
    background: #fafafa;
    color: #252525
    }
table tr:not(:last-of-type) {
    border-bottom: 1px solid #ececec
    }
table.border--round {
    border-radius: 6px;
    border: 1px solid #ececec
    }
.table--alternate-column th:nth-child(odd) {
    background: none
    }
.table--alternate-column td:nth-child(even) {
    background: #fafafa
    }
.table--alternate-row tbody tr:nth-child(even) {
    background: #fafafa
    }
.bg--dark table.border--round {
    border-radius: 6px;
    border: 1px solid #3f3f3f
    }
.bg--dark table th {
    background: #3f3f3f;
    color: #fff
    }
.bg--dark .table--alternate-row tbody tr:nth-child(even) {
    background: #323232
    }
/*! -- Stack Lists -- */
ul:not([class*="menu"]) li > a {
    font-weight: normal
    }
ul:not([class*="menu"]) li > a:hover {
    text-decoration: none
    }
ol {
    list-style-position: outside;
    list-style-type: decimal
    }
ol li:not(:last-child) {
    margin-bottom: 1.857143em
    }
ol.lead li:not(:last-child) {
    margin-bottom: 1.263158em
    }
.list-inline {
    margin-left: 0;
    display: inline-block
    }
.list-inline li {
    display: inline-block;
    padding: 0
    }
.list-inline li:not(:last-child) {
    margin-right: 1.857143em
    }
.list-inline:not(:last-child) {
    margin-right: 1.857143em
    }
.list-inline--images img {
    max-height: 2.785714em
    }
@media all and (min-width: 768px) {
    .list-inline--images li:not(:last-child) {
        margin-right: 5.571429em
        }
    }
@media all and (max-width: 767px) {
    .list-inline--images li:not(:last-child) {
        margin-bottom: 1.857143em
        }
    }
.list--loose > li:not(:last-child) {
    margin-bottom: 0.464286em
    }
.list--hover li {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease
    }
.list--hover li:not(:hover) {
    opacity: 0.6
    }
.social-list a {
    color: #252525
    }
.imagebg:not(.image--light) .social-list a {
    color: #fff
    }
.results-list > li > a:first-child {
    display: flex;
    align-items: center;
    margin-bottom: 0.928571em
    }
.results-list > li > a:first-child span {
    display: inline-block;
    margin-left: 0.464286em
    }
.results-list > li > a:first-child h4 {
    display: inline-block;
    margin-bottom: 0
    }
.results-list > li > a:first-child:hover h4, .results-list > li > a:first-child:hover span {
    text-decoration: underline
    }
.results-list > li:not(:last-child) {
    margin-bottom: 1.857143em;
    padding-bottom: 1.857143em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
@media all and (max-width: 767px) {
    .list-inline:not(.social-list):not(.list-inline--images) {
        display: block
        }
    .list-inline:not(.social-list):not(.list-inline--images) li {
        display: block;
        margin: 0
        }
    .list-inline:not(.social-list):not(.list-inline--images) li:not(:last-child) {
        margin-bottom: 0.464286em
        }
    }
@media all and (max-width: 767px) {
    .list-inline {
        min-width: 100%
        }
    }
.row--list span.h6 {
    margin-bottom: 0
    }
.row--list span.h3:last-child {
    margin-bottom: 0
    }
@media all and (max-width: 767px) {
    .row--list > li {
        margin-bottom: 0.928571em
        }
    }
/*! -- Stack Rules -- */
hr:first-child {
    margin-top: 0
    }
hr.short {
    width: 2.785714em;
    border-color: #dcbb55
    }
hr[data-title] {
    margin: 2.785714em 0;
    text-align: center
    }
hr[data-title]:before {
    content: attr(data-title);
    background: #fff;
    position: relative;
    bottom: 14px;
    padding: 0.928571em;
    font-style: italic
    }
.bg--dark hr:not(.short), .imagebg hr:not(.short), .bg--primary hr:not(.short) {
    opacity: 0.3
    }
/*! -- Stack Buttons -- */
.btn {
    position: relative
    }
.btn:not([class*="primary"]) {
    border-color: #d3d3d3
    }
.btn:not([class*="primary"]):hover {
    border-color: #252525
    }
.btn.type--uppercase {
    letter-spacing: 0.5px
    }
.btn.type--uppercase .btn__text {
    letter-spacing: 0.5px;
    margin-right: -0.5px
    }
.btn .label {
    top: -0.928571em;
    right: -3.714286em
    }
.btn.btn--lg .btn__text {
    font-weight: 600
    }
.btn.btn--lg.type--uppercase .btn__text {
    letter-spacing: 1px
    }
.btn + p.type--fine-print, .btn + span.type--fine-print {
    margin-top: 1.083333em
    }
.btn.block {
    margin-left: 0
    }
.btn.block + .btn.block {
    margin-top: 0.928571em
    }
.btn:hover {
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0)
    }
.btn.btn--sm + .btn--sm {
    margin-left: 0.928571em
    }
p > .btn {
    text-decoration: none
    }
@media all and (max-width: 767px) {
    .btn:not(:last-child) {
        margin-bottom: 1.857143em
        }
    }
.btn--icon {
    padding-left: 5.571429em
    }
.btn--icon i {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.1);
    padding: 0 13px;
    border-radius: 6px 0 0 6px;
    font-size: 16px;
    line-height: 41px
    }
.btn--icon i.socicon {
    line-height: 42px
    }
.btn--cart {
    width: 3.714286em;
    height: 3.714286em;
    border: 2px solid #252525;
    display: block;
    text-align: center;
    border-radius: 6px;
    opacity: 0.4;
    padding: 0
    }
.btn--cart:hover {
    opacity: 1
    }
.btn--cart .btn__text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    font-size: 1.142857em
    }
.imagebg:not(.image--light) .btn--icon:not([class*="bg"]):not([class*="primary"]) i {
    color: #fff;
    background: rgba(255, 255, 255, 0.2)
    }
@media all and (min-width: 768px) {
    .btn-group .btn {
        margin-bottom: 0 !important;
        margin-left: 0
        }
    .btn-group .btn + .btn {
        margin-left: 0
        }
    .btn-group .btn:not(:first-child):not(:last-child) {
        border-radius: 0
        }
    .btn-group .btn:first-child {
        border-radius: 6px 0 0 6px
        }
    .btn-group .btn:last-child {
        border-radius: 0 6px 6px 0
        }
    .btn-group .btn:first-child:nth-last-child(2), .btn-group .btn:last-child:nth-child(2) {
        width: 50%
        }
    }
.btn-group {
    border: none;
    padding: 0
    }
@media all and (max-width: 767px) {
    .btn-group .btn {
        display: block
        }
    }
.bg--primary div:not([class*="feature"]) .btn--primary {
    background: #fff;
    border-color: #fff
    }
.bg--primary div:not([class*="feature"]) .btn--primary .btn__text {
    color: #dcbb55
    }
.bg--primary > .btn--primary {
    background: #fff;
    border-color: #fff
    }
.bg--primary > .btn--primary .btn__text {
    color: #dcbb55
    }
.bg--dark .btn:not(.btn--primary) {
    border-color: #3f3f3f
    }
.bg--dark .btn:not(.btn--primary):hover {
    border-color: #656565
    }
.bg--dark .btn .btn__text {
    color: #fff
    }
.imagebg:not(.image--light) .btn:not([class*="primary"]) {
    border-color: rgba(255, 255, 255, 0.3)
    }
.imagebg:not(.image--light) .btn:not([class*="primary"]):hover {
    border-color: #fff
    }
.imagebg.image--light .btn:not([class*="primary"]) {
    border-color: #252525;
    background: rgba(255, 255, 255, 0.3)
    }
.imagebg.image--light .btn:not([class*="primary"]):hover {
    background: rgba(255, 255, 255, 0.5)
    }
h1 + .btn, .h1 + .btn {
    margin-top: 1.857143em
    }
h2 + .btn, .h2 + .btn {
    margin-top: 0.928571em
    }
/*! -- Stack Images -- */
img:last-child {
    margin-bottom: 0
    }
img.flag {
    max-height: 1.857143em
    }
img.image--sm:not(:last-child) {
    margin-bottom: 0.928571em
    }
img.promo.border--round {
    border: 1px solid #ececec
    }
p.lead img {
    max-height: 1.684211em
    }
.imagebg h1, .imagebg h2, .imagebg h3, .imagebg h4, .imagebg h5, .imagebg h6 {
    position: relative
    }
.imagebg:not(.image--light) span {
    color: #fff
    }
.imagebg.border--round {
    overflow: hidden
    }
section.parallax .row .background-image-holder {
    transform: none !important;
    top: 0 !important
    }
.triptych.border--round img {
    position: relative;
    border-radius: 6px;
    width: 33.333333%;
    float: left;
    margin: 0
    }
.triptych.border--round img:nth-child(2) {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    z-index: 2;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2)
    }
.gallery > div[class*="col-"] {
    margin-bottom: 30px
    }
.gallery-1 {
    overflow: hidden;
    position: relative
    }
.gallery-1 .gallery__image:not(:last-child) {
    margin-bottom: 30px
    }
.gallery-1 > div[class*="col-"]:first-child > .gallery__image {
    height: 800px
    }
.gallery-1 > div[class*="col-"]:last-child > .gallery__image {
    height: calc(385px)
    }
.gallery__image {
    position: relative;
    overflow: hidden
    }
@media all and (max-width: 767px) {
    .gallery-1 .gallery__image {
        max-height: 300px;
        margin-bottom: 15px
        }
    .gallery-1 .gallery__image:not(:last-child) {
        margin-bottom: 15px
        }
    }
.section--ken-burns {
    overflow: hidden
    }
.section--ken-burns > .background-image-holder, .section--ken-burns > img:only-child {
    animation: kenBurns 15s ease alternate infinite;
    -webkit-animation: kenBurns 15s ease alternate infinite
    }
/*! -- Stack Titles -- */
.breadcrumbs {
    list-style: none
    }
.breadcrumbs li {
    font-size: 0.857143em;
    display: inline-block
    }
.breadcrumbs li:not(:last-child) {
    margin-right: 1.083333em
    }
.breadcrumbs li:not(:last-child):after {
    content: "»";
    margin-left: 1.083333em
    }
.breadcrumbs li a {
    font-weight: normal
    }
.imagebg .breadcrumbs, .bg--primary .breadcrumbs {
    color: #fff
    }
.imagebg .breadcrumbs a, .bg--primary .breadcrumbs a {
    color: #fff;
    font-weight: 600
    }
.elements-title {
    border-top: none !important
    }
.elements-title + section:not(.imagebg):not([class*="bg-"]):not(.unpad) {
    padding-top: 1.857143em
    }
/*! -- Stack Labels -- */
.label {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #fff;
    text-transform: uppercase;
    height: 26px;
    min-width: 65px;
    padding: 0 10px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    z-index: 3;
    top: 1.238095em;
    right: 1.238095em
    }
.label:not([class*="bg--"]) {
    background: #3d4950
    }
.label.label--inline {
    position: relative;
    top: 0;
    right: 0
    }
.label.label--inline:not(:last-child) {
    margin-right: 0.928571em
    }
.label.label--inline + span, .label.label--inline + p {
    position: relative;
    top: 1px
    }
.label.switchable-toggle {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06)
    }
.bg--primary-1 .label:not([class*="bg--"]) {
    background: #727178
    }
/*! -- Stack Bars -- */
.menu-horizontal > li, .menu-vertical > li {
    font-family: "Open Sans", "Roboto", "Helvetica", Sans-Serif
    }
.bar .logo {
    max-height: 1.857143em;
    max-width: none
    }
.menu-horizontal > li > a, .menu-horizontal > li > .modal-instance > a {
    font-weight: 500
    }
.menu-horizontal > li a:hover {
    text-decoration: none
    }
.hamburger-toggle i {
    color: #252525
    }
@media all and (min-width: 990px) {
    .menu-horizontal li:not(:last-child) {
        margin-right: 1.238095em
        }
    .bar__module:not(:only-child) .menu-horizontal {
        top: 0
        }
    }
@media all and (min-width: 768px) and (max-width: 1023px) {
    .bar-2 .menu-horizontal > li, .bar-1 .menu-horizontal > li {
        display: inline-block
        }
    .bar-2 .menu-horizontal > li:not(:first-child), .bar-1 .menu-horizontal > li:not(:first-child) {
        margin-left: 0.928571em
        }
    .bar-2 .bar__module, .bar-1 .bar__module {
        margin-bottom: 1.857143em
        }
    .bar-2 .row div[class*="col-"]:last-child .bar__module:last-child, .bar-1 .row div[class*="col-"]:last-child .bar__module:last-child {
        margin-bottom: 0
        }
    }
.bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
    font-size: 0.857143em;
    line-height: 2.166667em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px
    }
@media all and (min-width: 1024px) {
    .bar-1 .bar__module + .bar__module {
        margin-left: 1.857143em
        }
    }
@media all and (min-width: 991px) {
    .bar-2 .logo {
        position: absolute;
        left: 50%;
        transform: translatex(-50%)
        }
    }
.bar-3 {
    font-size: 0.857143em
    }
.bar-3 .menu-horizontal {
    top: 0
    }
@media all and (max-width: 990px) {
    .bar-3 .menu-horizontal li {
        display: inline-block
        }
    .bar-3 .menu-horizontal li:not(:last-child) {
        margin-right: 0.928571em
        }
    }
@media all and (min-width: 990px) {
    .bar-toggle .col-md-1 .logo {
        top: 10px
        }
    }
@media all and (max-width: 767px) {
    .bar-4 .logo-light {
        display: none
        }
    .bar-4 .logo-dark {
        margin-bottom: 1.857143em
        }
    .bar.bg--dark {
        background: #252525
        }
    .bar.bg--dark .hamburger-toggle i {
        color: #fff
        }
    }
/*! -- Stack Utilties -- */
.hidden {
    display: none !important;
    visibility: hidden !important
    }
.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
    }
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
    }
@media (max-width: 767px) {
    .visible-xs {
        display: block !important
        }
    table.visible-xs {
        display: table
        }
    tr.visible-xs {
        display: table-row !important
        }
    th.visible-xs, td.visible-xs {
        display: table-cell !important
        }
    }
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
        }
    }
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
        }
    }
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
        }
    table.visible-sm {
        display: table
        }
    tr.visible-sm {
        display: table-row !important
        }
    th.visible-sm, td.visible-sm {
        display: table-cell !important
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
        }
    }
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
        }
    table.visible-md {
        display: table
        }
    tr.visible-md {
        display: table-row !important
        }
    th.visible-md, td.visible-md {
        display: table-cell !important
        }
    }
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
        }
    }
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
        }
    }
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
        }
    }
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
        }
    table.visible-lg {
        display: table
        }
    tr.visible-lg {
        display: table-row !important
        }
    th.visible-lg, td.visible-lg {
        display: table-cell !important
        }
    }
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
        }
    }
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
        }
    }
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
        }
    }
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
        }
    }
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
        }
    }
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
        }
    }
.visible-print {
    display: none !important
    }
@media print {
    .visible-print {
        display: block !important
        }
    table.visible-print {
        display: table
        }
    tr.visible-print {
        display: table-row !important
        }
    th.visible-print, td.visible-print {
        display: table-cell !important
        }
    }
.visible-print-block {
    display: none !important
    }
@media print {
    .visible-print-block {
        display: block !important
        }
    }
.visible-print-inline {
    display: none !important
    }
@media print {
    .visible-print-inline {
        display: inline !important
        }
    }
.visible-print-inline-block {
    display: none !important
    }
@media print {
    .visible-print-inline-block {
        display: inline-block !important
        }
    }
@media print {
    .hidden-print {
        display: none !important
        }
    }
.text-left {
    text-align: left
    }
.text-right {
    text-align: right
    }
.text-center {
    text-align: center
    }
.text-justify {
    text-align: justify
    }
@media all and (min-width: 768px) and (max-width: 990px) {
    .text-left-sm {
        text-align: left
        }
    .text-right-sm {
        text-align: right
        }
    .text-center-sm {
        text-align: center
        }
    }
@media all and (max-width: 767px) {
    .text-left-xs {
        text-align: left
        }
    .text-right-xs {
        text-align: right
        }
    .text-center-xs {
        text-align: center
        }
    }
/*! -- Stack Alerts -- */
.alert {
    border-radius: 6px
    }
.alert:not(:last-child) {
    margin-bottom: 1.857143em
    }
.alert .alert__close {
    font-size: 1.357143em
    }
/*! -- Stack Menu Toggle -- */
.menu-toggle {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
    width: 3.714286em;
    height: 3.714286em;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    display: inline-block;
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease
    }
.menu-toggle i {
    font-size: 1.785714em;
    position: relative;
    top: 13px;
    color: #252525
    }
.menu-toggle:hover {
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0)
    }
/*! -- Stack Nav Utility -- */
.nav-utility {
    padding: 0.928571em 0
    }
.nav-utility .nav-utility__module {
    font-size: 0.857143em
    }
.nav-utility .nav-utility__module a {
    color: #666;
    font-weight: normal
    }
.nav-utility .nav-utility__module a i {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    display: inline-block
    }
.nav-utility .nav-utility__module a:hover i {
    transform: scale(1.5);
    -webkit-transform: scale(1.5)
    }
.nav-utility .nav-utility__module.right:not(:last-child) {
    margin-left: 2.166667em
    }
.utility-toggle {
    display: inline-block;
    cursor: pointer;
    width: 3px;
    height: 3px;
    position: relative;
    bottom: 8px;
    border-radius: 50%;
    background: #252525
    }
.utility-toggle:before, .utility-toggle:after {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    background: #252525
    }
.utility-toggle:before {
    top: 6px
    }
.utility-toggle:after {
    top: 12px
    }
/*! -- Stack Nav Stacked -- */
.bar-stacked .logo {
    margin-bottom: 3.714286em
    }
/*! -- Stack Nav Side Menu -- */
.notification.side-menu {
    z-index: 9999;
    background: #fff;
    padding-top: 1.857143em;
    margin: 0;
    height: 100%;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
    width: 27.857143em
    }
.notification.side-menu .side-menu__module {
    overflow: hidden;
    padding: 2.785714em
    }
.notification.side-menu .side-menu__module + hr:not(:last-child) {
    margin: 0
    }
.notification.side-menu .menu-vertical li a {
    font-size: 1.357143em;
    line-height: 1.368421em
    }
.notification.side-menu .menu-vertical li a:hover {
    text-decoration: none
    }
.notification.side-menu .btn:not(:last-child) {
    margin-bottom: 1.857143em
    }
.notification.side-menu .btn + ul.list--loose {
    margin-top: 0.928571em
    }
.notification.side-menu .notification-close-cross {
    top: 0.928571em;
    right: 2.785714em;
    margin-top: 8px
    }
.notification.side-menu .social-list:not(:first-child) {
    margin-top: 1.857143em
    }
.menu-toggle.pos-fixed {
    position: fixed;
    right: 5.571429em;
    animation: fadeInDown 0.3s ease forwards
    }
@media all and (min-width: 768px) {
    .side-menu .side-menu__module span.type--fine-print {
        position: relative;
        top: 8px
        }
    }
@media all and (max-width: 767px) {
    .side-menu {
        width: 100%
        }
    .side-menu .side-menu__module .float-right, .side-menu .side-menu__module .float-left {
        display: block
        }
    }
/*! -- Stack Nav Sidebar Column -- */
.nav-container.nav-container--sidebar + .main-container {
    width: calc(100vw - 20.428571em);
    float: right
    }
.nav-sidebar-column {
    position: fixed;
    z-index: 3;
    left: 0;
    width: 20.428571em;
    border-right: 1px solid #ececec;
    height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    padding: 2.785714em 1.857143em
    }
.nav-sidebar-column:not([class*="bg-"]) {
    background: #fff
    }
.nav-sidebar-column.bg--dark {
    border-right: 1px solid #3f3f3f
    }
.nav-sidebar-column::-webkit-scrollbar {
    display: none
    }
.nav-sidebar-column .logo {
    max-height: 2.321429em;
    margin-bottom: 0.928571em
    }
.nav-sidebar-column .text-block > p {
    margin-bottom: 0.928571em
    }
.nav-sidebar-column .menu-vertical li.dropdown:not(:hover):after {
    opacity: 0.35
    }
.nav-sidebar-column .menu-vertical a:hover {
    text-decoration: none
    }
.nav-sidebar-column .dropdown .dropdown__container, .nav-sidebar-column .dropdown .dropdown__content {
    left: 0 !important;
    position: relative;
    pointer-events: all
    }
.nav-sidebar-column .dropdown .dropdown__container:before {
    height: 0
    }
.nav-sidebar-column .dropdown .dropdown__content {
    transform: none !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-top: 0.464286em;
    padding-right: 0;
    padding-left: 0.464286em;
    background: none !important
    }
.nav-sidebar-column .dropdown .menu-vertical li.dropdown:after {
    right: 1.857143em
    }
.nav-sidebar-column .dropdown:not(.dropdown--active) .dropdown__container {
    display: none
    }
.nav-sidebar-column .dropdown.dropdown--hover:hover > .dropdown__container {
    display: block
    }
.nav-sidebar-column .social-list {
    margin-bottom: 0.928571em
    }
body.dropdowns--hover .nav-sidebar-column .dropdown:hover > .dropdown__container {
    display: block
    }
.nav-sidebar-column-toggle {
    transition: all 0.3s ease;
    left: 0;
    width: 3.714286em;
    height: 3.714286em;
    background: #fff;
    text-align: center;
    position: fixed;
    z-index: 4;
    cursor: pointer;
    border-radius: 0 0 6px 0;
    box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.1)
    }
.nav-sidebar-column-toggle > i {
    transition: all 0.3s ease;
    font-size: 1.785714em;
    position: relative;
    top: 11px
    }
.nav-sidebar-column-toggle:not(.toggled-class) > i {
    opacity: 0.5
    }
.nav-sidebar-column-toggle.toggled-class i:before {
    content: ""
    }
@media all and (max-width: 990px) {
    .nav-sidebar-column {
        transition: all 0.3s ease;
        left: -20.428571em;
        box-shadow: 2px 0 4px rgba(0, 0, 0, 0)
        }
    .nav-sidebar-column.active {
        left: 0;
        box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1)
        }
    .nav-sidebar-column-toggle.toggled-class {
        left: 20.428571em
        }
    .nav-container.nav-container--sidebar + .main-container {
        width: 100%;
        float: none
        }
    }
.nav-container.nav-container--right .nav-sidebar-column {
    right: 0;
    left: auto
    }
.nav-container.nav-container--right + .main-container {
    float: left
    }
.nav-container.nav-container--right .nav-sidebar-column-toggle {
    left: auto;
    right: 0;
    border-radius: 0 0 0 6px;
    box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.1)
    }
@media all and (max-width: 990px) {
    .nav-container.nav-container--right .nav-sidebar-column {
        right: -20.428571em;
        left: auto
        }
    .nav-container.nav-container--right .nav-sidebar-column.active {
        left: auto;
        right: 0;
        box-shadow: -2px 0 4px rgba(0, 0, 0, 0.1)
        }
    .nav-container.nav-container--right .nav-sidebar-column-toggle.toggled-class {
        left: auto;
        right: 20.428571em
        }
    }
/*! -- Stack Nav Fullscreen -- */
.menu-fullscreen {
    color: #fff
    }
.menu-fullscreen .pos-absolute {
    width: 100%
    }
.menu-fullscreen a {
    color: #fff
    }
.menu-fullscreen a:hover {
    text-decoration: none
    }
.menu-fullscreen .social-list {
    margin-right: 0
    }
.menu-fullscreen:before {
    background: rgba(0, 0, 0, 0.9)
    }
.menu-fullscreen .modal-content .modal-close-cross {
    right: 3.714286em;
    top: 1em
    }
@media all and (max-width: 767px) {
    .menu-fullscreen .pos-bottom {
        position: relative
        }
    }
/*! -- Stack Dropdowns -- */
.dropdown > .dropdown__trigger:after {
    font-family: "stack-interface";
    display: inline-block;
    font-size: 8px;
    position: relative;
    bottom: 2px
    }
.dropdown > .dropdown__trigger .image--xxs {
    margin-right: 0.464286em
    }
.dropdown .dropdown__content {
    border-radius: 6px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
    padding: 1.238095em 1.857143em
    }
.dropdown .dropdown__content h5:not(:last-child) {
    margin-bottom: 0.928571em
    }
.dropdown .dropdown__content .background-image-holder {
    border-radius: 6px 0 0 6px
    }
.dropdown .dropdown__content > .pos-absolute[class*="col-"] {
    left: 0;
    top: 0;
    height: 100%;
    position: absolute !important
    }
.dropdown .dropdown__content > .pos-absolute[class*="col-"][data-overlay]:before {
    border-radius: 6px 0 0 6px
    }
.menu-horizontal > .dropdown > .dropdown__trigger:after {
    content: "";
    margin-left: 4px
    }
.menu-vertical > .dropdown > .dropdown__trigger {
    display: inline-block;
    width: 100%
    }
@media all and (max-width: 767px) {
    .dropdown [class*="col-"] + [class*="col-"] {
        margin-top: 0.928571em
        }
    .dropdown .dropdown__content:not([class*="bg-"]) {
        border: none;
        box-shadow: none
        }
    }
@media all and (max-width: 767px) {
    .dropdown__container {
        left: 0 !important
        }
    }
.menu-vertical li {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
.menu-vertical li:not(:hover):not(.dropdown--active) {
    opacity: 0.75
    }
.menu-vertical li:not(:last-child) {
    margin-bottom: 0.309524em
    }
.menu-vertical li.dropdown {
    position: relative
    }
.menu-vertical li.dropdown:after {
    content: "";
    font-family: "stack-interface";
    right: 0;
    top: 0;
    position: absolute;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    display: inline-block;
    transform: translate3d(-10px, 0, 0);
    -webkit-transform: translate3d(-10px, 0, 0)
    }
.menu-vertical li.dropdown:hover:after {
    transform: translate3d(-5px, 0, 0);
    -webkit-transform: translate3d(-5px, 0, 0)
    }
.menu-vertical li.separate {
    border-top: 1px solid #e6e6e6;
    margin-top: 0.928571em;
    padding-top: 0.928571em
    }
.menu-vertical li.separate.dropdown:after {
    top: 0.928571em
    }
.menu-vertical + h5 {
    margin-top: 1.857143em
    }
.dropdown__container > .container {
    width: 100vw;
    max-width: 1140px
    }
@media all and (max-width: 990px) {
    .menu-vertical .dropdown.dropdown--active:after {
        opacity: 0
        }
    }
@media all and (min-width: 991px) {
    .dropdown .dropdown__container:before {
        height: 18px
        }
    }
/*! -- Stack Twitter Feeds -- */
.tweets-feed .interact {
    display: none
    }
.tweets-feed .user a:hover {
    text-decoration: none
    }
.tweets-feed .user img {
    border-radius: 50%
    }
.tweets-feed-1 {
    border-radius: 6px;
    border: 1px solid #ececec;
    overflow: hidden
    }
.tweets-feed-1 li {
    overflow: hidden;
    padding: 1.857143em;
    padding-bottom: 0
    }
.tweets-feed-1 li:not(:last-child) {
    border-bottom: 1px solid #ececec
    }
.tweets-feed-1 .user {
    width: 20%;
    float: left;
    margin-bottom: 0.928571em
    }
.tweets-feed-1 .user img {
    max-height: 3.714286em;
    margin-right: 0.464286em
    }
.tweets-feed-1 .user [data-scribe="element:name"], .tweets-feed-1 .user [data-scribe="element:screen_name"] {
    display: none
    }
.tweets-feed-1 .tweet, .tweets-feed-1 .timePosted {
    width: 80%;
    float: right
    }
.tweets-feed-1 .tweet {
    margin-bottom: 0.464286em
    }
.tweets-feed-1 .timePosted {
    font-size: 0.857143em;
    line-height: 2.166667em
    }
.tweets-feed-1:not(:last-child) + .btn {
    margin-top: 2.785714em
    }
.imagebg .tweets-feed-1, .bg--dark .tweets-feed-1 {
    border-color: rgba(255, 255, 255, 0.1)
    }
.imagebg .tweets-feed-1 li:not(:last-child), .bg--dark .tweets-feed-1 li:not(:last-child) {
    border-color: rgba(255, 255, 255, 0.1)
    }
.tweets-feed-2 .user {
    display: none
    }
.tweets-feed-2 .timePosted {
    display: none
    }
.tweets-feed-2 li {
    overflow: hidden
    }
.tweets-feed-2 li:before {
    font-family: "socicon";
    content: ""
    }
.tweets-feed-2 li .tweet {
    width: 85%;
    float: right
    }
.tweets-feed.slider .user img {
    display: inline-block;
    clear: both;
    margin-bottom: 0.928571em
    }
.tweets-feed.slider .user [data-scribe="element:name"] {
    display: none
    }
.tweets-feed.slider .user [data-scribe="element:screen_name"] {
    display: block;
    font-size: 1.357143em;
    line-height: 1.368421em;
    font-weight: normal
    }
.tweets-feed.slider .tweet {
    margin-top: 1.368421em;
    margin-bottom: 0.684211em;
    font-size: 1.357143em;
    line-height: 1.368421em
    }
.tweets-feed.slider .timePosted {
    margin: 0
    }
.tweets-feed.slider:not(:last-child) + .btn {
    margin-top: 2.785714em
    }
/*! -- Stack Instagram -- */
.instafeed a {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
.instafeed a:hover {
    opacity: 0.75
    }
.instafeed:not(.instafeed--gapless) li {
    padding: 0.464286em
    }
.instafeed.instafeed--gapless li {
    margin-bottom: -1px
    }
.instafeed + .btn {
    margin-top: 2.785714em
    }
.instafeed[data-grid="1"][data-amount="8"] li {
    display: inline-block;
    width: 12.5%
    }
.instagram {
    position: relative
    }
.instagram.unpad .btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    margin: 0
    }
/*! -- Stack Cards -- */
.card__top {
    position: relative;
    overflow: hidden
    }
.card__action a {
    color: #666;
    text-decoration: none;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
.card__action a i {
    color: #252525;
    font-size: 1em
    }
.card__action a span {
    position: relative;
    bottom: 2px
    }
.card__action a:not(:hover) {
    opacity: 0.5
    }
.card p a {
    text-decoration: none
    }
.masonry__item .card.boxed {
    margin-bottom: 0
    }
.card-1 .card__avatar {
    margin-bottom: 0.928571em
    }
.card-1 .card__avatar img {
    max-height: 2.785714em;
    margin-right: 0.464286em;
    margin-bottom: 0
    }
.card-1 .card__avatar, .card-1 .card__meta {
    display: inline-block
    }
.card-1 .card__meta {
    float: right
    }
.card-1 .card__body {
    border-bottom: 1px solid #ececec;
    padding-bottom: 0.928571em;
    margin-bottom: 0.928571em
    }
.card-1 .card__body img {
    margin-bottom: 0.928571em
    }
.card-1 .card__body h4 {
    margin-bottom: 0.342105em
    }
.bg--dark .card-1 .card__body {
    border-color: #3f3f3f
    }
@media all and (max-width: 767px) {
    .card .list-inline:not(.social-list) li {
        display: inline-block
        }
    .card .list-inline:not(.social-list) li:not(:first-child) {
        margin-left: 0.928571em
        }
    }
.card-2 .card__top img {
    border-radius: 6px 6px 0 0
    }
.card-2 .card__body {
    border-bottom: 1px solid #ececec;
    padding-bottom: 1.857143em
    }
.card-2 .card__body h4 {
    margin: 0
    }
.card-2 .card__body p {
    margin-top: 0.928571em
    }
.card-2 .card__bottom {
    overflow: hidden
    }
.card-2 .card__bottom > div {
    display: inline-block;
    width: 50%;
    float: left
    }
.card-2 .card__bottom .h6 {
    margin-bottom: 0.541667em
    }
.card-2 .card__body, .card-2 .card__bottom {
    padding: 1.857143em;
    border: 1px solid #ececec
    }
.card-2 .card__body {
    border-bottom: none;
    border-top: none
    }
.card-2 .card__bottom {
    border-radius: 0 0 6px 6px;
    padding: 0.928571em 1.857143em
    }
.card-2 .card__action i {
    font-size: 1.785714em
    }
.bg--dark .card-2 .card__body, .bg--dark .card-2 .card__bottom {
    border-color: #3f3f3f
    }
/*! -- Stack Checkmarks & Crosses -- */
.checkmark {
    display: inline-block;
    position: relative;
    width: 1.238095em;
    height: 1.238095em;
    border-radius: 50%;
    text-align: center
    }
.checkmark:not([class*="bg-"]) {
    background: #dcbb55
    }
.checkmark:before {
    content: "✓";
    color: #fff;
    font-size: 11px;
    position: absolute;
    width: 100%;
    left: 0;
    top: -4px
    }
.checkmark.checkmark--cross:before {
    content: "✗"
    }
.checkmark:not(:last-child) {
    margin-right: 13px
    }
/*! -- Stack Icons -- */
.icon:not(.block) {
    display: inline-block
    }
.icon.icon--xs {
    font-size: 1.142857em
    }
.text-block .icon + h4 {
    margin-top: 0.684211em
    }
.imagebg .icon {
    color: #fff
    }
p .material-icons {
    font-size: 1em
    }
p .material-icons:first-child {
    margin-right: 0.309524em
    }
.material-icons {
    font-family: "Material Icons" !important
    }
.icon-circle {
    position: relative;
    display: inline-block;
    width: 3.714286em;
    height: 3.714286em;
    border-radius: 50%;
    border: 1px solid #ececec;
    background: #fafafa;
    text-align: center
    }
.icon-circle i {
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    width: 100%;
    left: 0
    }
/*! -- Stack Tooltips -- */
.tooltip {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 1.238095em;
    height: 1.238095em;
    border-radius: 50%;
    background: #252525;
    text-align: center;
    cursor: pointer
    }
.tooltip .tooltip__anchor {
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    position: absolute;
    top: -5px;
    left: 6px
    }
.tooltip .tooltip__text {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    text-align: left;
    z-index: 10;
    position: absolute;
    width: 280px;
    background: #fafafa;
    border: 1px solid #ececec;
    padding: 0.619048em;
    left: 1.485714em;
    top: -0.928571em;
    opacity: 0;
    pointer-events: none;
    cursor: default;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
    line-height: 20px
    }
.tooltip:hover .tooltip__text {
    opacity: 1
    }
.tooltip:last-child {
    margin-left: 0.928571em
    }
[data-tooltip] {
    position: relative;
    overflow: visible
    }
[data-tooltip]:after {
    transition: all 0.2s ease;
    content: attr(data-tooltip);
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translatex(-50%);
    background: #252525;
    color: #fff;
    border: 1px solid #e7e7e7;
    padding: 2px 12px;
    pointer-events: none;
    white-space: nowrap;
    font-size: 11px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 2px;
    z-index: 2;
    font-family: "Open Sans"
    }
[data-tooltip]:not(:hover):after {
    opacity: 0
    }
/*! -- Stack Boxes -- */
.boxed {
    border-radius: 6px
    }
.boxed .background-image-holder {
    border-radius: 6px
    }
.boxed:before {
    border-radius: 6px
    }
.boxed:not(:last-child) {
    margin-bottom: 30px
    }
.boxed:not([class*="bg-"]) {
    background: #fff
    }
.boxed.bg--secondary .boxed {
    background: #fafafa
    }
@media all and (min-width: 768px) {
    .switchable .imagebg .boxed {
        padding-left: 5.571429em
        }
    }
.bg--dark .boxed:not([class*="bg-"]), .imagebg:not(.image--light) .boxed:not([class*="bg-"]) {
    background: none;
    color: #fff
    }
.bg--dark .boxed:not([class*="bg-"]).boxed--border, .imagebg:not(.image--light) .boxed:not([class*="bg-"]).boxed--border {
    border-color: #3f3f3f
    }
.bg--dark .boxed[class*="bg-"].boxed--border, .imagebg:not(.image--light) .boxed[class*="bg-"].boxed--border {
    border: none
    }
.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) {
    background: rgba(20, 20, 20, 0.3)
    }
.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none).boxed--border {
    border: none
    }
.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) .boxed {
    background: none
    }
.bg--primary .boxed:not(.imagebg) {
    color: #666
    }
.bg--primary .boxed:not(.imagebg) p {
    color: #666
    }
.bg--primary .boxed:not(.imagebg) h1, .bg--primary .boxed:not(.imagebg) h2, .bg--primary .boxed:not(.imagebg) h3, .bg--primary .boxed:not(.imagebg) h4, .bg--primary .boxed:not(.imagebg) h5, .bg--primary .boxed:not(.imagebg) h6, .bg--primary .boxed:not(.imagebg) .h1, .bg--primary .boxed:not(.imagebg) .h2, .bg--primary .boxed:not(.imagebg) .h3, .bg--primary .boxed:not(.imagebg) .h4, .bg--primary .boxed:not(.imagebg) .h5, .bg--primary .boxed:not(.imagebg) .h6, .bg--primary .boxed:not(.imagebg) i {
    color: #252525
    }
.bg--primary .boxed:not(.imagebg) a {
    color: #dcbb55
    }
.bg--primary .boxed:not(.imagebg) .color--primary {
    color: #dcbb55 !important
    }
@media all and (min-width: 768px) {
    .boxed.boxed--emphasis {
        transform: scale(1.075);
        -webkit-transform: scale(1.075)
        }
    }
/*! -- Stack Features Small -- */
.feature:not(.boxed) {
    margin-bottom: 60px
    }
.feature.feature--featured:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #dcbb55;
    left: 0
    }
.feature h5 {
    margin: 0
    }
.feature h4 {
    margin-bottom: 0.342105em
    }
.feature h4 + p {
    max-width: 22.285714em
    }
.feature i + h5 {
    margin-top: 1.857143em
    }
.feature i + h4 {
    margin-top: 0.684211em
    }
.feature i.icon--lg + h4 {
    margin-top: 1.368421em
    }
.feature i.icon--lg + .h5 {
    margin-top: 0.928571em
    }
.feature img + .boxed {
    border-radius: 0 0 6px 6px;
    border-top: none
    }
a.feature {
    display: block;
    text-decoration: none;
    font-weight: normal;
    color: #666
    }
a.feature img:first-child:not(:last-child) {
    margin-bottom: 0.928571em
    }
@media all and (max-width: 767px) {
    a.feature {
        margin-bottom: 0.928571em !important
        }
    }
.imagebg:not(.image--light) .feature.bg--white a:not(.btn) {
    color: #dcbb55
    }
.imagebg:not(.image--light) .feature.bg--white .label {
    color: #fff
    }
@media all and (max-width: 767px) {
    .feature .feature__body form .row {
        margin-left: 0;
        margin-right: 0
        }
    }
section.text-center .feature-6 h4 + p {
    margin: 0 auto
    }
@media all and (min-width: 768px) {
    .row div[class*="col-"]:nth-child(1):nth-last-child(3) .feature, .row div[class*="col-"]:nth-child(2):nth-last-child(2) .feature, .row div[class*="col-"]:nth-child(3):last-child .feature {
        margin-bottom: 0
        }
    }
a.block > .feature {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
a.block:hover > .feature {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04)
    }
.feature-1 {
    min-height: 11.142857em
    }
.feature-1 p {
    margin: 0
    }
.feature-1 p.lead {
    min-height: 5.052632em
    }
.feature-1 > img:first-child {
    border-radius: 6px 6px 0 0
    }
.feature-1 > a.block img {
    border-radius: 6px 6px 0 0
    }
.feature-1 > a.block + .feature__body {
    border-radius: 0 0 6px 6px
    }
.feature-1[class*="box-shadow"] {
    border-radius: 6px;
    transition: 0.35s ease-out;
    -webkit-transition: 0.35s ease-out;
    -moz-transition: 0.35s ease-out
    }
.feature-1[class*="box-shadow"]:hover {
    transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2)
    }
.hover-shadow {
    border-radius: 6px;
    backface-visibility: hidden;
    overflow: hidden;
    border: 1px solid #ececec;
    transition: 0.35s ease-out;
    -webkit-transition: 0.35s ease-out;
    -moz-transition: 0.35s ease-out
    }
.hover-shadow:hover {
    transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2)
    }
.bg--dark .hover-shadow {
    border-color: #222
    }
.bg--dark .hover-shadow:hover {
    box-shadow: 0 23px 40px #000
    }
.feature-2 {
    overflow: hidden
    }
.feature-2 .feature__body {
    width: 75%;
    float: right
    }
.feature-2 h5 {
    margin-bottom: 0.464286em
    }
.feature-2 p:last-child {
    margin: 0
    }
.feature-2 i {
    width: 25%;
    float: left
    }
.feature-large .feature-2 + .feature-2:last-child {
    margin-bottom: 0
    }
@media all and (max-width: 990px) {
    .feature-2 .feature__body, .feature-2 i {
        width: 100%;
        float: none
        }
    .feature-2 p:first-of-type {
        margin-top: 0.928571em
        }
    }
.feature-3 i {
    margin-bottom: 0.166667em
    }
.feature-3 p {
    min-height: 7.428571em
    }
.feature-4 .btn {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0;
    padding: 0.928571em
    }
.feature-4 .btn:hover {
    transform: none
    }
.feature-4 p {
    min-height: 9.285714em
    }
.feature-4 p:last-of-type {
    margin-bottom: 3.714286em
    }
.feature-5 i {
    width: 25%;
    float: left
    }
.feature-5 .feature__body {
    width: 75%;
    float: right
    }
.feature-5 p {
    min-height: 5.571429em
    }
.feature-5 p:last-of-type {
    margin-bottom: 0.928571em
    }
.feature-5:not([class*="bg-"]) {
    color: #252525
    }
.feature-6 p {
    min-height: 9.285714em
    }
.feature-6 p:last-child {
    margin: 0
    }
.feature-7 {
    height: 13em;
    margin-bottom: 30px
    }
.feature-7[data-overlay]:before {
    border-radius: 6px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
.feature-7[data-overlay]:hover:before {
    opacity: 0.75
    }
.feature-7 .background-image-holder {
    border-radius: 6px
    }
.feature-7 h3 {
    margin: 0
    }
.row--gapless .feature-7 {
    margin: 0;
    border-radius: 0
    }
.row--gapless .feature-7 .background-image-holder {
    border-radius: 0
    }
.row--gapless .feature-7:before {
    border-radius: 0
    }
@media all and (max-width: 767px) {
    .feature-7 .pos-vertical-center {
        top: 50%;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0)
        }
    }
.feature-8 {
    padding: 2.785714em 0 3.714286em 0
    }
.feature-8:not(.boxed) {
    margin-bottom: 0
    }
.feature-8 .feature__body {
    max-width: 70%;
    margin: 0 auto
    }
.feature-8 p {
    min-height: 5.571429em
    }
@media all and (max-width: 990px) {
    .feature-8 .feature__body {
        max-width: 85%
        }
    }
@media all and (max-width: 767px) {
    .feature p {
        min-height: auto;
        margin-left: auto;
        margin-right: auto
        }
    .feature.boxed {
        margin-bottom: 15px
        }
    .feature:not(.boxed) {
        margin-bottom: 30px
        }
    .feature.feature-8 {
        margin-bottom: 0
        }
    }
.feature-8 img {
    max-height: 14.857143em
    }
.feature-9 h4 {
    margin: 0
    }
.feature-9:not(.boxed) {
    margin-bottom: 30px
    }
@media all and (min-width: 768px) {
    .features-small-14 .text-block {
        margin-bottom: 3.714286em
        }
    .features-small-14 h4 {
        min-height: 2.736842em
        }
    }
/*! -- Stack Features Large -- */
@media all and (min-width: 768px) {
    .staggered div[class*="col-"]:nth-child(2):last-child {
        margin-top: 13em
        }
    .staggered div[class*="col-"]:nth-child(2):last-child:not(:last-child) {
        margin-bottom: 9.285714em
        }
    .staggered div[class*="col-"] .feature:not(:last-child) {
        margin-bottom: 9.285714em
        }
    }
.feature-large h4:first-child {
    margin-bottom: 0.684211em
    }
.feature-large .feature:not(.boxed) {
    margin-bottom: 30px
    }
.feature-large .feature-3.text-center p {
    margin: 0 auto
    }
.feature-large .lead + .feature-large__group {
    margin-top: 3.714286em
    }
.feature-large .feature-large__group {
    overflow: hidden
    }
.feature-large-1 .lead {
    margin-bottom: 2.736842em
    }
@media all and (min-width: 768px) {
    .feature-large-2 div[class*="col-"]:first-child {
        margin-top: 5.571429em
        }
    .feature-large-2 div[class*="col-"]:last-child {
        margin-top: 7.428571em
        }
    }
@media all and (max-width: 767px) {
    .feature-large-2 img {
        margin: 1.857143em 0
        }
    }
.feature-large-7.switchable .boxed div[class*="col-"]:only-child {
    float: none
    }
.feature-large-13 p.lead + .text-block {
    margin-top: 3.714286em
    }
.feature-large-13 div[class*="col-"] .text-block + .text-block {
    margin-top: 2.785714em
    }
@media all and (min-width: 1200px) {
    .feature-large-13:not(.text-center) .text-block p {
        max-width: 26em
        }
    }
.feature-large-14 h5 {
    margin-bottom: 0.464286em
    }
.feature-large-14 .boxed {
    margin-bottom: 0
    }
.feature-large-14 .boxed.boxed--border img {
    border-radius: 6px
    }
@media all and (min-width: 768px) {
    .feature-large-14.switchable .switchable__text {
        margin-top: 5.571429em
        }
    }
/*! -- Stack Accordions -- */
.accordion .accordion__title {
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    opacity: 0.5;
    margin-bottom: 0.928571em
    }
.accordion .accordion__title:hover {
    opacity: 1
    }
.accordion .accordion__title:before {
    font-family: "stack-interface";
    content: "";
    margin-right: 6px;
    color: #252525
    }
.accordion .accordion__title span {
    display: inline-block
    }
.accordion li.active {
    margin-bottom: 0.928571em
    }
.accordion li.active .accordion__title {
    opacity: 1
    }
.accordion li.active .accordion__title:before {
    content: ""
    }
.accordion li.active .accordion__content {
    animation: fadeUp 0.5s ease forwards;
    -webkit-animation: fadeUp 0.5s ease forwards
    }
.accordion-1 li.active .accordion__title {
    border-color: #dcbb55
    }
.accordion-1 li.active .accordion__title span {
    color: #fff
    }
.accordion-1 li.active .accordion__title:before {
    color: #fff
    }
.accordion-1 li .accordion__title {
    border-radius: 6px;
    border-bottom: 1px solid #ECECEC
    }
.accordion-2 li .accordion__title {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #ECECEC;
    padding-left: 0
    }
.accordion-2 li.active .accordion__title {
    background: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
    }
.bg--dark .accordion-2 li .accordion__title, .imagebg:not(.image--light) .accordion-2 li .accordion__title, .bg--primary .accordion-2 li .accordion__title, .bg--dark .accordion-1 li .accordion__title, .imagebg:not(.image--light) .accordion-1 li .accordion__title, .bg--primary .accordion-1 li .accordion__title {
    border-color: #4b4b4b
    }
.bg--dark .accordion-2 li .accordion__title:before, .imagebg:not(.image--light) .accordion-2 li .accordion__title:before, .bg--primary .accordion-2 li .accordion__title:before, .bg--dark .accordion-1 li .accordion__title:before, .imagebg:not(.image--light) .accordion-1 li .accordion__title:before, .bg--primary .accordion-1 li .accordion__title:before {
    color: #fff
    }
.imagebg:not(.image--light) .accordion li .accordion__title, .bg--primary .accordion li .accordion__title {
    border-color: rgba(255, 255, 255, 0.3)
    }
/*! -- Stack Tabs -- */
.tabs-container.tabs--vertical {
    overflow: hidden
    }
.tabs-container.tabs--vertical .tabs {
    width: 25%;
    float: left
    }
.tabs-container.tabs--vertical .tabs li {
    display: block
    }
.tabs-container.tabs--vertical .tabs li:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #ECECEC
    }
.tabs-container.tabs--vertical .tabs-content {
    width: 70%;
    float: right;
    margin-top: 0
    }
.tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
    animation: fadeOutUp 0.5s ease forwards;
    -webkit-animation: fadeOutUp 0.5s ease forwards
    }
.tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
    animation: fadeInUp 0.5s ease forwards;
    -webkit-animation: fadeInUp 0.5s ease forwards;
    backface-visibility: hidden
    }
.tabs-container.tabs--vertical.tabs--icons .tabs {
    width: 15%;
    text-align: center
    }
.tabs-container.tabs--vertical.tabs--icons .tabs-content {
    width: 80%
    }
@media all and (max-width: 767px) {
    .tabs-container.tabs--vertical .tabs, .tabs-container.tabs--vertical .tabs-content {
        width: 100%;
        float: none
        }
    .tabs-container.tabs--vertical .tabs {
        margin-bottom: 1.857143em
        }
    .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
        animation: fadeOutRight 0.5s ease forwards;
        -webkit-animation: fadeOutRight 0.5s ease forwards
        }
    .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
        animation: fadeInLeft 0.5s ease forwards;
        -webkit-animation: fadeInLeft 0.5s ease forwards;
        backface-visibility: hidden
        }
    }
.tabs {
    display: inline-block;
    border: 1px solid #ECECEC;
    border-radius: 6px;
    margin-bottom: 1.857143em
    }
.tabs li {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    padding: 0.928571em 1.857143em
    }
.tabs li:not(:last-child) {
    border-right: 1px solid #ECECEC
    }
.tabs li.active {
    opacity: 1
    }
.tabs li.active .tab__title {
    color: #dcbb55
    }
.tabs li.active .tab__title span {
    color: #dcbb55
    }
.tabs li:not(.active) {
    opacity: 0.5
    }
.tabs li:hover {
    opacity: 1;
    cursor: pointer
    }
.tabs .tab__title {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
.tabs .tab__title:not(.btn) {
    padding-right: 0;
    padding-left: 0
    }
.tabs .tab__title i + span {
    margin-top: 0.464286em;
    display: inline-block;
    margin-bottom: 0
    }
.bg--primary .tabs {
    border-color: #fff
    }
.bg--primary .tabs li.active .tab__title {
    color: #fff
    }
.bg--primary .tabs li.active .tab__title span {
    color: #fff
    }
.bg--primary .tabs li:not(:last-child) {
    border-color: #fff
    }
@media all and (min-width: 768px) {
    .tabs.tabs--spaced {
        margin-bottom: 3.714286em
        }
    }
.tabs-content {
    position: relative
    }
.tabs-content > li:not(.active) .tab__content {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    animation: fadeOutRight 0.5s ease forwards;
    -webkit-animation: fadeOutRight 0.5s ease forwards
    }
.tabs-content > li.active {
    animation: fadeInLeft 0.5s ease forwards;
    -webkit-animation: fadeInLeft 0.5s ease forwards;
    backface-visibility: hidden
    }
@media all and (max-width: 767px) {
    .tabs li {
        display: block
        }
    .tabs li:not(:last-child) {
        border-bottom: 1px solid #ECECEC;
        border-right: none
        }
    }
.tabs--folder .tabs {
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 6px 6px 0 0;
    border-bottom: none
    }
.tabs--folder .tabs > li {
    border-top: 3px solid rgba(0, 0, 0, 0)
    }
.tabs--folder .tabs > li.active {
    border-top: 3px solid #dcbb55
    }
.tabs--folder .tabs-content {
    overflow: hidden;
    position: relative;
    bottom: 8px;
    padding: 1.857143em;
    border: 1px solid #ECECEC;
    border-radius: 0 0 6px 6px
    }
.tabs--folder .tabs-content > li:not(.active) .tab__content {
    top: 1.857143em;
    left: 1.857143em
    }
.tabs--folder .tab__title .h5 {
    margin: 0;
    display: inline-block
    }
.tabs--folder .tab__title .label {
    position: relative;
    color: #fff !important;
    top: -2px;
    right: 0;
    margin-left: 0.464286em;
    min-width: 0
    }
/*! -- Stack Switchable Sections -- */
@media all and (min-width: 768px) {
    .switchable .container > .row {
        flex-flow: row-reverse
        }
    .switchable.switchable--switch .container > .row {
        flex-flow: row
        }
    }
.switchable .switchable__text {
    margin-top: 1.857143em
    }
.switchable [class*="col-"]:first-child .switchable__text {
    margin-bottom: 2.785714em
    }
.section--overlap .row {
    position: relative;
    margin-top: -13em
    }
@media all and (max-width: 990px) {
    .switchable .switchable__text {
        margin-top: 0
        }
    }
@media all and (max-width: 767px) {
    .switchable .switchable__text {
        margin-top: 1.857143em
        }
    .switchable .imageblock__content[class*="col-"] {
        float: none !important
        }
    .switchable .row > div[class*="col-"] {
        float: none !important
        }
    .switchable .row > div[class*="col-"]:last-child:not(:only-child) {
        margin-top: 1.857143em
        }
    }
/*! -- Stack CTA -- */
.cta .btn:first-child:not(:last-child) {
    margin-bottom: 1.857143em
    }
.cta.boxed:last-child {
    margin-bottom: 0
    }
@media all and (min-width: 768px) {
    .cta--horizontal h4, .cta--horizontal .lead, .cta--horizontal .btn {
        margin: 0
        }
    .cta--horizontal h4, .cta--horizontal .lead {
        position: relative;
        top: 4px
        }
    .bg--dark .cta-1 > div[class*="col-"]:last-child, .imagebg .cta-1 > div[class*="col-"]:last-child {
        border-left: none
        }
    }
@media all and (min-width: 1200px) {
    .cta-1.boxed--border {
        padding: 0
        }
    .cta-1 > div[class*="col-"] {
        padding: 1.238095em 15px
        }
    .cta-1 > div[class*="col-"]:last-child {
        border-left: 1px solid #ECECEC
        }
    }
@media all and (max-width: 990px) {
    .cta-1 {
        text-align: center
        }
    .cta-1 > div[class*="col-"] {
        padding-left: 0;
        padding-right: 0
        }
    .cta-1 > div[class*="col-"]:not(:last-child) {
        margin-bottom: 0.928571em
        }
    .cta-1 > div[class*="col-"]:last-child {
        margin-top: 1.857143em
        }
    }
@media all and (max-width: 767px) {
    .cta .lead {
        margin: 1.368421em 0
        }
    }
.cta-2 {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
.cta-2 h2 {
    margin: 1.575758em 0
    }
.cta-2.bg--primary:hover {
    background: #dfc062
    }
.cta-2:hover {
    background: #fff
    }
@media all and (min-width: 768px) {
    .cta-3 .switchable__text {
        margin-top: 5.571429em
        }
    }
/*! -- Stack Videos -- */
.video-play-icon:before {
    border-color: transparent transparent transparent #252525;
    margin-top: -3px
    }
.modal-instance .video-play-icon + span {
    position: relative;
    display: inline-block;
    margin-left: 0.928571em;
    white-space: nowrap;
    bottom: 22px
    }
.modal-instance .video-play-icon.video-play-icon--xs + span {
    bottom: 8px;
    margin-left: 0.464286em
    }
.video-cover {
    background: #252525
    }
.video-cover.border--round {
    overflow: hidden
    }
.video-cover.border--round iframe {
    border-radius: 6px
    }
.video-cover:not(:last-child) {
    margin-bottom: 1.857143em
    }
.video-cover + span.h4 + span {
    display: inline-block;
    margin-left: 0.928571em
    }
@media all and (min-width: 1025px) {
    .video-cover .video-play-icon {
        transition: 0.2s ease-out;
        -webkit-transition: 0.2s ease-out;
        -moz-transition: 0.2s ease-out
        }
    .video-cover .video-play-icon:hover {
        box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
        transform: translate3d(-50%, -52%, 0);
        -webkit-transform: translate3d(-50%, -52%, 0)
        }
    }
.imagebg .video-cover .video-play-icon {
    z-index: 10
    }
@media all and (min-width: 768px) {
    h2 + .video-cover {
        margin-top: 3.714286em
        }
    }
@media all and (min-width: 768px) {
    .video-1 .video-play-icon {
        margin-right: 1.857143em
        }
    .video-1 h2 {
        display: inline-block;
        position: relative;
        bottom: 14px
        }
    div[class*="col-sm-6"] .video-1 h2 {
        bottom: 0;
        display: block
        }
    div[class*="col-sm-6"] .video-1 .video-play-icon {
        margin-bottom: 0.464286em
        }
    }
.video-1 h2 {
    margin: 0
    }
.imageblock__content .modal-instance {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0)
    }
/*! -- Stack Modals -- */
.modal-container .modal-content:not(.height--natural) {
    height: auto;
    width: auto
    }
.modal-instance:not(.block) {
    display: inline-block
    }
.modal-instance.block > .btn {
    display: block
    }
@media all and (min-width: 768px) {
    .modal-instance + span:last-child {
        display: inline-block;
        margin-left: 0.928571em
        }
    }
.modal-container .modal-content {
    max-height: 95%;
    transform: translatex(-50%) translatey(-50%);
    -webkit-transform: translatex(-50%) translatey(-50%)
    }
.modal-container .modal-content .feature:only-child {
    margin-bottom: 0
    }
.modal-container .modal-content .feature:only-child .boxed {
    margin-bottom: 0
    }
.modal-container .modal-content .imagebg:not(.image--light) .modal-close-cross:before {
    color: #fff
    }
.modal-container .modal-content .container {
    width: 100vw
    }
@media all and (max-width: 767px) {
    .modal-container .modal-content > .modal-close-cross {
        top: 3em;
        background: #222;
        width: 2em;
        height: 2em;
        text-align: center;
        border-radius: 50%;
        color: #fff
        }
    .modal-container:not(.modal-active) .modal-content {
        display: none
        }
    }
.modal-content {
    -ms-overflow-style: none
    }
.modal-content::-webkit-scrollbar {
    display: none
    }
/*! -- Stack Notifications -- */
.notification {
    margin: 1.857143em;
    box-shadow: none
    }
.notification:not([class*="bg--"]) {
    background: none
    }
.notification > .boxed {
    margin: 0
    }
.notification > .feature, .notification .feature__body {
    margin-bottom: 0
    }
.search-box {
    width: 100%;
    margin: 0;
    padding: 1.857143em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04)
    }
.search-box.notification--reveal {
    z-index: 9999
    }
.search-box .notification-close-cross {
    top: 2.321429em;
    right: 1.857143em
    }
.notification-close-cross.notification-close-cross--circle {
    background: #222;
    width: 2em;
    height: 2em;
    text-align: center;
    border-radius: 50%;
    color: #fff
    }
/*! -- Stack Loader -- */
.loader {
    border: 3px solid #dcbb55;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: fixed;
    z-index: 10;
    top: 50%;
    width: 30px;
    animation: pulsate 0.7s ease-out infinite
    }
.loader.loader--fade {
    opacity: 0;
    animation: none
    }
@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
        } 50% {
        opacity: 1;
        } 100% {
        transform: scale(1.2);
        opacity: 0;
        }
    }
/*! -- Stack Lightboxes -- */
.lb-close {
    position: relative;
    top: 10px
    }
.lb-close:before {
    content: "×";
    color: #fff;
    font-size: 2.5em;
    font-weight: 400
    }
.lb-close:hover {
    text-decoration: none
    }
.lb-prev:after, .lb-next:after {
    font-family: "stack-interface";
    position: fixed
    }
.lb-prev:after {
    content: "";
    left: 1.857143em
    }
.lb-next:after {
    content: "";
    right: 1.857143em
    }
.lb-data {
    overflow: hidden;
    min-height: 30px
    }
a[data-lightbox] {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
a[data-lightbox]:hover {
    opacity: 0.8;
    cursor: zoom-in
    }
/*! -- Stack Covers -- */
.cover .typed-headline {
    margin-bottom: 3.714286em
    }
.cover .typed-headline .type--bold {
    font-weight: 400
    }
.cover .triptych {
    margin-top: 3.714286em
    }
.cover .btn + .modal-instance {
    margin-top: 1.857143em
    }
.cover h3 + form, .cover .h3 + form {
    margin-top: 2.785714em
    }
.cover .lead + .boxed {
    margin-top: 3.714286em
    }
.cover.unpad--bottom {
    overflow: hidden
    }
.cover .modal-instance.block:not(:first-child):not(:last-child) {
    margin: 2.785714em 0
    }
.cover .pos-bottom {
    margin-bottom: 1.857143em
    }
@media all and (min-width: 768px) {
    .cover .row .row:last-child {
        margin-top: 5.571429em
        }
    }
@media all and (max-width: 767px) {
    .cover .pos-bottom.pos-absolute {
        position: relative;
        margin-top: 1.857143em
        }
    }
@media all and (max-width: 990px) {
    .cover .mt--3 {
        margin-top: 0
        }
    }
@media all and (min-width: 768px) {
    .cover .triptych {
        margin-top: 7.428571em
        }
    }
.cover-fullscreen {
    min-height: 100vh
    }
.cover-fullscreen.slider[data-paging="true"] .slides .flickity-slider > li {
    height: 100vh
    }
.cover-fullscreen.slider[data-paging="true"] .pos-bottom {
    bottom: 5.571429em;
    width: 100%
    }
.cover-fullscreen.slider[data-paging="true"] h4 {
    margin: 0
    }
.cover-slider {
    overflow: hidden
    }
.cover-slider .slider {
    position: relative;
    width: 100%;
    pointer-events: none
    }
.cover-slider .slider:nth-child(1) {
    transform: translatey(-30%)
    }
.cover-slider .slider:nth-child(2) {
    transform: translatey(-25%)
    }
.cover-slider .slider:nth-child(3) {
    transform: translatey(-20%)
    }
.cover-slider .slider .slide {
    opacity: 0.05
    }
.cover-slider .typed-headline {
    margin: 0
    }
.cover-slider .typed-headline + .btn {
    margin-top: 0.928571em
    }
.cover-slider .slider-container {
    transform: rotatez(-30deg) translatey(-10%);
    -webkit-transform: rotatez(-30deg) translatey(-10%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
    }
@media all and (min-width: 768px) {
    .cover-slider + .cta-4 {
        position: absolute;
        background: none;
        color: #fff;
        border-bottom: none !important;
        width: 100%;
        transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0)
        }
    .cover-slider + .cta-4 a {
        color: #fff;
        font-weight: 600
        }
    }
.cover-features.space--lg {
    padding-bottom: 3.714286em
    }
.cover-features .row:nth-child(2) {
    margin-top: 11.142857em
    }
@media all and (max-width: 767px) {
    .cover-features.space--lg {
        padding-bottom: 1.857143em
        }
    .cover-features .row:nth-child(2) {
        margin-top: 3.714286em
        }
    }
/*! -- Stack Processes -- */
.process-1 {
    padding: 3.714286em 0;
    position: relative;
    overflow: hidden
    }
.process-1 .process__item {
    width: 50%
    }
.process-1 .process__item:not(:last-child) {
    margin-bottom: 1.857143em
    }
.process-1:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    left: 50%;
    top: 0;
    background: #dcbb55
    }
.process__item {
    position: relative
    }
.process__item:after {
    content: "";
    width: 1.857143em;
    height: 1.857143em;
    background: #fff;
    border: 2px solid #dcbb55;
    border-radius: 50%;
    position: absolute;
    top: 0;
    margin-left: 1px
    }
@media all and (min-width: 768px) {
    .process-1 .process__item:nth-child(odd) {
        text-align: right;
        padding-right: 3.714286em
        }
    .process-1 .process__item:nth-child(odd):after {
        right: -0.928571em
        }
    .process-1 .process__item:nth-child(even) {
        margin-left: 50%;
        padding-left: 3.714286em
        }
    .process-1 .process__item:nth-child(even):after {
        left: -0.928571em
        }
    }
@media all and (max-width: 767px) {
    .process-1:before, .process-2:before {
        left: 0.928571em
        }
    .process-1 .process__item, .process-2 .process__item {
        width: 100%;
        padding-left: 3.714286em
        }
    .process-1 .process__item:after, .process-2 .process__item:after {
        left: 0
        }
    }
.bg--dark .process-1:before, .imagebg .process-1:before, .bg--dark .process-2:before, .imagebg .process-2:before {
    background: #fff
    }
.bg--dark .process-1 .process__item:after, .imagebg .process-1 .process__item:after, .bg--dark .process-2 .process__item:after, .imagebg .process-2 .process__item:after {
    background: #fff
    }
.bg--dark .process-1 .process__item:after, .bg--dark .process-2 .process__item:after {
    border-color: #252525
    }
.process-2 {
    position: relative
    }
.process-2 .process__item {
    padding-top: 3.714286em
    }
.process-2 .process__item:after {
    display: inline-block;
    text-align: center
    }
.process-2:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    top: 0.928571em;
    left: 0;
    background: #dcbb55
    }
@media all and (max-width: 767px) {
    .process-2:before {
        height: 100%;
        width: 2px;
        left: 1.857143em;
        margin-left: 2px
        }
    .process-2 .process__item:after {
        top: 3.714286em
        }
    }
.process-3 {
    list-style: none;
    position: relative
    }
.process-3 li {
    position: relative;
    z-index: 1;
    overflow: hidden
    }
.process-3 li .process__number {
    float: left;
    width: 15%;
    width: 3.714286em;
    height: 3.714286em;
    border-radius: 50%;
    border: 2px solid #dcbb55;
    background: #fff;
    text-align: center
    }
.process-3 li .process__number span {
    font-size: 1.357143em;
    font-weight: bold;
    color: #dcbb55;
    position: relative;
    top: 12px
    }
.process-3 li .process__body {
    width: 80%;
    float: right
    }
.process-3 li .process__body h4 {
    margin-bottom: 0.342105em
    }
.process-3 li:not(:last-child) {
    margin-bottom: 3.714286em
    }
.process-3:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: 1.857143em;
    top: 0;
    border-left: 1px dashed #ddd
    }
.bg--dark .process-3 li .process__number {
    background: #252525
    }
.bg--dark .process-3:before {
    border-color: #aaa
    }
.process-stepper > li {
    transition: all 0.3s ease;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative
    }
.process-stepper > li:before {
    transition: all 0.3s ease;
    content: "";
    width: 0.928571em;
    height: 0.928571em;
    background: #ccc;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.928571em
    }
.process-stepper > li:after {
    transition: all 0.3s ease;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    background: #ccc;
    top: 5px;
    left: 0
    }
.process-stepper > li:first-child:after, .process-stepper > li:last-child:after {
    width: 50%
    }
.process-stepper > li:first-child:after {
    left: 50%
    }
.process-stepper > li.active:before, .process-stepper > li.active:after {
    background: #dcbb55
    }
.process-stepper > li > span {
    cursor: default
    }
.process-stepper[data-process-steps="6"] > li {
    width: 16.666667%
    }
.process-stepper[data-process-steps="5"] > li {
    width: 20%
    }
.process-stepper[data-process-steps="4"] > li {
    width: 25%
    }
.process-stepper[data-process-steps="3"] > li {
    width: 33.333333%
    }
.process-stepper[data-process-steps="2"] > li {
    width: 50%
    }
.bg--dark .process-stepper li:not(.active):before, .bg--dark .process-stepper li:not(.active):after {
    background: #585858
    }
/*! -- Stack Typed Text -- */
span + .typed-text.h2 {
    margin-left: 4px
    }
span + .typed-text.h1 {
    margin-left: 6px
    }
@media all and (max-width: 767px) {
    .typed-text {
        display: block
        }
    .typed-headline {
        margin-bottom: 1.857143em
        }
    .typed-headline h1, .typed-headline .h1 {
        margin-bottom: 0
        }
    }
/*! -- Stack Forms -- */
form:before, form:after {
    content: ""
    }
.bg--dark input, .imagebg:not(.image--light) input, .bg--dark textarea, .imagebg:not(.image--light) textarea, .bg--dark select, .imagebg:not(.image--light) select, .bg--dark .input-select:after, .imagebg:not(.image--light) .input-select:after {
    color: #666
    }
.bg--dark label, .imagebg:not(.image--light) label {
    color: #fff
    }
.bg--dark form.attempted-submit input.field-error {
    background: #D84D4D;
    color: #fff
    }
form {
    position: relative
    }
form > div[class*="col-"]:not(:last-child), form > .row > div[class*="col-"]:not(:last-child) {
    margin-bottom: 0.928571em
    }
form .boxed:last-child {
    margin: 0
    }
form.form--clearfix {
    margin-left: -15px
    }
@media all and (min-width: 768px) {
    div[class*="col-"] > form div[class*="col-"]:last-child:nth-child(2) {
        padding-right: 0
        }
    div[class*="col-"] > form div[class*="col-"]:first-child:nth-last-child(2) {
        padding-left: 0
        }
    form.form--horizontal > div[class*="col-"] {
        margin: 0
        }
    }
@media all and (max-width: 767px) {
    .row form > .row {
        margin-left: 0;
        margin-right: 0
        }
    }
h2 + form, .h2 + form {
    margin-top: 2.785714em
    }
h3 + form, .h3 + form, .lead + form {
    margin-top: 2.785714em
    }
.cover .lead + form {
    margin-top: 3.714286em
    }
form + span.type--fine-print {
    margin-top: 1.083333em;
    display: inline-block
    }
.form--inline > span.h4 {
    color: #666
    }
.form--inline input, .form--inline [class*="input-"] {
    display: inline-block;
    max-width: 200px
    }
.form--inline > span:not(:last-child), .form--inline input:not(:last-child), .form--inline [class*="input-"]:not(:last-child) {
    margin-right: 0.928571em
    }
.form--inline button {
    max-width: 200px
    }
.bg--dark .form--inline > span.h4, .imagebg:not(.image--light) .form--inline > span.h4 {
    color: #fff
    }
button, input[type="submit"] {
    height: 3.25em
    }
button.btn, input[type="submit"].btn {
    font-size: 0.857143em;
    font-weight: 700;
    padding-left: 0;
    padding-right: 0
    }
button.btn.btn--primary, input[type="submit"].btn.btn--primary {
    color: #fff
    }
button.btn.type--uppercase, input[type="submit"].btn.type--uppercase {
    letter-spacing: 0.5px;
    margin-right: -0.5px
    }
button.checkmark.checkmark--cross, input[type="submit"].checkmark.checkmark--cross {
    width: 1.857143em;
    height: 1.857143em;
    border: none;
    background: #e23636
    }
button.checkmark.checkmark--cross:before, input[type="submit"].checkmark.checkmark--cross:before {
    content: "×";
    font-size: 18px;
    top: -1px
    }
button[type="submit"].btn--loading:after, input[type="submit"][type="submit"].btn--loading:after {
    background: #dcbb55
    }
.bg--primary button.btn {
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff
    }
.bg--primary button.btn:hover {
    border-color: #fff
    }
.bg--primary button.btn.btn--primary {
    color: #dcbb55;
    border-color: #dcbb55
    }
.bg--primary button.btn.btn--primary-1 {
    border-color: #3d4950
    }
input, select {
    height: 2.785714em
    }
input.field-error {
    border-color: #EBA8A8
    }
input[type] + input[type], input[type] + .input-checkbox, input[type] + button, input[type] + .input-select {
    margin-top: 0.928571em
    }
input, [class*="input-"] label, select, textarea {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
input:not([class*="col-"]), select:not([class*="col-"]), .input-select:not([class*="col-"]), textarea:not([class*="col-"]), button[type="submit"]:not([class*="col-"]) {
    width: 100%
    }
input[type], select, textarea {
    padding-left: 0.928571em
    }
input[type]:focus, select:focus, textarea:focus {
    border-color: #e5cc7f
    }
input[type="image"] {
    border: none;
    padding: none;
    width: auto
    }
label {
    font-size: 0.857143em
    }
.bg--primary label, .bg--primary-1 label {
    color: #fff
    }
.input-icon i {
    top: 8px;
    left: 8px
    }
.input-icon input {
    padding-left: 2.785714em
    }
.input-icon.input-icon--right i {
    left: auto;
    right: 8px
    }
.input-icon.input-icon--right input {
    padding-right: 2.785714em;
    padding-left: 0.928571em
    }
.text-center .input-checkbox label, .text-center .input-radio label {
    margin: 0 auto
    }
.input-checkbox label, .input-radio label {
    font-size: 1em
    }
.input-checkbox {
    margin-top: 0.464286em
    }
.input-checkbox.field-error label {
    border-color: #EBA8A8
    }
.input-checkbox label {
    background: none;
    border: 1px solid #d3d3d3;
    text-align: center;
    position: relative
    }
.input-checkbox label:not(:last-child) {
    margin-right: 0.464286em
    }
.input-checkbox label:hover {
    border-color: #dcbb55
    }
.input-checkbox label:before {
    content: "";
    left: 0;
    border-radius: 6px;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #dcbb55;
    opacity: 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
.input-checkbox input:checked + label {
    border-color: #dcbb55;
    background: #dcbb55
    }
.input-checkbox input:checked + label:after {
    content: "L";
    transform: rotatey(180deg) rotatez(-45deg);
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: -2px;
    font-weight: 700
    }
.input-checkbox input:checked + label:before {
    animation: pulse 0.45s ease forwards;
    -webkit-animation: pulse 0.45s ease forwards
    }
.input-checkbox + span {
    display: inline-block;
    position: relative;
    bottom: 10px;
    margin-left: 0.928571em;
    font-size: 0.857143em;
    white-space: nowrap
    }
.input-checkbox + button[type] {
    margin-top: 0.928571em
    }
.input-checkbox + span + button[type] {
    margin-top: 0.928571em
    }
.bg--dark .input-checkbox:not(.checked) label {
    border-color: #a5a5a5
    }
.bg--dark .input-checkbox + span {
    opacity: 0.75
    }
.input-checkbox.input-checkbox--switch label {
    width: 3.714286em;
    border-radius: 60px
    }
.input-checkbox.input-checkbox--switch label:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border-color: #d3d3d3;
    opacity: 1;
    left: 2px;
    top: 2px
    }
.input-checkbox.input-checkbox--switch label:hover:before {
    border-color: #dcbb55
    }
.input-checkbox.input-checkbox--switch input:checked + label {
    background: none
    }
.input-checkbox.input-checkbox--switch input:checked + label:before {
    animation: none !important;
    background: #dcbb55;
    border-color: #dcbb55;
    transform: translatex(1.857143em)
    }
.input-checkbox.input-checkbox--switch input:checked + label:after {
    display: none
    }
.input-radio.field-error label {
    border-color: #EBA8A8
    }
.input-radio .input__label {
    font-size: 0.857143em;
    display: inline-block
    }
.input-radio .input__label + label {
    margin-top: 0.928571em
    }
.input-radio label {
    position: relative;
    background: none;
    border: 1px solid #d3d3d3
    }
.input-radio label:hover {
    border-color: #dcbb55
    }
.input-radio label:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #dcbb55;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    opacity: 0;
    left: 0
    }
.input-radio input:checked + label {
    border-color: #dcbb55;
    background-color: #dcbb55
    }
.input-radio input:checked + label:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 7px;
    top: 7px;
    background-color: #fff;
    border-radius: 50%
    }
.input-radio input:checked + label:before {
    animation: pulse 0.4s ease forwards
    }
.input-radio--innerlabel label {
    transition: all 0.3s ease;
    height: 2.785714em;
    line-height: 2.507143em;
    padding: 0 0.928571em;
    border: 1px solid #ececec;
    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    text-align: center
    }
.input-radio--innerlabel:hover {
    border-color: #dcbb55
    }
.input-radio--innerlabel input:checked + label {
    border-color: #dcbb55;
    background: #dcbb55;
    color: #fff
    }
.input-radio--innerlabel input:checked + label:after {
    display: none
    }
.input-radio--innerlabel input:checked + label:before {
    animation: none
    }
@media all and (max-width: 1024px) {
    .input-radio input:checked + label:after {
        top: 6px;
        left: 6px
        }
    }
.bg--primary .input-radio--innerlabel {
    border-color: #e5cc7f
    }
.bg--primary .input-radio--innerlabel:hover {
    border-color: #fff
    }
.bg--primary .input-radio--innerlabel.checked {
    background: #fff;
    border-color: #fff
    }
.bg--primary .input-radio--innerlabel.checked label {
    color: #dcbb55
    }
.bg--primary-1 .input-radio--innerlabel {
    border-color: #53636d
    }
.bg--primary-1 .input-radio--innerlabel:hover {
    border-color: #fff
    }
.bg--primary-1 .input-radio--innerlabel.checked {
    background: #fff;
    border-color: #fff
    }
.bg--primary-1 .input-radio--innerlabel.checked label {
    color: #3d4950
    }
.input-select {
    position: relative
    }
.input-select select {
    -moz-appearance: none;
    -webkit-appearance: none
    }
.input-select select::-ms-expand {
    display: none
    }
.input-select:not(:last-child) {
    margin-bottom: 0.928571em
    }
.input-select:after {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    font-size: 30px;
    content: "≣";
    pointer-events: none;
    padding: 0 13px;
    border-left: 1px solid #ececec;
    line-height: 31px
    }
.input-select.input-select--borderless:after {
    border-left: none
    }
.input-select:focus:after {
    border-color: #dcbb55
    }
.input-select select:focus {
    border-color: #dcbb55
    }
.input-number {
    position: relative
    }
.input-number > input[type="number"] {
    padding-left: 0.464286em;
    -moz-appearance: textfield;
    width: 100%;
    text-align: center
    }
.input-number > input[type="number"]::-webkit-inner-spin-button {
    display: none
    }
.input-number .input-number__controls {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    padding: 0 0.928571em
    }
.input-number .input-number__controls > span {
    position: absolute;
    display: block;
    width: 10%;
    min-width: 3.714286em;
    height: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    padding-top: 6px;
    transition: all 0.3s ease
    }
.input-number .input-number__controls > span:hover {
    color: #dcbb55
    }
.input-number .input-number__controls .input-number__increase {
    right: 0;
    border-left: 1px solid #ececec
    }
.input-number .input-number__controls .input-number__decrease {
    left: 0;
    border-right: 1px solid #ececec
    }
input[type="image"] {
    padding: 0;
    width: auto;
    border: none
    }
/*! -- Stack Subscribe Forms -- */
.subscribe-form-1 h3 {
    margin-bottom: 0.52em
    }
.subscribe-form-1.boxed form {
    margin: 1.857143em
    }
@media all and (min-width: 991px) {
    .subscribe-form-2 p {
        top: 2px;
        position: relative
        }
    .subscribe-form-2 input {
        margin: 0
        }
    .subscribe-form-2 form [class*="col-"] {
        margin: 0 !important
        }
    }
@media all and (max-width: 990px) {
    .subscribe-form-2 {
        text-align: center
        }
    .subscribe-form-2 form {
        margin-top: 1.857143em
        }
    }
/*! -- Stack Elaborate Forms -- */
@media all and (max-width: 767px) {
    .elaborate-form-1 .pos-vertical-center {
        padding-left: 15px;
        padding-right: 15px
        }
    .elaborate-form-1 form .col-xs-6:nth-child(even) {
        padding-left: 15px
        }
    .elaborate-form-1 form .col-xs-6:nth-child(odd) {
        padding-right: 15px
        }
    .elaborate-form-1 .row form > .row {
        margin-left: -15px;
        margin-right: -15px
        }
    }
/* Stack Boxed Forms */
.boxed-form h4 {
    margin-bottom: 0.684211em
    }
.boxed-form:last-child {
    margin-bottom: 0
    }
/* Stack Datepicker Form */
.datepicker {
    cursor: pointer
    }
.datepicker.datepicker--fluid + .picker {
    max-width: none
    }
.picker {
    transition: all 0.3s ease;
    z-index: 10;
    max-width: 100%;
    -webkit-transition: all 0.3s ease;
    margin-top: 0.464286em;
    position: absolute;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: 0.928571em;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2)
    }
.picker .picker__header {
    text-align: center;
    margin-bottom: 0.928571em
    }
.picker .picker__header > div {
    font-weight: 600;
    display: inline-block;
    color: #252525
    }
.picker .picker__header > div:not(:last-child) {
    margin-right: 0.464286em
    }
.picker .picker__header .picker__nav--prev, .picker .picker__header .picker__nav--next {
    height: 10px;
    width: 10px;
    cursor: pointer
    }
.picker .picker__header .picker__nav--prev:after, .picker .picker__header .picker__nav--next:after {
    font-family: "stack-interface"
    }
.picker .picker__header .picker__nav--next {
    float: right
    }
.picker .picker__header .picker__nav--next:after {
    content: ""
    }
.picker .picker__header .picker__nav--prev {
    float: left
    }
.picker .picker__header .picker__nav--prev:after {
    content: ""
    }
.picker .picker__day {
    transition: all 0.3s ease;
    cursor: pointer
    }
.picker .picker__day.picker__day--highlighted {
    color: #dcbb55;
    font-weight: 600
    }
.picker .picker__day:hover {
    color: #dcbb55
    }
.picker:not(.picker--opened) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(0)
    }
.picker .picker__holder {
    outline: none !important;
    border: none !important
    }
.picker table td {
    padding: 0.464286em;
    padding-top: 0
    }
.picker .picker__footer {
    text-align: center
    }
.picker .picker__button--today {
    float: left
    }
.picker .picker__button--close {
    float: right
    }
.picker button {
    transition: all 0.3s ease;
    height: auto;
    border: none;
    display: inline-block
    }
.picker button:not(:hover) {
    opacity: 0.5
    }
/* Stack Horizontal Forms */
.form-horizontal {
    display: flex
    }
.form-horizontal > div[class*="col-"], .form-horizontal > div[class*="col-"]:not(:last-child) {
    margin-bottom: 0;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
    }
.form-horizontal .picker {
    top: 100%
    }
@media all and (max-width: 990px) {
    .form-horizontal {
        display: block
        }
    label {
        margin-top: 0.464286em
        }
    button {
        margin-top: 1.857143em
        }
    }
/*! -- Stack Sliders -- */
.flickity-prev-next-button {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    border-radius: 0;
    background: #252525;
    width: 2.785714em;
    height: 5.571429em
    }
.flickity-prev-next-button:not(:hover) {
    opacity: 0.5
    }
.flickity-prev-next-button:hover {
    background: #252525
    }
.flickity-prev-next-button.previous {
    left: 0
    }
.flickity-prev-next-button.next {
    right: 0
    }
.flickity-prev-next-button:before {
    color: #fff
    }
.slider.slider--inline-arrows .flickity-prev-next-button {
    background: none
    }
.slider.slider--inline-arrows .flickity-prev-next-button:before {
    font-size: 1.785714em;
    color: #252525;
    content: ""
    }
.slider.slider--inline-arrows .flickity-prev-next-button.previous:before {
    content: ""
    }
.slider.slider--columns .previous {
    left: 15px
    }
.slider.slider--columns .next {
    right: 15px
    }
.slider.border--round .slides li {
    border-radius: 6px;
    overflow: hidden
    }
.slider.boxed--border .slides li {
    border: 1px solid #ececec
    }
.slider .slides li .feature:not(.feature-9) {
    margin-bottom: 0
    }
.slide .boxed:last-child {
    margin-bottom: 0
    }
.slide:not([class*="col-"]) > img:only-child {
    width: 100%
    }
.bg--dark .slider.slider--inline-arrows .flickity-prev-next-button:before, .bg--primary .slider.slider--inline-arrows .flickity-prev-next-button:before, .imagebg:not(.image--light) .slider.slider--inline-arrows .flickity-prev-next-button:before {
    color: #fff
    }
@media all and (max-width: 990px) {
    .flickity-prev-next-button {
        display: none
        }
    }
@media all and (min-width: 768px) {
    h2 + .slider, .h2 + .slider {
        margin-top: 3.714286em
        }
    }
.slider.slider--ken-burns:not(.parallax) .slide.is-selected > .background-image-holder, .slider.slider--ken-burns:not(.parallax) .slide.is-selected > img:only-child {
    animation: kenBurns 15s ease alternate infinite;
    -webkit-animation: kenBurns 15s ease alternate infinite
    }
.radial {
    margin-left: auto;
    margin-right: auto
    }
.radial .radial__label {
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease
    }
.radial:not(.radial--active) .radial__label {
    opacity: 0
    }
.radial:not(:last-child) {
    margin-bottom: 1.857143em
    }
@media all and (max-width: 767px) {
    .radial {
        margin-bottom: 1.857143em
        }
    }
/*! -- Stack Pricing -- */
.pricing {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    position: relative
    }
.pricing h3:first-child {
    margin: 0
    }
.pricing .label {
    top: 2.785714em;
    right: 2.785714em
    }
.pricing .h2 {
    margin-bottom: 0.393939em
    }
.pricing ul li:not(:last-child) {
    margin-bottom: 0.464286em
    }
.pricing ul li .checkmark + span {
    position: relative;
    bottom: 3px
    }
.pricing:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04)
    }
.pricing .h1 {
    font-size: 4.214286em;
    line-height: 1.101695em;
    margin-bottom: 0.220339em
    }
.pricing .h1 .pricing__dollar {
    font-size: 0.510204em;
    position: relative;
    bottom: 20px
    }
.pricing .feature-6 p {
    min-height: 5.571429em
    }
.pricing-1 .btn:last-child {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0 0 6px 6px;
    padding: 0.928571em 0;
    margin: 0
    }
.pricing-1 .btn:last-child:hover {
    transform: none !important
    }
.pricing-1 ul {
    margin-bottom: 5.571429em
    }
.pricing-1 p {
    min-height: 5.571429em
    }
.pricing-1 p:first-of-type {
    margin-top: 1.857143em
    }
.pricing-1 p:last-of-type {
    margin-bottom: 5.571429em
    }
.pricing-1 img + p:first-of-type {
    margin-top: 0
    }
@media all and (min-width: 991px) {
    .pricing-2 ul:first-child {
        margin-top: 4.642857em
        }
    }
@media all and (max-width: 990px) {
    .pricing-2 {
        text-align: center
        }
    .pricing-2 ul:first-child {
        margin-top: 1.857143em
        }
    }
.pricing-3 {
    border: 1px solid #ececec;
    border-radius: 6px
    }
.pricing-3 .pricing__head {
    margin: 0;
    border-bottom: 1px solid #ececec
    }
.pricing-3 .pricing__head + .btn {
    display: block;
    border-radius: 0;
    padding: 0.928571em 0
    }
.pricing-3 ul {
    border-radius: 0 0 6px 6px
    }
.pricing-3 ul li {
    padding: 0.928571em 0
    }
.pricing-3 ul li:not(:last-child) {
    border-bottom: 1px solid #ececec;
    margin: 0
    }
.pricing-3 ul:last-child {
    margin: 0
    }
@media all and (max-width: 990px) {
    .pricing-3 {
        margin-bottom: 1.857143em
        }
    }
@media all and (min-width: 768px) {
    .pricing-section-1 .pricing:not(.boxed--emphasis) {
        left: 0.928571em
        }
    .pricing-section-1 .pricing.boxed--emphasis {
        right: 0.928571em
        }
    }
@media all and (min-width: 990px) {
    .pricing-section-2 div[class*="col-"] {
        padding: 0
        }
    .pricing-section-2 div[class*="col-"]:not(:first-child):not(:last-child) .pricing__head {
        border-radius: 0
        }
    .pricing-section-2 div[class*="col-"]:first-child .pricing {
        border-radius: 6px 0 0 6px
        }
    .pricing-section-2 div[class*="col-"]:first-child .pricing .pricing__head {
        border-radius: 6px 0 0 0
        }
    .pricing-section-2 div[class*="col-"]:last-child .pricing {
        border-radius: 0 6px 6px 6px;
        border-right: 1px solid #ececec
        }
    .pricing-section-2 div[class*="col-"]:last-child .pricing .pricing__head {
        border-radius: 0 6px 0 0
        }
    .pricing-section-2 .pricing {
        border: 1px solid #ececec;
        border-radius: 0 0 0 6px;
        border-right: none
        }
    .pricing-section-2 .pricing:hover {
        box-shadow: none
        }
    .pricing-section-2 .pricing ul {
        margin: 0
        }
    }
.pricing-section-2.bg--dark .pricing, .pricing-section-2.bg--dark .pricing .pricing__head, .pricing-section-2.bg--dark .pricing ul li:not(:last-child), .pricing-section-2.bg--dark div[class*="col-"]:last-child .pricing {
    border-color: #3f3f3f
    }
.pricing-section-2.imagebg .pricing, .pricing-section-2.imagebg .pricing .pricing__head, .pricing-section-2.imagebg .pricing ul li:not(:last-child), .pricing-section-2.imagebg div[class*="col-"]:last-child .pricing {
    border-color: rgba(255, 255, 255, 0.2)
    }
/*! -- Stack Progress Horizontal -- */
.progress-horizontal:not(:last-child) {
    margin-bottom: 1.857143em
    }
.progress-horizontal.progress-horizontal--lg .progress-horizontal__bar {
    height: 1.857143em
    }
.progress-horizontal.progress-horizontal--sm .progress-horizontal__bar {
    height: 0.464286em
    }
.progress-horizontal__bar {
    height: 0.928571em;
    border-radius: 100px;
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.1)
    }
.progress-horizontal__bar:not(:last-child) {
    margin-bottom: 0.464286em
    }
.progress-horizontal__progress {
    background: #dcbb55;
    border-radius: 100px
    }
.imagebg .progress-horizontal__bar {
    background: rgba(20, 20, 20, 0.2);
    border: none
    }
/*! -- Stack Maps -- */
iframe[src*="google.com/maps"] {
    border: none
    }
.map-container {
    min-height: 400px
    }
.map-container:not(:last-child) {
    margin-bottom: 1.857143em
    }
.map-container.border--round {
    overflow: hidden;
    z-index: 2
    }
.map-container.border--round .gm-style {
    border-radius: 6px
    }
.map-container iframe {
    left: 0
    }
@media all and (min-width: 768px) {
    .background-image-holder .map-container, .imageblock__content .map-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
        }
    .map-container + div[class*="col-"] {
        margin-top: 3.714286em
        }
    }
/*! -- Stack Testimonials -- */
.testimonial {
    position: relative;
    overflow: hidden
    }
.testimonial h5:nth-last-child(2) {
    margin: 0
    }
.testimonial .testimonial__image {
    margin-bottom: 1.857143em
    }
@media all and (min-width: 1025px) {
    .testimonial-1 .switchable__text {
        margin-top: 7.428571em
        }
    }
.testimonial-2 {
    float: none;
    width: 100%
    }
.testimonial-2 .testimonial__image img {
    max-height: 3.714286em;
    float: left;
    margin-right: 1.857143em
    }
.testimonial-2 .boxed {
    width: 100%
    }
.bg--secondary .testimonial-2 .boxed {
    background: #fff
    }
@media all and (max-width: 990px) {
    .testimonial-2 p {
        min-height: 7.428571em
        }
    }
@media all and (max-width: 767px) {
    .testimonial-2 p {
        min-height: 0
        }
    }
@media all and (min-width: 768px) {
    .lead + .testimonial-2 {
        margin-top: 3.714286em
        }
    }
@media all and (min-width: 768px) {
    .testimonials-1 .list-inline {
        position: relative;
        top: 0.928571em
        }
    .testimonials-1 .list-inline li:not(:last-child) {
        margin-right: 3.714286em
        }
    }
@media all and (max-width: 767px) {
    .testimonials-1 .list-inline {
        margin-top: 1.857143em
        }
    .testimonials-1 .list-inline li {
        margin-bottom: 1.857143em
        }
    }
/*! -- Stack Masonry -- */
.masonry__item:not(:empty) {
    margin-bottom: 30px;
    transform-style: preserve-3d
    }
.masonry__item:not(:empty) article {
    margin: 0
    }
.masonry__item:not(:empty) article .boxed {
    margin: 0
    }
.masonry__item:empty {
    height: 0;
    min-height: 0
    }
.masonry hr + .masonry__container, .masonry hr + .row {
    margin-top: 4.642857em
    }
.masonry-filter-holder:not(.masonry-filters--horizontal) {
    display: inline-block;
    cursor: pointer;
    height: 3.714286em;
    position: relative;
    z-index: 9;
    min-width: 143px
    }
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters {
    cursor: pointer;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    z-index: 2;
    display: inline-block;
    position: absolute;
    left: 0;
    text-align: left;
    padding: 0.928571em 1.857143em;
    border: 1px solid #ececec;
    background: #fff;
    border-radius: 6px
    }
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul {
    margin: 0;
    cursor: pointer
    }
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    display: block;
    color: #666;
    white-space: nowrap
    }
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:not(:last-child) {
    margin-bottom: 0.928571em
    }
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active {
    color: #dcbb55;
    cursor: pointer
    }
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active:after {
    content: "▼";
    font-size: 8px;
    margin-left: 6px;
    position: relative;
    bottom: 2px;
    display: inline-block;
    transform: scalex(1.4) scaley(0.9);
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear
    }
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover {
    color: #dcbb55
    }
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul:hover li.active:after {
    opacity: 0
    }
.masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul {
    max-height: 1.857143em;
    overflow: hidden
    }
.masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul li:not(.active) {
    display: none
    }
.masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04)
    }
.masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters ul li.active {
    cursor: default
    }
.masonry-filters--horizontal {
    display: inline-block
    }
.masonry-filters--horizontal .masonry__filters {
    display: inline-block;
    position: relative;
    margin-left: 0.928571em
    }
.masonry-filters--horizontal .masonry__filters ul li {
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-block
    }
.masonry-filters--horizontal .masonry__filters ul li:not(:last-child) {
    margin-right: 1.857143em
    }
.masonry-filters--horizontal .masonry__filters ul li.active {
    color: #dcbb55
    }
.masonry-filters--horizontal .masonry__filters ul li:not(.active) {
    opacity: 0.5
    }
.masonry-filters--horizontal .masonry__filters ul li:hover {
    opacity: 1
    }
.masonry-filter-holder + .masonry__container {
    margin-top: 3.714286em
    }
.bg--dark .masonry-filter-holder .masonry__filters {
    background: #2a2a2a;
    border-color: #3f3f3f
    }
.bg--dark .masonry-filter-holder .masonry__filters li {
    color: #fff
    }
.masonry.masonry-demos .masonry__item:not(:empty) {
    margin-bottom: 3.714286em
    }
.masonry.masonry-demos .masonry__item h5 {
    margin-bottom: 0
    }
.masonry.masonry-demos .masonry__item:not([style]) .hover-item {
    min-height: 450px;
    background: #323232;
    border: 1px solid #3f3f3f
    }
.masonry.masonry-demos .hover-item {
    transition: 0.35s ease-out;
    -webkit-transition: 0.35s ease-out;
    -moz-transition: 0.35s ease-out;
    border-radius: 6px;
    overflow: hidden
    }
.masonry.masonry-demos .hover-item:hover {
    transform: translatey(-10px)
    }
.masonry.masonry-demos .masonry__container {
    margin-top: 3.714286em
    }
/*! -- Stack Blog -- */
article .article__title {
    margin-bottom: 3.714286em
    }
article .article__title > a {
    display: block
    }
article .article__title > a:hover {
    text-decoration: none;
    opacity: 0.75
    }
article .article__title h2 {
    margin-bottom: 0.393939em
    }
article .article__title h1 {
    margin-bottom: 0.295455em
    }
article .article__body img, article .article__body iframe, article .article__body .video-cover {
    border-radius: 6px
    }
article .article__body img:not(:last-child), article .article__body iframe:not(:last-child), article .article__body .video-cover:not(:last-child) {
    margin-bottom: 1.857143em
    }
article .article__body > a:first-child > img {
    margin-bottom: 1.857143em
    }
article .article__body p, article .article__body ul {
    font-size: 1.357143em;
    line-height: 1.684211em;
    font-weight: 400;
    color: #808080
    }
article .article__body p:not(:last-child), article .article__body ul:not(:last-child) {
    margin-bottom: 1.368421em
    }
article .article__body p + .btn:last-child, article .article__body ul + .btn:last-child {
    margin-top: 0.928571em
    }
article .article__body p + h5, article .article__body ul + h5 {
    margin-top: 2.785714em
    }
article .article__body blockquote {
    text-align: center
    }
article .article__body blockquote:not(:last-child) {
    margin-top: 2.08em;
    margin-bottom: 2.08em
    }
article .article__share {
    margin-top: 5.571429em
    }
article.imagebg {
    padding: 1.857143em;
    overflow: hidden
    }
article.imagebg:before {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
article.imagebg:hover:before {
    opacity: 0.6
    }
article.imagebg .article__title {
    margin: 0;
    position: absolute;
    bottom: 0;
    z-index: 2;
    max-width: 90%
    }
article.imagebg .article__title span {
    font-size: 0.857143em
    }
article.imagebg .label {
    z-index: 2;
    top: 1.857143em;
    right: 1.857143em
    }
article.feature-1 h5 {
    min-height: 3.714286em
    }
article.feature-1 a img {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
article.feature-1 a:hover img {
    opacity: 0.85
    }
figure[class*="col-"] {
    padding: 0 !important
    }
figure.pull-right {
    margin-left: 2.785714em
    }
figure.pull-left {
    margin-right: 2.785714em
    }
figure img:not(:last-child) {
    margin-bottom: 0.464286em !important
    }
figure figcaption {
    font-size: 0.857143em;
    font-style: italic
    }
section.unpad > article .imagebg + div {
    padding: 5.571429em 0
    }
.article__author {
    padding-bottom: 1.857143em
    }
.article__author img {
    max-height: 3.714286em;
    margin-bottom: 0.464286em
    }
.slides--gapless article.imagebg {
    height: 27.857143em
    }
.masonry-blog-magazine article, .masonry-blog-magazine .masonry__promo {
    height: 338px
    }
.masonry-blog-magazine .height--tall {
    height: calc(706px)
    }
@media all and (min-width: 991px) {
    .masonry__promo.boxed--lg {
        padding: 7.428571em
        }
    }
@media all and (max-width: 990px) {
    .masonry-blog-magazine .height--tall {
        height: 338px
        }
    .masonry__promo .pos-vertical-center {
        top: 0;
        transform: none
        }
    }
@media all and (max-width: 1200px) {
    .masonry__promo.boxed--lg {
        padding: 3.714286em
        }
    }
.pagination {
    text-align: center;
    margin-top: 1.857143em
    }
.pagination:after {
    content: "";
    display: table;
    clear: both
    }
.pagination a {
    font-weight: normal
    }
.pagination div[class*="col-"] {
    padding: 0
    }
.pagination ol {
    margin-bottom: 0;
    display: inline-block
    }
.pagination ol li {
    display: inline-block;
    margin: 0;
    font-weight: 700;
    line-height: 23px;
    width: 1.857143em;
    height: 1.857143em;
    border-radius: 50%;
    border: 1px solid #ececec
    }
.pagination ol li > a {
    font-weight: 700
    }
.pagination ol li:not(:last-child) {
    margin-right: 0.464286em
    }
.pagination ol li.pagination__current {
    cursor: default;
    background: #ececec;
    color: #aaa
    }
.pagination__prev, .pagination__next {
    display: inline-block
    }
.pagination__next {
    float: right
    }
.pagination__prev {
    float: left
    }
.blog-article-wide:not(:last-child) {
    border-bottom: 1px solid #ececec;
    margin-bottom: 3.714286em
    }
.masonry-blog-list hr + .masonry__container {
    margin-top: 0
    }
.masonry-blog-list article {
    border-bottom: 1px solid #ececec;
    padding-top: 2.785714em;
    margin-bottom: 5.571429em
    }
.masonry-blog-list article .article__body {
    padding-bottom: 5.571429em
    }
.masonry-blog-magazine .masonry__item a {
    font-weight: normal
    }
.masonry-blog-magazine .masonry__item a:hover {
    text-decoration: none
    }
.masonry-filter-container {
    margin-bottom: 1.857143em
    }
.masonry-filter-container > span {
    position: relative
    }
.masonry-filter-container > span + .masonry-filter-holder {
    margin-left: 0.928571em
    }
.comments__list li {
    padding: 1.857143em;
    border: 1px solid #ececec;
    border-bottom: none
    }
.comments__list li:last-child {
    border-bottom: 1px solid #ececec
    }
.comments__list li:nth-child(odd) {
    background: #fcfcfc
    }
.comments__list li:nth-child(even) {
    background: #f9f9f9
    }
.comments__list li:first-child {
    border-radius: 6px 6px 0 0
    }
.comments__list li:last-child {
    border-radius: 0 0 6px 6px
    }
.bg--secondary .comments__list li:nth-child(even) {
    background: #fff
    }
@media all and (min-width: 768px) {
    .comments__list li {
        padding: 2.785714em
        }
    }
.comment {
    overflow: hidden
    }
.comment:not(:last-child) {
    border-bottom: 1px solid #ececec;
    padding-bottom: 1.857143em
    }
.comment .comment__avatar {
    width: 15%;
    float: left
    }
.comment .comment__avatar img {
    max-height: 3.714286em
    }
.comment .comment__meta {
    font-size: 0.857143em
    }
.comment .comment__meta a {
    display: inline-block
    }
.comment .comment__meta a:not(:first-child) {
    margin-left: 1.083333em
    }
.comment .comment__meta + p {
    margin-top: 0.928571em
    }
.comment .comment__body {
    width: 85%;
    float: right
    }
.comment .comment__body h5.type--fine-print {
    margin: 0
    }
.comment + .comment {
    margin-top: 1.857143em;
    padding-left: 15%
    }
@media all and (min-width: 768px) {
    .comments + .comments-form {
        margin-top: 3.714286em
        }
    }
@media all and (min-width: 768px) {
    h3 + .related-blog-list {
        margin-top: 3.714286em
        }
    }
.related-blog-list li:not(:last-child) {
    margin-bottom: 1.857143em
    }
.related-blog-list article img {
    border-radius: 6px
    }
.related-blog-list article .article__title {
    margin-top: 0.928571em;
    margin-bottom: 0
    }
.related-blog-list article .article__title .h4 {
    margin-bottom: 0.684211em
    }
@media all and (min-width: 991px) {
    .sidebar {
        margin-top: 7.428571em;
        position: relative;
        bottom: 18px
        }
    }
.sidebar__widget > h5:first-child {
    margin-bottom: 0.928571em
    }
.sidebar__widget:not(:last-child) {
    margin-bottom: 3.714286em
    }
.tag-cloud li {
    display: inline-block
    }
.tag-cloud li:not(:last-child) {
    margin-right: 0.464286em
    }
.tag-cloud li:not(:last-child):after {
    content: ","
    }
.conversation__head {
    border-radius: 6px 6px 0 0
    }
.conversation__head.boxed:not(:last-child) {
    margin: 0
    }
.conversation__head h4 {
    margin: 0
    }
.conversation__head .conversation__avatar {
    margin-top: 0.928571em
    }
.conversation__head .conversation__avatar img {
    max-height: 1.857143em;
    display: inline-block;
    margin-right: 0.464286em;
    margin-bottom: 0
    }
@media all and (min-width: 768px) {
    .conversation__avatar {
        position: absolute;
        top: 1.857143em;
        right: 2.785714em
        }
    }
.conversation__reply {
    border-top: none !important;
    border-bottom: none;
    border-radius: 0
    }
.conversation__reply.boxed:not(:last-child) {
    margin-bottom: 0
    }
.conversation__reply + .conversation__comments .comments__list li:first-child {
    border-radius: 0;
    border-top: none
    }
/*! -- Stack Portfolio -- */
.project-thumb > a {
    display: block
    }
.project-thumb:not(.hover-element) > a {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    margin-bottom: 1.857143em
    }
.project-thumb:not(.hover-element) > a:hover {
    opacity: 0.85
    }
.project-thumb.hover-element {
    margin: 0
    }
.project-thumb.hover-element > a {
    height: 24.142857em;
    text-decoration: none;
    font-weight: normal
    }
.project-thumb.hover-element .background-image-holder {
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out
    }
.project-thumb.hover-element .hover-element__reveal .project-thumb__title {
    padding: 1.857143em;
    z-index: 2;
    position: relative;
    color: #fff
    }
.project-thumb.hover-element .hover-element__reveal .project-thumb__title h5 {
    margin: 0
    }
.project-thumb.hover-element.hover--active {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease
    }
.project-thumb.hover-element.hover--active:hover {
    opacity: 0.85
    }
.project-thumb.hover-element:not(.hover--active)[data-scrim-top] .hover-element__reveal {
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transform: translate3d(0, -100px, 0);
    -webkit-transform: translate3d(0, -100px, 0)
    }
.project-thumb.hover-element:not(.hover--active)[data-scrim-top]:hover .hover-element__reveal {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
    }
.project-thumb.hover-element [data-scrim-top]:before {
    height: 100%
    }
.project-thumb h4 {
    margin-bottom: 0
    }
.project-thumb.height-40 {
    min-height: 350px
    }
@media all and (max-width: 767px) {
    .project-thumb.height-40 {
        height: 350px;
        min-width: 100%
        }
    }
@media all and (min-width: 768px) {
    .col-xs-12:not(.col-sm-6) .project-thumb.hover-element > a {
        height: 46.428571em
        }
    }
.project-thumb.border--round .background-image-holder {
    border-radius: 6px
    }
.project-thumb.border--round > a {
    border-radius: 6px;
    overflow: hidden
    }
.project-thumb.border--round:before {
    border-radius: 6px;
    overflow: hidden
    }
.col-md-4 .project-thumb > a:not(.imagebg) {
    margin-bottom: 0.928571em
    }
/*! -- Stack Shop -- */
.cart-form button[type="submit"] {
    margin-top: 1.857143em
    }
.cart-total > div {
    overflow: hidden
    }
@media all and (min-width: 768px) {
    .cart-total {
        margin-top: 3.714286em
        }
    .cart-customer-details {
        margin-top: 7.428571em
        }
    }
@media all and (max-width: 767px) {
    .cart-total {
        margin-top: 1.857143em
        }
    }
.cart-customer-details div[class*="col-"] {
    margin-top: 0.464286em
    }
.cart-customer-details .input-checkbox {
    margin: 1.857143em 0
    }
.cart-customer-details .input-checkbox + span {
    bottom: 38px
    }
.product {
    margin-bottom: 0.928571em
    }
.product img {
    margin-bottom: 0.928571em;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    backface-visibility: hidden
    }
.product a:hover img {
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0)
    }
.product .label + img {
    margin-top: 2.785714em
    }
.product h5 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 0.464286em
    }
.product .h4 {
    margin-bottom: 0
    }
.product .h4:first-child {
    clear: left
    }
.product .product__controls {
    overflow: hidden;
    margin-bottom: 0.928571em
    }
.product .product__controls label, .product .product__controls button {
    position: relative;
    top: 6px
    }
.product.product--tile {
    padding: 1.857143em;
    border-radius: 6px
    }
@media all and (min-width: 1200px) {
    .product .btn--cart {
        position: absolute;
        right: 1.857143em;
        bottom: 1.857143em
        }
    }
.col-sm-6:not(.col-md-3) .product {
    text-align: center
    }
.col-md-3 .product--tile h5 {
    display: block
    }
.masonry--tiles {
    padding: 10px
    }
.masonry--tiles .masonry__item:not(:empty) {
    padding: 0 6px;
    margin-bottom: 12px
    }
.masonry--tiles .masonry__item:not(:empty) .product--tile {
    margin: 0
    }
.masonry--tiles .masonry__item:not(:empty) .product--tile .label {
    top: 1.857143em;
    right: 2.785714em
    }
/*! -- Stack Wizard -- */
.wizard {
    transition: opacity 0.3s ease;
    opacity: 0
    }
.wizard.active {
    opacity: 1
    }
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #dcbb55;
    transition: all 0.3s ease;
    padding: 0.464286em 1.857143em;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff
    }
.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: none;
    color: #252525
    }
.wizard > .steps a {
    position: relative
    }
.wizard > .steps a:before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    background: #eee;
    display: block;
    bottom: 0;
    transition: all 0.2s ease
    }
.wizard > .steps a:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 7px;
    height: 2px;
    background: #eee;
    left: 0;
    transition: all 0.2s ease
    }
.wizard > .steps li:first-child a:after {
    width: 50%;
    left: 50%
    }
.wizard > .steps li:last-child a:after {
    width: 50%
    }
.wizard > .steps li.current a:after, .wizard > .steps li.current a:before {
    background-color: #dcbb55
    }
.wizard > .steps a, .wizard > .steps a:hover {
    padding-bottom: 2.785714em
    }
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active, .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    background: none;
    color: #252525
    }
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    margin: 0
    }
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
    }
.wizard > .steps > ul, .wizard > .actions {
    text-align: center
    }
.wizard > .steps > ul > li, .wizard > .actions > ul > li {
    float: none;
    display: inline-block
    }
.wizard > section {
    padding: 0
    }
.wizard > .content {
    background: #fafafa;
    margin-top: 1.857143em;
    margin-bottom: 1.857143em;
    border: 1px solid #ececec
    }
.wizard > .content > .body {
    padding: 1.857143em;
    width: 100%;
    height: 100%
    }
.wizard > .steps .number {
    font-size: 1em
    }
@media all and (max-width: 767px) {
    .wizard > .steps .number {
        display: block
        }
    .wizard > .content {
        min-height: 25em
        }
    .wizard .pos-vertical-center {
        top: 50%;
        transform: translatey(-50%);
        -wekbit-transform: translatey(-50%)
        }
    }
.wizard.bg--white {
    background: none !important
    }
.wizard.bg--white > .content {
    background: #fff
    }
.wizard > .content img {
    max-height: 240px
    }
@media all and (max-width: 767px) {
    .wizard > .content img {
        max-height: 120px;
        margin-bottom: 0.928571em
        }
    }
/*! -- Stack Footers -- */
footer .type--fine-print:not(p) {
    opacity: 0.5
    }
footer a {
    font-weight: normal
    }
footer:not(.bg--primary):not(.bg--dark) a {
    color: #666
    }
footer a.type--fine-print:not(:first-child) {
    margin-left: 1.857143em
    }
footer .logo {
    max-height: 1.671429em
    }
footer ul:not(.list-inline):not(.slides) > li {
    line-height: 2.321429em !important
    }
footer.footer-2 .row:last-child {
    margin-top: 3.714286em
    }
footer.footer-5 .row [class*="col-"] > div:nth-last-child(2) {
    margin: 0.928571em
    }
footer.footer-5 .row [class*="col-"] > div:nth-last-child(2) .type--fine-print {
    opacity: 1
    }
footer.footer-6 .footer__lower {
    background: #fafafa;
    margin-top: 1.857143em;
    padding: 1.857143em 0
    }
footer.footer-6.bg--dark .footer__lower {
    background: #181818
    }
footer.footer-6.bg--secondary .footer__lower {
    background: #f5f5f5
    }
footer.footer-6.bg--primary .footer__lower {
    background: #d8b340
    }
footer.footer-7 {
    padding: 1.857143em 0
    }
@media all and (min-width: 768px) {
    footer .list-inline + .btn {
        position: relative;
        bottom: 4px
        }
    footer .logo {
        margin: 0
        }
    footer .logo:not(:last-child) {
        margin-right: 1.857143em
        }
    footer.footer-3 .logo + ul {
        position: relative;
        top: 5px
        }
    footer.footer-3 .logo + ul a {
        color: #252525
        }
    footer.footer-3 .social-list {
        position: relative;
        top: 9px
        }
    footer.footer-3 .row:last-child {
        margin-top: 1.857143em
        }
    footer.footer-4 .logo + span {
        position: relative
        }
    footer.footer-4 form {
        position: relative;
        bottom: 4px
        }
    footer.footer-4 .row:last-child {
        margin-top: 1.857143em
        }
    footer.imagebg:not(.image--light) span, footer.imagebg:not(.image--light) p, footer.imagebg:not(.image--light) a {
        color: #fff
        }
    .footer-1 .type--fine-print {
        position: relative;
        top: 2px
        }
    }
@media all and (max-width: 767px) {
    footer .social-list {
        margin: 1.857143em 0
        }
    .footer-4 form {
        margin: 1.857143em 0
        }
    .footer-4 .logo {
        margin: 0
        }
    .footer-6 .footer__lower .social-list {
        margin-top: 1.857143em
        }
    .footer-7 .social-list {
        margin-top: 1.857143em
        }
    .footer-1 .social-list {
        margin-top: 1.857143em
        }
    .footer-1 .logo {
        display: block;
        margin-top: 1.857143em;
        margin-bottom: 0.928571em;
        margin-left: auto;
        margin-right: auto
        }
    }