/**! 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: 16px;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Microsoft YaHei', 'Microsoft JhengHei', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    color: #737373;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Microsoft YaHei', 'Microsoft JhengHei', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    color: #535353;
    font-weight: 300;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}

h1,
.h1 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 500;
    
}

h2,
.h2 {
    font-size: 2.35714286em;
    line-height: 1.36363636em;
}

h3,
.h3 {
    font-size: 1.78571429em;
    line-height: 1.5em;
}

h4,
.h4 {
    font-size: 20px;
    line-height: 30px;
}

h5,
.h5 {
    font-size: 1.5rem;
    line-height: 30px;
}

h6,
.h6 {
    font-size: 0.85714286em;
    line-height: 2.16666667em;
}

.lead {
    font-size: 15px;
    line-height: 24px;
}

.ind h1 {
    line-height: 36px !important;
    color: #333 !important;
    font-size: 30px;
    border-bottom: 1px solid #CCC;
    background: #FFF;
    letter-spacing: 1px !important;
}

.ind p {
    color: #4c4c4c !important;
    letter-spacing: 3px;
    font-size: 12px;
    background: #FFF;
    line-height: 18px;
}

.ind a {
    font-size: 18px !important;
    letter-spacing: 0.5em;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-right: 1.5em;
    padding-left: 2em;
}

.ind a:hover {
    text-decoration: none;
}
.height-40 {
        height: 368px !important;
    }
    .height-50 {
        height: 524px !important;
    }
    .height-60 {
        height: 708px !important;
    }

@media all and (max-width: 767px) {
    h1,
    .h1 {
        font-size: 2.35714286em;
    }
    h2,
    .h2 {
        font-size: 1.78571429em;
        line-height: 1.5em;
    }
    h3,
    .h3 {
        font-size: 1.35714286em;
        line-height: 1.85714286em;
    }
    .lead {
        font-size: 1.35714286em;
        line-height: 1.68421053em;
    }
}

p,
ul,
ol,
pre,
table,
blockquote {
    margin-bottom: 1.85714286em;
    text-align:justify; /*讓文字齊行*/
text-justify:distribute; /*讓文字左右齊行*/
}

ul,
ol {
    list-style: none;
    line-height: 1.85714286em;
}

ul.bullets {
    list-style: inside;
}

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

blockquote {
    font-size: 1.78571429em;
    line-height: 1.5em;
    padding: 0;
    margin: 0;
    border-left: 0;
}

strong {
    font-weight: 600;
}

hr {
    margin: 1.85714286em 0;
    border-color: #fafafa;
}

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


/*! Typography -- Helpers */

.type--fade {
    opacity: .5;
}

.type--uppercase {
    text-transform: uppercase;
}

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

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

.type--fine-print {
    font-size: 0.85714286em;
}

.type--strikethrough {
    text-decoration: line-through;
    opacity: .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%);
}

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

@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-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.57142857em !important;
        padding-bottom: 5.57142857em !important;
    }
}


/**! 05. Images **/

img {
    max-width: 100%;
    margin-bottom: 1.85714286em;
}


/*p+img, img:last-child{
  margin-bottom: 0;
}*/

.img--fullwidth {
    width: 100%;
}

[data-grid="2"].masonry {
    -webkit-column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-count: 2;
    -moz-column-gap: 0;
    column-count: 2;
    column-gap: 0;
}

[data-grid="2"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="2"] li {
    width: 50%;
    display: inline-block;
}

[data-grid="3"].masonry {
    -webkit-column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-count: 3;
    -moz-column-gap: 0;
    column-count: 3;
    column-gap: 0;
}

[data-grid="3"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="3"] li {
    width: 33.33333333%;
    display: inline-block;
}

[data-grid="4"].masonry {
    -webkit-column-count: 4;
    -webkit-column-gap: 0;
    -moz-column-count: 4;
    -moz-column-gap: 0;
    column-count: 4;
    column-gap: 0;
}

[data-grid="4"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="4"] li {
    width: 25%;
    display: inline-block;
}

[data-grid="5"].masonry {
    -webkit-column-count: 5;
    -webkit-column-gap: 0;
    -moz-column-count: 5;
    -moz-column-gap: 0;
    column-count: 5;
    column-gap: 0;
}

[data-grid="5"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="5"] li {
    width: 20%;
    display: inline-block;
}

[data-grid="6"].masonry {
    -webkit-column-count: 6;
    -webkit-column-gap: 0;
    -moz-column-count: 6;
    -moz-column-gap: 0;
    column-count: 6;
    column-gap: 0;
}

[data-grid="6"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="6"] li {
    width: 16.66666667%;
    display: inline-block;
}

[data-grid="7"].masonry {
    -webkit-column-count: 7;
    -webkit-column-gap: 0;
    -moz-column-count: 7;
    -moz-column-gap: 0;
    column-count: 7;
    column-gap: 0;
}

[data-grid="7"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="7"] li {
    width: 14.28571429%;
    display: inline-block;
}

[data-grid="8"].masonry {
    -webkit-column-count: 8;
    -webkit-column-gap: 0;
    -moz-column-count: 8;
    -moz-column-gap: 0;
    column-count: 8;
    column-gap: 0;
}

[data-grid="8"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="8"] li {
    width: 12.5%;
    display: inline-block;
}

@media all and (max-width: 767px) {
    [data-grid]:not(.masonry) li {
        width: 33.333333%;
    }
    [data-grid="2"]:not(.masonry) li {
        width: 50%;
    }
    [data-grid].masonry {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

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

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

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

div[data-overlay] p,
div[data-overlay] ul {
    color: #fff;
}

.parallax {
    overflow: hidden;
}

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

.image--xxs {
    max-height: 1.85714286em;
}

.image--xs {
    max-height: 3.71428571em;
}

.image--sm {
    max-height: 5.57142857em;
}


/**! 06. Buttons **/

.btn {
    font-family: 'Microsoft YaHei', 'Microsoft JhengHei', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    border-radius: 0px;
    padding-top: 0.46428571em;
    padding-bottom: 0.46428571em;
    padding-right: 2.78571429em;
    padding-left: 2.78571429em;
    border: 1px solid #252525;
    border-width: 1px;
    font-size: inherit;
    line-height: 1.85714286em;
}

.btn .btn__text,
.btn i {
    color: #252525;
    border-color: #252525;
    font-weight: 700;
    font-size: 0.85714286em;
}

.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: .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: 5px;
    }
}

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

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

.btn--xs {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1.39285714em;
    padding-left: 1.39285714em;
}

.btn--sm {
    padding-top: 0.30952381em;
    padding-bottom: 0.30952381em;
    padding-right: 1.85714286em;
    padding-left: 1.85714286em;
}

.btn--lg {
    padding-top: 0.58035714em;
    padding-bottom: 0.58035714em;
    padding-right: 3.48214286em;
    padding-left: 3.48214286em;
}

.btn--lg .btn__text {
    font-size: 1.07142857em;
}

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

.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: #bf9e40;
}

.btn--primary:active {
    background: #ccad56;
}

.btn--primary-1,
.btn--primary-1:visited {
    background: #31639c;
    border-color: #31639c;
}

.btn--primary-1 .btn__text,
.btn--primary-1:visited .btn__text {
    color: #fff;
}

.btn--primary-1:hover {
    background: #376faf;
}

.btn--primary-1:active {
    background: #2b5789;
}

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

.btn--primary-2 .btn__text,
.btn--primary-2:visited .btn__text {
    color: #fff;
}

.btn--primary-2:hover {
    background: #506383;
}

.btn--primary-2:active {
    background: #3c4b63;
}

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

.btn--secondary:hover {
    background: #ffffff;
}

.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.71428571em;
    right: 3.71428571em;
    z-index: 10;
}


/**! 07. Icons **/

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

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

.icon--sm {
    font-size: 2.35714286em;
}

.icon--lg {
    font-size: 5.57142857em;
}


/**! 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 .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.46428571em;
}


/**! 10. Menus **/

.menu-horizontal>li:not(:hover)>a,
.menu-horizontal>li:not(:hover)>span,
.menu-horizontal>li:not(:hover)>.modal-instance>.modal-trigger {
    opacity: .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.85714286em;
    }
    .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: #ffffff;
    }
    .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.85714286em;
}

.dropdown .dropdown__content:not([class*='col-']) {
    width: 18.57142857em;
}

.dropdown .dropdown__content:not([class*='bg-']) {
    background: #ffffff;
}

.dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a {
    color: #666666;
}

.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.92857143em;
        width: 100%;
        content: '';
        display: block;
    }
    .dropdown .dropdown__content.dropdown__content--md {
        padding: 2.78571429em;
    }
    .dropdown .dropdown__content.dropdown__content--lg {
        padding: 3.71428571em;
    }
    .dropdown .dropdown__content.dropdown__content--xlg {
        padding: 4.64285714em;
    }
}

@media all and (max-width: 767px) {
    .dropdown .dropdown__container {
        min-width: 100%;
        position: relative;
        display: none;
    }
    .dropdown .dropdown__content {
        padding: 1.85714286em;
        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):hover>.dropdown__container {
        display: block;
    }
    body.dropdowns--hover .dropdown:not(.dropdown--click):hover>.dropdown__container:before {
        pointer-events: all;
    }
}


/**! 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.14285714em;
    font-weight: 400;
}

input[type],
textarea,
select {
    -webkit-appearance: none;
    background: #fcfcfc;
    padding: 0.46428571em;
    border-radius: 0px;
    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.14285714em;
}

input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
    /* Firefox 18- */
    color: #b3b3b3;
    font-size: 1.14285714em;
}

input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    /* Firefox 19+ */
    color: #b3b3b3;
    font-size: 1.14285714em;
}

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

input[type="image"] {
    border: none;
    padding: none;
    width: auto;
}

textarea {
    display: block;
    width: 100%;
    max-width: 100%;
}

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

select::ms-expand {
    display: none;
}

input[type="submit"] {
    background: none;
    outline: none;
    border: none;
    background: #CCAD55;
    padding: 0.46428571em 2.78571429em 0.46428571em 2.78571429em;
    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-checkbox,
.input-radio,
.input-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
}

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

.input-checkbox input,
.input-radio input,
.input-select input {
    display: none;
}

.input-checkbox.checked .inner,
.input-radio.checked .inner,
.input-select.checked .inner {
    background: #CCAD55;
}

.input-checkbox label,
.input-radio label,
.input-select label {
    display: block;
}

.input-checkbox {
    padding: 0;
}

.input-checkbox .inner {
    width: 1.85714286em;
    height: 1.85714286em;
    border-radius: 0px;
    background: #000;
}

.input-radio {
    padding: 0;
}

.input-radio .inner {
    width: 1.85714286em;
    height: 1.85714286em;
    border-radius: 50%;
    background: #000;
}

.input-select {
    position: relative;
}

.input-select i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 1em;
    font-size: .87em;
}

.input-file {
    position: relative;
    display: inline-block;
}

.input-file input {
    display: none;
}

.form-error {
    margin-top: 1.5625em;
    padding: 0.78125em;
    background: #D84D4D;
    color: #fff;
    position: fixed;
    min-width: 350px;
    left: 50%;
    bottom: 1.5625em;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    z-index: 999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.form-success {
    margin-top: 1.5625em;
    padding: 0.78125em;
    background: #1DC020;
    color: #fff;
    position: fixed;
    min-width: 350px;
    left: 50%;
    bottom: 1.5625em;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    z-index: 999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

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


/**! 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.46428571em 0.92857143em;
    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: #CCAD55;
    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.46428571em;
}


/**! 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: .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.85714286em;
}

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


/**! 17. Boxes **/

.boxed {
    position: relative;
    overflow: hidden;
    padding: 2em;
    margin-bottom: 30px;
}

.boxed.boxed--lg {
    padding: 2.78571429em;
}

.boxed.boxed--sm {
    padding: 1.23809524em;
}

.boxed.boxed--border {
    border: 1px solid #ececec;
}

.boxed.boxed--border p {
    margin-bottom: 0px;
    font-size: 15px;
}

.boxed.boxed--border p a {
    margin-left: 15px;
}

.boxed.boxed--border p span {
    font-weight: 600;
    color: #000;
}

.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.9em;
    background-color: #FFF;
}

@media all and (max-width: 767px) {
    .boxed {
        padding: 1.23809524em;
        margin-bottom: 15px;
    }
    .boxed.boxed--lg {
        padding: 1.23809524em;
    }
    .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 .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 .flickity-slider>li .background-image-holder {
    will-change: auto;
}

.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.71428571em;
}

.slider[data-paging="true"]:not(section) .flickity-page-dots {
    bottom: -3.71428571em;
}

.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.85714286em;
}

section.slider.ind[data-paging="true"] .flickity-page-dots {
    bottom: 0.5em;
}

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: 9em 0;
        height: 400px;
    }
    section.slider.space--lg .slides .flickity-slider>li {
        padding: 11.14285714em 0;
    }
    section.slider.space--xlg .slides .flickity-slider>li {
        padding: 11.14285714em 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: #C79B11;
    border: none;
    margin: 0 0.35em;
}

.ind .flickity-page-dots .dot {
    width: 13px;
    height: 13px;
    background: #C79B11;
    margin: 3px;
}

.flickity-page-dots .dot:hover:not(.is-selected) {
    opacity: .6;
}

.text-center .flickity-page-dots,
section.slider .flickity-page-dots {
    text-align: right;
    padding-right: 3%;
}

.flickity-prev-next-button svg {
    display: none;
}

.flickity-prev-next-button:before {
    font-family: 'stack-interface';
    content: "\e80c";
    font-size: 1em;
    font-weight: normal;
}

.flickity-prev-next-button.previous:before {
    content: "\e80b";
}

.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: initial;
}

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

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

.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: -1;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modal-container.modal-active {
    opacity: 1;
    visibility: visible;
    z-index: 999;
}

.modal-container:before {
    background: rgba(0, 0, 0, 0.85);
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.modal-container .modal-content {
    backface-visibility: hidden;
    position: fixed;
    z-index: 2;
    top: 50%;
    left: 50%;
    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: .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: '\00D7';
    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.71428571em;
}

@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 {
        top: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        height: 100%;
    }
}

.parallax {
    will-change: contents;
}


/**! 24. Notifications **/

.notification {
    max-width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: fixed;
    z-index: 99;
    pointer-events: none;
    padding: 0;
    margin: 10% 25%;
    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: -0.5em;
    z-index: 99;
    right: -0.5em;
    cursor: pointer;
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
}

.notification .notification-close-cross:before {
    content: '\00D7';
    font-size: 1.5em;
}

.notification .notification-close-cross:hover {
    opacity: 1;
}

.notification.notification--reveal {
    z-index: 10000;
    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.42857143em;
    height: 7.42857143em;
    border-radius: 50%;
    position: relative;
    z-index: 4;
    display: inline-block;
    border: 2px solid #ffffff;
    cursor: pointer;
    background: #ffffff;
}

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

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

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

.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 #ffffff;
    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.95238095em;
        height: 4.95238095em;
    }
}

div[class*='col-'][class*='-12']:not([class*='xs-12']) .video-cover iframe {
    min-height: 550px;
}

@media all and (max-width: 990px) {
    div[class*='col-'][class*='-12']:not([class*='xs-12']) .video-cover iframe {
        min-height: 350px;
    }
}

div[class*='col-'][class*='-10'] .video-cover iframe {
    min-height: 450px;
}

div[class*='col-'][class*='-8'] .video-cover iframe {
    min-height: 400px;
}

div[class*='col-'][class*='-6'] .video-cover iframe {
    min-height: 350px;
}

@media all and (max-width: 1200px) {
    div[class*='col-'][class*='-6'] .video-cover iframe {
        min-height: 300px;
    }
}

@media all and (max-width: 990px) {
    div[class*='col-'][class*='-6'] .video-cover iframe {
        min-height: 220px;
    }
}

@media all and (max-width: 767px) {
    div[class*='col-'] .video-cover iframe {
        min-height: 220px !important;
    }
}

.modal-container video {
    max-width: 100%;
}


/**! 26. Colors **/

body {
    background: #ffffff;
}

.color--primary {
    color: #CCAD55 !important;
}

a {
    color: #CCAD55;
}

.color--primary-1 {
    color: #31639c !important;
}

.color--primary-2 {
    color: #465773 !important;
}

.color--white {
    color: #fff;
}

.color--dark {
    color: #252525;
}

.bg--dark {
    background: #252525;
}

.bg--dark:not(.nav-bar):not(.bar) {
    color: #ffffff;
}

.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: #ffffff;
}

.bg--dark:not(.nav-bar):not(.bar) a:not(.btn) {
    color: #fff;
}

.bg--site {
    background: #ffffff;
}

.bg--secondary {
    background: #E6E6E6;
}

.bg--primary {
    background: #CCAD55;
}

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

.bg--primary h1,
.bg--primary h2,
.bg--primary h3,
.bg--primary h4,
.bg--primary h5,
.bg--primary h6,
.bg--primary i {
    color: #fff;
}

.bg--white {
    background: #fff;
}

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

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

.bg--error {
    background: #e23636;
}

.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: #666666;
}

.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: #31639c;
}

.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: #465773;
}

.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.42857143em;
    padding-bottom: 7.42857143em;
    float: none;
    overflow: hidden;
}

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

.imageblock .imageblock__content {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2;
    padding: 0;
}

.imageblock .imageblock__content .slider {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.imageblock .imageblock__content .slider .slides>li {
    padding: 0;
    min-height: 100%;
    position: absolute !important;
}

.imageblock.allow-overflow .imageblock__content {
    overflow: visible;
}

@media all and (max-width: 767px) {
    .imageblock[class*='space-'] {
        padding-bottom: 0;
        padding-top: 0;
    }
    .imageblock .imageblock__content {
        position: relative;
        min-height: 18.57142857em;
    }
    .imageblock>.container,
    .imageblock>div[class*='col-']:not(.imageblock__content) {
        padding-top: 5.57142857em;
        padding-bottom: 5.57142857em;
        float: none;
        overflow: hidden;
    }
    .imageblock.imageblock--lg>.container,
    .imageblock.imageblock--lg>div[class*='col-']:not(.imageblock__content) {
        padding-top: 5.57142857em;
        padding-bottom: 5.57142857em;
        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.92857143em;
}

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.35714286em;
    line-height: 1.68421053em;
    margin-bottom: 1.36842105263158em;
    font-weight: 400;
}

form[action*='list-manage.com'] h2.inline-block+.h4.inline-block:not(.typed-text) {
    margin-left: 0.68421052631579em;
}

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: .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: left;
    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.71428571em;
}

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

[data-gradient-bg]>canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

[data-gradient-bg]>canvas+.background-image-holder {
    opacity: .2 !important;
}


/**! 34. Bars **/

.bar {
    padding: 1em 0;
}

.bar .logo {
    margin: 0;
    position: relative;
    top: 0px;
}

.bar .menu-horizontal {
    position: relative;
    top: 6px;
}

.bar:not([class*='visible-'])+.bar {
    margin-top: 0.92857143em;
}

.bar.bar--xs {
    padding: 0.46428571em 0;
}

.bar.bar--sm {
    padding: 0.92857143em 0;
}

.bar.bar--lg {
    padding: 2.78571429em 0;
}

.bar.bar--lg .logo {
    top: 0;
}

.bar.bar--xlg {
    padding: 4.64285714em 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.71428571em;
        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.92857143em;
    }
    .bar--transparent {
        background: none;
    }
    .bar--transparent .logo-dark {
        display: none;
    }
    .bar--transparent .logo-light {
        display: inline-block;
    }
    .bar--transparent:not(.pos-fixed) .menu-horizontal>li>a,
    .bar--transparent:not(.pos-fixed) .menu-horizontal>li>span {
        color: #fff;
    }
    .bar--transparent:not(.pos-fixed) .btn:not([class*='primary']) {
        border-color: rgba(255, 255, 255, 0.3);
    }
    .bar--transparent:not(.pos-fixed) .btn:not([class*='primary']) .btn__text {
        color: #fff;
    }
    .bar--transparent: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: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
    }
    .bar.pos-fixed:not([class*='bg-']) {
        background: #ffffff;
    }
    .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: 0px;
    }
    .bar__module+.bar__module {
        margin-top: 1.85714286em;
    }
    .bar__module .btn {
        display: block;
    }
    .bar__module .btn+.btn {
        margin-left: 0 !important;
    }
    .bar__module .btn:not(:last-child) {
        margin-bottom: 0.92857143em;
    }
    .bar+nav.bar {
        padding-top: 0;
    }
}


/**! 35. Navigation InPage **/

.page-navigator {
    position: fixed;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 1.85714286em;
    z-index: 10;
}

.page-navigator ul {
    display: inline-block;
    padding: 0.92857143em;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 1.85714286em;
    transition: all .2s ease;
}

.page-navigator ul:hover {
    background: rgba(0, 0, 0, 0.6);
}

.page-navigator ul li:not(:last-child) {
    margin-bottom: 1.85714286em;
}

@media all and (max-width: 767px) {
    .page-navigator {
        right: 0;
    }
    .page-navigator ul {
        border-radius: 1.85714286em 0 0 1.85714286em;
        padding: 1.85714286em 0.92857143em;
    }
}

.page-navigator li a {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    transition: all .2s ease;
    display: block;
    position: relative;
}

.page-navigator li a:not(:hover) {
    opacity: .5;
}

.page-navigator li a.inner-link--active {
    opacity: 1;
    animation: bulge .5s ease;
    -webkit-animation: bulge .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: 0px;
    padding: 4px 8px;
    display: inline-block;
    transition: all .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;
}

.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: 6em;
    padding-bottom: 6em;
}

section.space--xxs,
footer.space--xxs {
    padding-top: 10px;
    padding-bottom: 10px;
}

section.space--xs,
footer.space--xs {
    padding-top: 15px;
    padding-bottom: 15px;
}

section.space--sm,
footer.space--sm {
    padding-top: 20px;
    padding-bottom: 20px;
}

section.space--md,
footer.space--md {
    padding-top: 30px;
    padding-bottom: 30px;
}

section.space--lg,
footer.space--lg {
    padding-top: 45px;
    padding-bottom: 45px;
}

section.space--xlg,
footer.space--xlg {
    padding-top: 60px;
    padding-bottom: 60px;
}

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

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

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

@media all and (max-width: 767px) {
    section,
    footer,
    section.section--even {
        padding: 2em 0;
    }
    section.space--lg,
    footer.space--lg,
    section.section--even.space--lg,
    section.space--md,
    footer.space--md,
    section.section--even.space--md {
        padding: 3em 0;
    }
    section.space--xlg,
    footer.space--xlg,
    section.section--even.space--xlg {
        padding: 3em 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.85714286em;
    }
    .mt--2 {
        margin-top: 3.71428571em;
    }
    .mt--3 {
        margin-top: 5.57142857em;
    }
    .mb--1 {
        margin-bottom: 1.85714286em;
    }
    .mb--2 {
        margin-bottom: 3.71428571em;
    }
    .mb--3 {
        margin-bottom: 5.57142857em;
    }
}

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

.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.71428571em 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: #ffffff;
    }
    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: .3;
    cursor: not-allowed;
}


/**! 40. Theme Overrides **/


/*! -- Stack Customizers -- */

.box-shadow {
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.box-shadow-shallow {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}

.box-shadow-wide {
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

.store .border--round {
    border-radius: 0px;
    width: 100%;
}

.border--round {
    border-radius: 0px;
}

.border--round:before {
    border-radius: 0px;
}

.border--round .background-image-holder {
    border-radius: 0px;
}

.border--round [data-scrim-top]:before,
.border--round [data-scrim-bottom]:before,
.border--round [data-overlay]:before {
    border-radius: 0px;
}

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

.theme--bordered {
    border: 0.92857143em 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.92857143em;
    }
}

.container .container {
    max-width: 100%;
}

.switchable-toggle {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.back-to-top {
    position: fixed;
    width: 3.71428571em;
    height: 3.71428571em;
    background: #000;
    border-radius: 50%;
    text-align: center;
    right: 1.85714286em;
    bottom: 3.71428571em;
    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: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
    z-index: 99;
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
}

.back-to-top i {
    color: #fff;
}

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


@media all and (min-width: 768px) {
    h1.h1--large,
    .h1.h1--large {
        font-weight: 200;
        font-size: 4.428571428571429em;
        line-height: 1.048387096774194em;
    }
    h1.h1--large:not(:last-child),
    .h1.h1--large:not(:last-child) {
        margin-bottom: 0.419354838709677em;
    }
    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.052631578947368em;
    }
}

h2,
.h2 {
    margin-bottom: 0.78787878787879em;
}

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.36842105263158em;
    font-weight: 400;
}

h4.inline-block+.h4.inline-block:not(.typed-text),
.h4.inline-block+.h4.inline-block:not(.typed-text) {
    margin-left: 0.68421052631579em;
}

h5,
.h5 {
    font-weight: 400;
}

h5:not(:last-child),
.h5:not(:last-child) {
    margin-bottom: 1em;
}

h6,
.h6 {
    font-weight: 700;
}

h6:not(:last-child),
.h6:not(:last-child) {
    margin-bottom: 2.16666666666667em;
}

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: 1;
}

.lead {
    font-weight: normal;
    color: #4d4d4d;
    font-size: 20px;
}

p:last-child {
    margin-bottom: 0;
}

p strong {
    color: #252525;
}

pre {
    padding: 0.92857143em;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 0px;
    line-height: 20px;
    max-height: 500px;
}

.bg--secondary>pre {
    background: #f5f5f5;
    border-color: #ddd;
}

.text-block:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.text-block h2,
.text-block .h2 {
    margin-bottom: 0.3939393939394em;
}

.text-block h5,
.text-block .h5 {
    margin: 0;
}

.text-block h4,
.text-block .h4 {
    margin-bottom: 0.3421052631579em;
}

.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.71428571em;
    }
}

.heading-block {
    margin-bottom: 3.71428571em;
}

.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: #CCAD55;
    font-weight: 700;
}

a:hover {
    color: #ff7400;
    text-decoration: underline;
}

a.block {
    font-weight: normal;
    text-decoration: none;
    color: #666666;
}

p a,
span a,
label a {
    font-size: 1em;
    text-decoration: underline;
    font-weight: 400;
    line-height: 1.85714286em;
}

p+a:not(.btn) {
    font-size: 0.85714286em;
    line-height: 2.16666667em;
}

.imagebg:not(.image--light) a {
    color: #fff;
    font-weight: 400;
}


/*! -- Stack Tables -- */

table {
    width: 100%;
    border-collapse: separate;
}

table th,
table td {
    padding: 0.92857143em;
}

table th {
    background: #fafafa;
    color: #252525;
}

table tr:not(:last-of-type) {
    border-bottom: 1px solid #ececec;
}

table.border--round {
    border-radius: 0px;
    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: 0px;
    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.85714286em;
}

ol.lead li:not(:last-child) {
    margin-bottom: 1.26315789473684em;
}

.list-inline {
    margin-left: 0;
    display: inline-block;
}

.list-inline li {
    padding: 0;
}

.list-inline li:not(:last-child) {
    margin-right: 1.85714286em;
}

.list-inline:not(:last-child) {
    margin-right: 1.85714286em;
}

.list-inline--images img {
    max-height: 2.78571429em;
}

@media all and (min-width: 768px) {
    .list-inline--images li:not(: last-child) {
        margin-right: 5.57142857em;
    }
}

@media all and (max-width: 767px) {
    .list-inline--images li:not(: last-child) {
        margin-bottom: 1.85714286em;
    }
}

.list--loose>li:not(:last-child) {
    margin-bottom: 0.46428571em;
}

.list--hover li {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
}

.list--hover li:not(:hover) {
    opacity: .6;
}

.social-list a {
    color: #252525;
}

.imagebg:not(.image--light) .social-list a {
    color: #fff;
}

@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.46428571em;
    }
}

@media all and (max-width: 767px) {
    .list-inline {
        min-width: 100%;
    }
}


/*! -- Stack Rules -- */

hr:first-child {
    margin-top: 0;
}

hr.short {
    width: 2.78571429em;
    border-color: #CCAD55;
}

hr[data-title] {
    margin: 2.78571429em 0;
    text-align: center;
}

hr[data-title]:before {
    content: attr(data-title);
    background: #ffffff;
    position: relative;
    bottom: 14px;
    padding: 0.92857143em;
    font-style: italic;
}

.bg--dark hr:not(.short),
.imagebg hr:not(.short),
.bg--primary hr:not(.short) {
    opacity: .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: .5px;
}

.btn.type--uppercase .btn__text {
    letter-spacing: .5px;
    margin-right: -0.5px;
}

.btn .label {
    top: -0.92857143em;
    right: -3.71428571em;
}

.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.08333333333334em;
}

.btn.block {
    margin-left: 0;
}

.btn.block+.btn.block {
    margin-top: 0.92857143em;
}

.btn:hover {
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
}

.btn.btn--sm+.btn--sm {
    margin-left: 0.92857143em;
}

p>.btn {
    text-decoration: none;
}

@media all and (max-width: 767px) {
    .btn:not(: last-child) {
        margin-bottom: 1.85714286em;
    }
}

.btn--icon {
    padding-left: 5.57142857em;
}

.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.71428571em;
    height: 3.71428571em;
    border: 2px solid #252525;
    display: block;
    text-align: center;
    border-radius: 0px;
    opacity: .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.142857142857143em;
}

.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: #CCAD55;
}

.bg--primary>.btn--primary {
    background: #fff;
    border-color: #fff;
}

.bg--primary>.btn--primary .btn__text {
    color: #CCAD55;
}

.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.85714286em;
}

h2+.btn,
.h2+.btn {
    margin-top: 0.92857143em;
}


/*! -- Stack Images -- */

img:last-child {
    margin-bottom: 0;
}

img.flag {
    max-height: 1.85714286em;
}

img.image--sm:not(:last-child) {
    margin-bottom: 0.92857143em;
}

img.promo.border--round {
    border: 1px solid #ececec;
}

p.lead img {
    max-height: 1.68421053em;
}

.imagebg h1,
.imagebg h2,
.imagebg h3,
.imagebg h4,
.imagebg h5,
.imagebg h6 {
    position: relative;
}


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


/*! -- Stack Titles -- */

.breadcrumbs {
    list-style: none;
}

.breadcrumbs li {
    font-size: 0.85714285714286em;
    display: inline-block;
}

.breadcrumbs li:not(:last-child) {
    margin-right: 1.08333333333334em;
}

.breadcrumbs li:not(:last-child):after {
    content: '\00bb';
    margin-left: 1.08333333333334em;
}

.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+.tabs-container:not(:nth-last-child(2)),
.elements-title+section:not(:nth-last-child(2)) {
    margin-bottom: 9.28571429em;
}

.elements-title+section:not(.imagebg):not([class*='bg-']):not(.unpad) {
    padding-top: 1.85714286em;
}


/*! -- Stack Labels -- */

.label {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #fff;
    text-transform: uppercase;
    height: 30px;
    min-width: 65px;
    padding: 0 10px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    z-index: 3;
    top: 1.23809524em;
    right: 1.23809524em;
}

.label:not([class*='bg--']) {
    background: #ff7400;
}

.label.label--inline {
    position: relative;
    top: 0;
    right: 0;
}

.label.label--inline:not(:last-child) {
    margin-right: 0.92857143em;
}

.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: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}

.bg--primary-1 .label:not([class*='bg--']) {
    background: #465773;
}


/*! -- Stack Bars -- */

.bar .logo {
    max-height: 50px;
    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.23809524em;
    }
    .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.92857143em;
    }
    .bar-2 .bar__module,
    .bar-1 .bar__module {
        margin-bottom: 1.85714286em;
    }
    .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.857142857142857em;
    line-height: 2.166666666666667em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
}

@media all and (min-width: 1024px) {
    .bar-1 .bar__module+.bar__module {
        margin-left: 1.85714286em;
    }
}

@media all and (min-width: 991px) {
    .bar-2 .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

.bar-3 {
    font-size: 0.85714286em;
}

.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.92857143em;
    }
}

@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.85714286em;
    }
}


/*! -- 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: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
    width: 3.71428571em;
    height: 3.71428571em;
    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.78571429em;
    position: relative;
    top: 15px;
    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.92857143em 0;
}

.nav-utility .nav-utility__module {
    font-size: 0.85714285714286em;
}

.nav-utility .nav-utility__module a {
    color: #666666;
    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.16666666666667em;
}

.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.71428571em;
}


/*! -- Stack Nav Side Menu -- */

.notification.side-menu {
    z-index: 9999;
    background: url(/web/20190213190525im_/http://www.houcailei.com/Public/pc/img/menubg.jpg) repeat;
    padding-top: 8%;
    margin: 0;
    height: 100%;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
    width: 320px;
}

.notification.side-menu .side-menu__module {
    overflow: hidden;
}

.notification.side-menu .side-menu__module+hr:not(:last-child) {
    margin: 0;
}

.notification.side-menu .menu-vertical li a {
    font-size: 1.35714286em;
    line-height: 1.68421053em;
}

.menu-vertical li a {
    color: #4C4C49 !important;
    font-size: 24px !important;
}

.notification.side-menu .menu-vertical li a:hover {
    text-decoration: none;
}

.notification.side-menu .btn:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.notification.side-menu .btn+ul.list--loose {
    margin-top: 0.92857143em;
}

.notification.side-menu .notification-close-cross {
    top: 5px;
    right: 8px;
    font-size: 1.5em;
}

.bar__module2 {
    margin-top: 15px;
}

.bar__module2 img {
    vertical-align: top;
    margin-bottom: 0px;
    margin-right: 3px;
}

.bar__module2 a {
    font-weight: 400;
    font-size: 18px;
}

.bar__module2 a:hover {
    text-decoration: none;
    color: #535353;
}

.notification.side-menu .social-list:not(:first-child) {
    margin-top: 1.85714286em;
}

.menu-toggle.pos-fixed {
    position: fixed;
    right: 5.57142857em;
    animation: fadeInDown .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.428571428571463em);
    float: right;
}

.nav-container.nav-container--sidebar+.main-container .container {
    max-width: 100%;
}

.nav-sidebar-column {
    position: fixed;
    z-index: 3;
    left: 0;
    width: 20.42857143em;
    border-right: 1px solid #ececec;
    height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    padding: 2.78571429em 1.85714286em;
}

.nav-sidebar-column:not([class*='bg-']) {
    background: #ffffff;
}

.nav-sidebar-column.bg--dark {
    border-right: 1px solid #3f3f3f;
}

.nav-sidebar-column::-webkit-scrollbar {
    display: none;
}

.nav-sidebar-column .logo {
    max-height: 2.32142857em;
    margin-bottom: 0.92857143em;
}

.nav-sidebar-column .text-block>p {
    margin-bottom: 0.92857143em;
}

.nav-sidebar-column .menu-vertical li.dropdown:not(:hover):after {
    opacity: .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.46428571em;
    padding-right: 0;
    padding-left: 0.46428571em;
    background: none !important;
}

.nav-sidebar-column .dropdown .menu-vertical li.dropdown:after {
    right: 1.85714286em;
}

.nav-sidebar-column .dropdown:not(.dropdown--active) .dropdown__container {
    display: none;
}

.nav-sidebar-column .social-list {
    margin-bottom: 0.92857143em;
}

.nav-sidebar-column-toggle {
    transition: all .3s ease;
    left: 0;
    width: 3.71428571em;
    height: 3.71428571em;
    background: #ffffff;
    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 .3s ease;
    font-size: 1.78571429em;
    position: relative;
    top: 11px;
}

.nav-sidebar-column-toggle:not(.toggled-class)>i {
    opacity: .5;
}

.nav-sidebar-column-toggle.toggled-class i:before {
    content: '\e80b';
}

@media all and (max-width: 990px) {
    .nav-sidebar-column {
        transition: all .3s ease;
        left: -20.42857143em;
        box-shadow: 2px 0px 4px rgba(0, 0, 0, 0);
    }
    .nav-sidebar-column.active {
        left: 0;
        box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.1);
    }
    .nav-sidebar-column-toggle.toggled-class {
        left: 20.42857143em;
    }
    .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.42857143em;
        left: auto;
    }
    .nav-container.nav-container--right .nav-sidebar-column.active {
        left: auto;
        right: 0;
        box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.1);
    }
    .nav-container.nav-container--right .nav-sidebar-column-toggle.toggled-class {
        left: auto;
        right: 20.42857143em;
    }
}


/*! -- 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.71428571em;
    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.46428571em;
}

.dropdown .dropdown__content {
    border-radius: 0px;
    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.23809524em 1.85714286em;
}

.dropdown .dropdown__content h5:not(:last-child) {
    margin-bottom: 0.92857143em;
}

.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: '\e80a';
    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.92857143em;
    }
    .dropdown .dropdown__content:not([class*='bg-']) {
        border: none;
        box-shadow: none;
    }
}

@media all and (max-width: 767px) {
    .dropdown__container {
        left: 0 !important;
    }
}

.menu-vertical a {
    text-decoration: none;
}

.menu-vertical li:hover {
	background-color: #211404;
	color: #fff;
	background-image: url(/web/20190213190525im_/http://www.houcailei.com/Public/pc/img/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.menu-vertical li {
    padding: 20px 40px 30px 40px;
    font-size: 26px;
    font-weight: 400 !important;
}

.menu-vertical li img {
    margin-bottom: 0px !important;
    margin-right: 15px;
}

.menu-vertical li:not(:last-child) {
    margin-bottom: 0.30952381em;
}

.menu-vertical li span {
    display: block;
    font-size: 16px;
    color: #B4B4AF;
}

.menu-vertical li.dropdown {
    position: relative;
}

.menu-vertical li.dropdown:after {
    content: '\e80c';
    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.92857143em;
    padding-top: 0.92857143em;
}

.menu-vertical li.separate.dropdown:after {
    top: .92857143em;
}

.menu-vertical+h5 {
    margin-top: 1.85714286em;
}

@media all and (max-width: 990px) {
    .menu-vertical .dropdown.dropdown--active:after {
        opacity: 0;
    }
}


/*! -- 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: 0px;
    border: 1px solid #ececec;
    overflow: hidden;
}

.tweets-feed-1 li {
    overflow: hidden;
    padding: 1.85714286em;
    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.92857143em;
}

.tweets-feed-1 .user img {
    max-height: 3.71428571em;
    margin-right: 0.46428571em;
}

.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.46428571em;
}

.tweets-feed-1 .timePosted {
    font-size: 0.85714286em;
    line-height: 2.16666667em;
}

.tweets-feed-1:not(:last-child)+.btn {
    margin-top: 2.78571429em;
}

.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: "\e040";
}

.tweets-feed-2 li .tweet {
    width: 85%;
    float: right;
}

.tweets-feed.slider .user img {
    display: inline-block;
    clear: both;
    margin-bottom: 0.92857143em;
}

.tweets-feed.slider .user [data-scribe="element:name"] {
    display: none;
}

.tweets-feed.slider .user [data-scribe="element:screen_name"] {
    display: block;
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    font-weight: normal;
}

.tweets-feed.slider .tweet {
    margin-top: 1.36842105263158em;
    margin-bottom: 0.68421052631579em;
    font-size: 1.35714286em;
    line-height: 1.68421053em;
}

.tweets-feed.slider .timePosted {
    margin: 0;
}

.tweets-feed.slider:not(:last-child)+.btn {
    margin-top: 2.78571429em;
}


/*! -- Stack Instagram -- */

.instafeed a {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.instafeed a:hover {
    opacity: .75;
}

.instafeed:not(.instafeed--gapless) li {
    padding: 0.46428571em;
}

.instafeed.instafeed--gapless li {
    margin-bottom: -1px;
}

.instafeed+.btn {
    margin-top: 2.78571429em;
}

.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: #666666;
    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: .5;
}

.card p a {
    text-decoration: none;
}

.masonry__item .card.boxed {
    margin-bottom: 0;
}

.card-1 .card__avatar {
    margin-bottom: 0.92857143em;
}

.card-1 .card__avatar img {
    max-height: 2.78571429em;
    margin-right: 0.46428571em;
    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.92857143em;
    margin-bottom: 0.92857143em;
}

.card-1 .card__body img {
    margin-bottom: 0.92857143em;
}

.card-1 .card__body h4 {
    margin-bottom: 0.342105263157895em;
}

.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.92857143em;
    }
}

.card-2 .card__top img {
    border-radius: 6px 6px 0 0;
    width: 100%;
}

.card-2 .card__body {
    border-bottom: 1px solid #ececec;
    padding-bottom: 1.85714286em;
}

.card-2 .card__body h4 {
    margin: 0;
}

.card-2 .card__body p {
    margin-top: 0.92857143em;
}

.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.541666666666667em;
}

.card-2 .card__body,
.card-2 .card__bottom {
    padding: 1.85714286em;
    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.92857143em 1.85714286em;
}

.card-2 .card__action i {
    font-size: 1.78571429em;
}

.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.23809524em;
    height: 1.23809524em;
    border-radius: 50%;
    text-align: center;
}

.checkmark:not([class*='bg-']) {
    background: #CCAD55;
}

.checkmark:before {
    content: '\2713';
    color: #fff;
    font-size: 11px;
    position: absolute;
    width: 100%;
    left: 0;
    top: -4px;
}

.checkmark.checkmark--cross:before {
    content: '\2717';
}

.checkmark:not(:last-child) {
    margin-right: 13px;
}


/*! -- Stack Icons -- */

.icon:not(.block) {
    display: inline-block;
}

.icon.icon--xs {
    font-size: 1.14285714285714em;
}

.text-block .icon--lg+h4 {
    margin-top: 0.6842105263158em;
}

.imagebg .icon {
    color: #fff;
}

p .material-icons {
    font-size: 1em;
}

p .material-icons:first-child {
    margin-right: 0.30952381em;
}


/*! -- Stack Tooltips -- */

.tooltip {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 1.23809524em;
    height: 1.23809524em;
    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: 9999;
    position: absolute;
    width: 280px;
    background: #fafafa;
    border: 1px solid #ececec;
    padding: 0.61904762em;
    left: 1.48571429em;
    top: -0.92857143em;
    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: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
    line-height: 20px;
}

.tooltip:hover .tooltip__text {
    opacity: 1;
}

.tooltip:last-child {
    margin-left: 0.92857143em;
}

[data-tooltip] {
    position: relative;
    overflow: visible;
}

[data-tooltip]:after {
    transition: all .2s ease;
    content: attr(data-tooltip);
    position: absolute;
    top: -150px;
    left: -100px;
    padding: 2px 12px;
    pointer-events: none;
    white-space: nowrap;
    border-radius: 2px;
    z-index: 2;
    font-family: 'Open Sans';
    width: 270px;
    height: 134px;
}

[data-tooltip]:not(:hover):after {
    opacity: 0;
}


/*! -- Stack Boxes -- */

.boxed {
    border-radius: 0px;
}

.boxed .background-image-holder {
    border-radius: 0px;
}

.boxed:before {
    border-radius: 0px;
}

.boxed:not(:last-child) {
    margin-bottom: 30px;
}

.investment .boxed:not([class*='bg-']) {
    background: #F2F2F2;
}

.boxed.bg--secondary .boxed {
    background: #fafafa;
}

@media all and (min-width: 768px) {
    .switchable .imagebg .boxed {
        padding-left: 5.57142857em;
    }
}

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

@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: 30px;
}

.feature.feature--featured:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #CCAD55;
    left: 0;
}

.feature h5 {
    margin: 0;
}

.feature h4 {
    margin-bottom: 0.342105263157895em;
}

.feature h4+p {
    max-width: 22.28571429em;
}

.feature i+h5 {
    margin-top: 1.85714286em;
}

.feature i+h4 {
    margin-top: 0.68421052631579em;
}

.feature i.icon--lg+h4 {
    margin-top: 1.36842105263158em;
}

.feature i.icon--lg+.h5 {
    margin-top: 0.92857143em;
}

.feature img+.boxed {
    border-radius: 0 0 6px 6px;
    border-top: none;
}

.imagebg:not(.image--light) .feature.bg--white a:not(.btn) {
    color: #CCAD55;
}

.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;
    }
    .back-to-top{
        width: 40px;
        height: 40px;
        right: 15px;
        bottom: 15px;
        padding-top: 5px;
    }
}

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: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.feature-1 {
    min-height: 11.14285714em;
}

.feature-1 p {
    margin: 0;
}

.feature-1 p.lead {
    min-height: 5.05263157894737em;
}

.feature-1>img:first-child {
    border-radius: 0;
}

.feature-1>a.block img {
    border-radius: 0;
    width: 100%;
    height: auto;
    border: 1px solid #ececec;
}

.feature-1>a {
    height: 180px;
    overflow: hidden;
}

.feature-1>a.block+.feature__body {
    border-radius: 0;
}

.feature-1[class*='box-shadow'] {
    border-radius: 0px;
    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: 0px;
    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 #000000;
}

.feature-2 {
    overflow: hidden;
}

.feature-2 .feature__body {
    width: 75%;
    float: right;
}

.feature-2 h5 {
    margin-bottom: 0.46428571em;
}

.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.92857143em;
    }
}

.feature-3 i {
    margin-bottom: 0.16666666666667em;
}

.feature-3 p {
    min-height: 7.42857143em;
}

.feature-4 .btn {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0;
    padding: 0.92857143em;
}

.feature-4 .btn:hover {
    transform: none;
}

.feature-4 p {
    min-height: 9.28571429em;
}

.feature-4 p:last-of-type {
    margin-bottom: 3.71428571em;
}

.feature-5 i {
    width: 25%;
    float: left;
}

.feature-5 .feature__body {
    width: 75%;
    float: right;
}

.feature-5 p {
    min-height: 5.57142857em;
}

.feature-5 p:last-of-type {
    margin-bottom: 0.92857143em;
}

.feature-5:not([class*='bg-']) {
    color: #252525;
}

.feature-6 p {
    min-height: 9.28571429em;
}

.feature-6 p:last-child {
    margin: 0;
}

.feature-7 {
    height: 13em;
    margin-bottom: 30px;
}

.feature-7[data-overlay]:before {
    border-radius: 0px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.feature-7[data-overlay]:hover:before {
    opacity: .85;
}

.feature-7 .background-image-holder {
    border-radius: 0px;
}

.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.78571429em 0 3.71428571em 0;
}

.feature-8:not(.boxed) {
    margin-bottom: 0;
}

.feature-8 .feature__body {
    max-width: 70%;
    margin: 0 auto;
}

.feature-8 p {
    min-height: 5.57142857em;
}

@media all and (max-width: 990px) {
    .feature-8 .feature__body {
        max-width: 85%;
    }
}

@media all and (max-width: 767px) {
    .feature p {
        min-height: auto;
    }
    .feature.boxed {
        margin-bottom: 15px;
    }
    .feature:not(.boxed) {
        margin-bottom: 30px;
    }
    .feature.feature-8 {
        margin-bottom: 0;
    }
}

.feature-8 img {
    max-height: 14.85714286em;
}

.feature-9 h4 {
    margin: 0;
}

.feature-9:not(.boxed) {
    margin-bottom: 30px;
}


/*! -- 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.28571429em;
    }
    .staggered div[class*='col-'] .feature:not(:last-child) {
        margin-bottom: 9.28571429em;
    }
}

.feature-large h4:first-child {
    margin-bottom: 0.68421052631579em;
}

.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.71428571em;
}

.feature-large .feature-large__group {
    overflow: hidden;
}

.feature-large-1 .lead {
    margin-bottom: 2.73684210526316em;
}

@media all and (min-width: 768px) {
    .feature-large-2 div[class*='col-']:first-child {
        margin-top: 5.57142857em;
    }
    .feature-large-2 div[class*='col-']:last-child {
        margin-top: 7.42857143em;
    }
}

@media all and (max-width: 767px) {
    .feature-large-2 img {
        margin: 1.85714286em 0;
    }
}

.feature-large-7.switchable .boxed div[class*='col-']:only-child {
    float: none;
}

.feature-large-13 p.lead+.text-block {
    margin-top: 3.71428571em;
}

.feature-large-13 div[class*='col-'] .text-block+.text-block {
    margin-top: 2.78571429em;
}

@media all and (min-width: 1200px) {
    .feature-large-13:not(.text-center) .text-block p {
        max-width: 26em;
    }
}


/*! -- Stack Accordions -- */

.accordion .accordion__title {
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    opacity: .5;
    margin-bottom: 0.92857143em;
}

.accordion .accordion__title:hover {
    opacity: 1;
}

.accordion .accordion__title:before {
    font-family: "stack-interface";
    content: '\e80d';
    margin-right: 6px;
    color: #252525;
}

.accordion .accordion__title span {
    display: inline-block;
}

.accordion li.active {
    margin-bottom: 0.92857143em;
}

.accordion li.active .accordion__title {
    opacity: 1;
}

.accordion li.active .accordion__title:before {
    content: '\e80a';
}

.accordion li.active .accordion__content {
    animation: fadeUp .5s ease forwards;
    -webkit-animation: fadeUp .5s ease forwards;
}

.accordion-1 li.active .accordion__title {
    border-color: #CCAD55;
}

.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: 0px;
    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--dark .accordion-1 li .accordion__title,
.imagebg:not(.image--light) .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--dark .accordion-1 li .accordion__title:before,
.imagebg:not(.image--light) .accordion-1 li .accordion__title:before {
    color: #fff;
}

.imagebg:not(.image--light) .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 .5s ease forwards;
    -webkit-animation: fadeOutUp .5s ease forwards;
}

.tabs-container.tabs--vertical .tabs-content>li.active .tab__content {
    animation: fadeInUp .5s ease forwards;
    -webkit-animation: fadeInUp .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.85714286em;
    }
    .tabs-container.tabs--vertical .tabs-content>li:not(.active) .tab__content {
        animation: fadeOutRight .5s ease forwards;
        -webkit-animation: fadeOutRight .5s ease forwards;
    }
    .tabs-container.tabs--vertical .tabs-content>li.active .tab__content {
        animation: fadeInLeft .5s ease forwards;
        -webkit-animation: fadeInLeft .5s ease forwards;
        backface-visibility: hidden;
    }
}

.tabs {
    display: inline-block;
    border-radius: 0px;
    margin-bottom: 1.85714286em;
}

.tabs li {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    padding: 0.92857143em 1.85714286em;
        -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.tabs li:not(:last-child) {
    background: #dbb344;
}

.tabs li.active {
    opacity: 1;
    background: #dbb344;
}

.tabs li.active .tab__title {
    color: #CCAD55;
}

.tabs li.active .tab__title span {
    color: #fff;
}

.tabs li:not(.active) {
    opacity: 1;
    background: #FFF;
    border: 1px solid #ccc;
    
}

.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.46428571em;
    display: inline-block;
    margin-bottom: 0;
}

@media all and (min-width: 768px) {
    .tabs.tabs--spaced {
        margin-bottom: 3.71428571em;
    }
}

.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 .5s ease forwards;
    -webkit-animation: fadeOutRight .5s ease forwards;
}

.tabs-content>li.active {
    animation: fadeInLeft .5s ease forwards;
    -webkit-animation: fadeInLeft .5s ease forwards;
    backface-visibility: hidden;
}


/*! -- Stack Switchable Sections -- */

.switchable .switchable__text {
    margin-top: 1.85714286em;
}

.switchable [class*='col-']:first-child .switchable__text {
    margin-bottom: 2.78571429em;
}

.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.85714286em;
    }
    .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.85714286em;
    }
}


/*! -- Stack CTA -- */

.cta .btn:first-child:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.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.23809524em 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.92857143em;
    }
    .cta-1>div[class*='col-']:last-child {
        margin-top: 1.85714286em;
    }
}

@media all and (max-width: 767px) {
    .cta .lead {
        margin: 1.36842105263158em 0;
    }
}

.cta-2 {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.cta-2 h2 {
    margin: 1.57575757575758em 0;
}

.cta-2.bg--primary:hover {
    background: #5798e4;
}

.cta-2:hover {
    background: #ffffff;
}

@media all and (min-width: 768px) {
    .cta-3 .switchable__text {
        margin-top: 5.57142857em;
    }
}


/*! -- 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.92857143em;
    white-space: nowrap;
    bottom: 22px;
}

.modal-instance .video-play-icon.video-play-icon--xs+span {
    bottom: 8px;
    margin-left: 0.46428571em;
}

.video-cover {
    background: #252525;
}

.video-cover.border--round {
    overflow: hidden;
}

.video-cover.border--round iframe {
    border-radius: 0px;
}

.video-cover:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.video-cover+span.h4+span {
    display: inline-block;
    margin-left: 0.92857143em;
}

.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.71428571em;
    }
}

@media all and (min-width: 768px) {
    .video-1 .video-play-icon {
        margin-right: 1.85714286em;
    }
    .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.46428571em;
    }
}

.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.92857143em;
    }
}

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

@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-content {
    -ms-overflow-style: none;
}

.modal-content::-webkit-scrollbar {
    display: none;
}


/*! -- Stack Notifications -- */

.notification {
    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.85714286em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.search-box.notification--reveal {
    z-index: 9999;
}

.search-box .notification-close-cross {
    top: 2.32142857em;
    right: 1.85714286em;
}

.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 #CCAD55;
    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: '\00D7';
    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: '\e801';
    left: 1.85714286em;
}

.lb-next:after {
    content: '\e802';
    right: 1.85714286em;
}

.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: .8;
    cursor: zoom-in;
}


/*! -- Stack Covers -- */

.cover .typed-headline {
    margin-bottom: 3.71428571em;
}

.cover .typed-headline .type--bold {
    font-weight: 400;
}

.cover .triptych {
    margin-top: 3.71428571em;
}

.cover .btn+.modal-instance {
    margin-top: 1.85714286em;
}

.cover h3+form,
.cover .h3+form {
    margin-top: 2.78571429em;
}

.cover .lead+.boxed {
    margin-top: 3.71428571em;
}

.cover.unpad--bottom {
    overflow: hidden;
}

.cover .modal-instance.block:not(:first-child):not(:last-child) {
    margin: 2.78571429em 0;
}

.cover .pos-bottom {
    margin-bottom: 1.85714286em;
}

@media all and (min-width: 768px) {
    .cover .row .row:last-child {
        margin-top: 5.57142857em;
    }
}

@media all and (max-width: 767px) {
    .cover .pos-bottom.pos-absolute {
        position: relative;
        margin-top: 1.85714286em;
    }
}

@media all and (max-width: 990px) {
    .cover .mt--3 {
        margin-top: 0;
    }
}

@media all and (min-width: 768px) {
    .cover .triptych {
        margin-top: 7.42857143em;
    }
}

.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.57142857em;
    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: .05;
}

.cover-slider .typed-headline {
    margin: 0;
}

.cover-slider .typed-headline+.btn {
    margin-top: 0.92857143em;
}

.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.71428571em;
}

.cover-features .row:nth-child(2) {
    margin-top: 11.14285714em;
}

@media all and (max-width: 767px) {
    .cover-features.space--lg {
        padding-bottom: 1.85714286em;
    }
    .cover-features .row:nth-child(2) {
        margin-top: 3.71428571em;
    }
}


/*! -- Stack Processes -- */

.process-1 {
    padding: 3.71428571em 0;
    position: relative;
    overflow: hidden;
}

.process-1 .process__item {
    width: 50%;
}

.process-1 .process__item:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.process-1:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    left: 50%;
    top: 0;
    background: #CCAD55;
}

.process__item {
    position: relative;
}

.process__item:after {
    content: '';
    width: 1.85714286em;
    height: 1.85714286em;
    background: #fff;
    border: 2px solid #CCAD55;
    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.71428571em;
    }
    .process-1 .process__item:nth-child(odd):after {
        right: -0.92857143em;
    }
    .process-1 .process__item:nth-child(even) {
        margin-left: 50%;
        padding-left: 3.71428571em;
    }
    .process-1 .process__item:nth-child(even):after {
        left: -0.92857143em;
    }
}

@media all and (max-width: 767px) {
    .process-1:before,
    .process-2:before {
        left: 0.92857143em;
    }
    .process-1 .process__item,
    .process-2 .process__item {
        width: 100%;
        padding-left: 3.71428571em;
    }
    .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.71428571em;
}

.process-2 .process__item:after {
    display: inline-block;
    text-align: center;
}

.process-2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    top: 0.92857143em;
    left: 0;
    background: #CCAD55;
}

@media all and (max-width: 767px) {
    .process-2:before {
        height: 100%;
        width: 2px;
        left: 1.85714286em;
        margin-left: 2px;
    }
    .process-2 .process__item:after {
        top: 3.71428571em;
    }
}

.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.71428571em;
    height: 3.71428571em;
    border-radius: 50%;
    border: 2px solid #CCAD55;
    background: #fff;
    text-align: center;
}

.process-3 li .process__number span {
    font-size: 1.35714286em;
    font-weight: bold;
    color: #CCAD55;
    position: relative;
    top: 12px;
}

.process-3 li .process__body {
    width: 80%;
    float: right;
}

.process-3 li .process__body h4 {
    margin-bottom: 0.342105263157895em;
}

.process-3 li:not(:last-child) {
    margin-bottom: 3.71428571em;
}

.process-3:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: 1.85714286em;
    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 .3s ease;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative;
}

.process-stepper>li:before {
    transition: all .3s ease;
    content: '';
    width: 0.92857143em;
    height: 0.92857143em;
    background: #ccc;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.92857143em;
}

.process-stepper>li:after {
    transition: all .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: #CCAD55;
}

.process-stepper>li>span {
    cursor: default;
}

.process-stepper[data-process-steps="6"]>li {
    width: 16.666666666666667%;
}

.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.33333333%;
}

.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.85714286em;
    }
    .typed-headline h1,
    .typed-headline .h1 {
        margin-bottom: 0;
    }
}


/*! -- Stack Forms -- */

.bg--dark input,
.imagebg:not(.image--light) input,
.bg--dark textarea,
.imagebg:not(.image--light) textarea {
    color: #666666;
}

.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.92857143em;
}

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.78571429em;
}

h3+form,
.h3+form,
.lead+form {
    margin-top: 2.78571429em;
}

.cover .lead+form {
    margin-top: 3.71428571em;
}

form+span.type--fine-print {
    margin-top: 1.08333333333334em;
    display: inline-block;
}

.form--inline>span.h4 {
    color: #666666;
}

.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.92857143em;
}

.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.25000000000001em;
}

button.btn,
input[type="submit"].btn {
    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: .5px;
    margin-right: -0.5px;
}

button.checkmark.checkmark--cross,
input[type="submit"].checkmark.checkmark--cross {
    width: 1.85714286em;
    height: 1.85714286em;
    border: none;
    background: #e23636;
}

button.checkmark.checkmark--cross:before,
input[type="submit"].checkmark.checkmark--cross:before {
    content: '\00d7';
    font-size: 18px;
    top: -1px;
}

button[type="submit"].btn--loading:after,
input[type="submit"][type="submit"].btn--loading:after {
    background: #CCAD55;
}

.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: #CCAD55;
    border-color: #CCAD55;
}

.bg--primary button.btn.btn--primary-1 {
    border-color: #31639c;
}

input,
select {
    height: 2.78571429em;
}

input.field-error {
    border-color: #EBA8A8;
}

input[type]+input[type],
input[type]+.input-checkbox,
input[type]+button,
input[type]+.input-select {
    margin-top: 0.92857143em;
}

input,
[class*='input-'] .inner,
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.92857143em;
    font-size: 16px;
}

input[type]:focus,
select:focus,
textarea:focus {
    border-color: #996c34;
}

input[type="image"] {
    border: none;
    padding: none;
    width: auto;
}

label {
    font-size: 0.85714286em;
}

.bg--primary label,
.bg--primary-1 label {
    color: #fff;
}

.input-checkbox {
    margin-top: 0.46428571em;
}

.input-checkbox .inner {
    background: none;
    border: 1px solid #d3d3d3;
    text-align: center;
    position: relative;
}

.input-checkbox .inner:not(:last-child) {
    margin-right: 0.46428571em;
}

.input-checkbox .inner:hover {
    border-color: #CCAD55;
}

.input-checkbox .inner:before {
    content: '';
    left: 0;
    border-radius: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #CCAD55;
    opacity: 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.input-checkbox.checked .inner {
    border-color: #CCAD55;
    background: #CCAD55;
}

.input-checkbox.checked .inner:after {
    content: 'L';
    transform: rotateY(180deg) rotateZ(-45deg);
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: -2px;
    font-weight: 700;
}

.input-checkbox.checked .inner:before {
    animation: pulse .45s ease forwards;
    -webkit-animation: pulse .45s ease forwards;
}

.input-checkbox+span {
    display: inline-block;
    position: relative;
    bottom: 8px;
    font-size: 0.85714286em;
    white-space: nowrap;
}

.input-checkbox+button[type] {
    margin-top: 0.92857143em;
}

.input-checkbox+span+button[type] {
    margin-top: 0.92857143em;
}

.bg--dark .input-checkbox:not(.checked) .inner {
    border-color: #a5a5a5;
}

.bg--dark .input-checkbox+span {
    opacity: .75;
}

.input-checkbox.input-checkbox--switch .inner {
    width: 3.71428571em;
    border-radius: 60px;
}

.input-checkbox.input-checkbox--switch .inner:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border-color: #d3d3d3;
    opacity: 1;
    left: 2px;
    top: 2px;
}

.input-checkbox.input-checkbox--switch .inner:hover:before {
    border-color: #CCAD55;
}

.input-checkbox.input-checkbox--switch.checked .inner {
    background: none;
}

.input-checkbox.input-checkbox--switch.checked .inner:before {
    animation: none !important;
    background: #CCAD55;
    border-color: #CCAD55;
    transform: translateX(1.85714286em);
}

.input-checkbox.input-checkbox--switch.checked .inner:after {
    display: none;
}

.input-radio .inner {
    position: relative;
    background: none;
    border: 1px solid #d3d3d3;
}

.input-radio .inner:hover {
    border-color: #CCAD55;
}

.input-radio .inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #CCAD55;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    opacity: 0;
    left: 0;
}

.input-radio.checked .inner {
    border-color: #CCAD55;
    background-color: #CCAD55;
}

.input-radio.checked .inner:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 7px;
    top: 7px;
    background-color: #fff;
    border-radius: 50%;
}

.input-radio.checked .inner:before {
    animation: pulse .4s ease forwards;
}

.input-radio--innerlabel {
    transition: all .3s ease;
    height: 2.78571429em;
    line-height: 2.50714286em;
    padding: 0 0.92857143em;
    border: 1px solid #ececec;
    border-radius: 0px;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.input-radio--innerlabel .inner {
    display: none;
}

.input-radio--innerlabel label {
    pointer-events: none;
    font-weight: 600;
}

.input-radio--innerlabel:hover {
    border-color: #CCAD55;
}

.input-radio--innerlabel.checked {
    border-color: #CCAD55;
    background: #CCAD55;
    color: #fff;
}

.bg--primary .input-radio--innerlabel {
    border-color: #76abe9;
}

.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: #CCAD55;
}

.bg--primary-1 .input-radio--innerlabel {
    border-color: #3e7cc2;
}

.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: #31639c;
}

.input-select {
    position: relative;
}

.input-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.input-select:after {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    font-size: 30px;
    content: '\2263';
    pointer-events: none;
    padding: 0 13px;
    border-left: 1px solid #ececec;
    line-height: 31px;
}

.input-select:focus:after {
    border-color: #CCAD55;
}

.input-select select:focus {
    border-color: #CCAD55;
}

.input-number {
    position: relative;
}

.input-number>input[type="number"] {
    padding-left: .46428571em;
    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.92857143em;
}

.input-number .input-number__controls>span {
    position: absolute;
    display: block;
    width: 10%;
    min-width: 3.71428571em;
    height: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    padding-top: 6px;
    transition: all .3s ease;
}

.input-number .input-number__controls>span:hover {
    color: #CCAD55;
}

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


/*! -- Stack Subscribe Forms -- */

.subscribe-form-1 h3 {
    margin-bottom: 0.52em;
}

.subscribe-form-1.boxed form {
    margin: 1.85714286em;
}

@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.85714286em;
    }
}


/*! -- 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.684210526315789em;
}

.boxed-form:last-child {
    margin-bottom: 0;
}


/* Stack Datepicker Form */

.datepicker {
    cursor: pointer;
}

.picker {
    transition: all .3s ease;
    z-index: 10;
    max-width: 100%;
    -webkit-transition: all .3s ease;
    margin-top: 0.46428571em;
    position: absolute;
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 0px;
    padding: 0.92857143em;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

.picker .picker__header {
    text-align: center;
    margin-bottom: 0.92857143em;
}

.picker .picker__header>div {
    font-weight: 600;
    display: inline-block;
    color: #252525;
}

.picker .picker__header>div:not(:last-child) {
    margin-right: 0.46428571em;
}

.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: '\e80c';
}

.picker .picker__header .picker__nav--prev {
    float: left;
}

.picker .picker__header .picker__nav--prev:after {
    content: '\e80b';
}

.picker .picker__day {
    transition: all .3s ease;
    cursor: pointer;
}

.picker .picker__day.picker__day--highlighted {
    color: #CCAD55;
    font-weight: 600;
}

.picker .picker__day:hover {
    color: #CCAD55;
}

.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.46428571em;
    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 .3s ease;
    height: auto;
    border: none;
    display: inline-block;
}

.picker button:not(:hover) {
    opacity: .5;
}


/*! -- 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.78571429em;
    height: 5.57142857em;
}

.flickity-prev-next-button:not(:hover) {
    opacity: .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.78571429em;
    color: #252525;
    content: '\e802';
}

.slider.slider--inline-arrows .flickity-prev-next-button.previous:before {
    content: '\e801';
}

.slider.slider--columns .previous {
    left: 15px;
}

.slider.slider--columns .next {
    right: 15px;
}

.slider.border--round .slides li {
    border-radius: 0px;
    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.71428571em;
    }
}

.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 .3s ease;
    -webkit-transition: opacity .3s ease;
}

.radial:not(.radial--active) .radial__label {
    opacity: 0;
}

.radial:not(:last-child) {
    margin-bottom: 1.85714286em;
}

@media all and (max-width: 767px) {
    .radial {
        margin-bottom: 1.85714286em;
    }
}


/*! -- 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.78571429em;
    right: 2.78571429em;
}

.pricing .h2 {
    margin-bottom: 0.3939393939394em;
}

.pricing ul li:not(:last-child) {
    margin-bottom: 0.46428571em;
}

.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: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.pricing .h1 {
    font-size: 4.21428571428571em;
    line-height: 1.10169491525424em;
    margin-bottom: 0.22033898305085em;
}

.pricing .h1 .pricing__dollar {
    font-size: 0.51020408163265em;
    position: relative;
    bottom: 20px;
}

.pricing .feature-6 p {
    min-height: 5.57142857em;
}

.pricing-1 .btn:last-child {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0 0 6px 6px;
    padding: 0.92857143em 0;
    margin: 0;
}

.pricing-1 .btn:last-child:hover {
    transform: none !important;
}

.pricing-1 ul {
    margin-bottom: 5.57142857em;
}

.pricing-1 p {
    min-height: 5.57142857em;
}

.pricing-1 p:first-of-type {
    margin-top: 1.85714286em;
}

.pricing-1 p:last-of-type {
    margin-bottom: 5.57142857em;
}

.pricing-1 img+p:first-of-type {
    margin-top: 0;
}

@media all and (min-width: 991px) {
    .pricing-2 ul:first-child {
        margin-top: 4.64285714em;
    }
}

@media all and (max-width: 990px) {
    .pricing-2 {
        text-align: center;
    }
    .pricing-2 ul:first-child {
        margin-top: 1.85714286em;
    }
}

.pricing-3 {
    border: 1px solid #ececec;
    border-radius: 0px;
}

.pricing-3 .pricing__head {
    margin: 0;
    border-bottom: 1px solid #ececec;
}

.pricing-3 .pricing__head+.btn {
    display: block;
    border-radius: 0;
    padding: 0.92857143em 0;
}

.pricing-3 ul {
    border-radius: 0 0 6px 6px;
}

.pricing-3 ul li {
    padding: 0.92857143em 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.85714286em;
    }
}

@media all and (min-width: 768px) {
    .pricing-section-1 .pricing:not(.boxed--emphasis) {
        left: 0.92857143em;
    }
    .pricing-section-1 .pricing.boxed--emphasis {
        right: 0.92857143em;
    }
}

@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 Maps -- */

iframe[src*='google.com/maps'] {
    border: none;
}

.map-container {
    min-height: 400px;
}

.map-container:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.map-container.border--round {
    overflow: hidden;
    z-index: 2;
}

.map-container.border--round .gm-style {
    border-radius: 0px;
}

.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.71428571em;
    }
}


/*! -- Stack Testimonials -- */

.testimonial {
    position: relative;
    overflow: hidden;
}

.testimonial h5:nth-last-child(2) {
    margin: 0;
}

.testimonial .testimonial__image {
    margin-bottom: 1.85714286em;
}

@media all and (min-width: 1025px) {
    .testimonial-1 .switchable__text {
        margin-top: 7.42857143em;
    }
}

.testimonial-2 {
    float: none;
    width: 100%;
}

.testimonial-2 .testimonial__image img {
    max-height: 3.71428571em;
    float: left;
    margin-right: 1.85714286em;
}

.testimonial-2 .boxed {
    width: 100%;
}

@media all and (max-width: 990px) {
    .testimonial-2 p {
        min-height: 7.42857143em;
    }
}

@media all and (max-width: 767px) {
    .testimonial-2 p {
        min-height: 0;
    }
}

@media all and (min-width: 768px) {
    .lead+.testimonial-2 {
        margin-top: 3.71428571em;
    }
}

@media all and (min-width: 768px) {
    .testimonials-1 .list-inline {
        position: relative;
        top: 0.92857143em;
    }
    .testimonials-1 .list-inline li:not(:last-child) {
        margin-right: 3.71428571em;
    }
}

@media all and (max-width: 767px) {
    .testimonials-1 .list-inline {
        margin-top: 1.85714286em;
    }
    .testimonials-1 .list-inline li {
        margin-bottom: 1.85714286em;
    }
}


/*! -- 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.64285714em;
}

.masonry-filter-holder {
    display: inline-block;
    cursor: pointer;
    height: 3.71428571em;
    position: relative;
    z-index: 9;
    min-width: 143px;
}

.masonry-filter-holder .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.6em 1.3em;
    border: 1px solid #ececec;
    background: #ffffff;
    border-radius: 0px;
}

.masonry-filter-holder .masonry__filters ul {
    margin: 0;
    cursor: pointer;
}

.masonry-filter-holder .masonry__filters ul li {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    display: block;
    color: #666666;
    white-space: nowrap;
}

.masonry-filter-holder .masonry__filters ul li:not(:last-child) {
    margin-bottom: 0.92857143em;
}

.masonry-filter-holder .masonry__filters ul li.active {
    color: #CCAD55;
    cursor: pointer;
}

.masonry-filter-holder .masonry__filters ul li.active:after {
    content: '\25bc';
    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 .masonry__filters ul li:hover {
    color: #CCAD55;
}

.masonry-filter-holder .masonry__filters ul:hover li.active:after {
    opacity: 0;
}

.masonry-filter-holder:not(:hover) .masonry__filters ul {
    max-height: 1.85714286em;
    overflow: hidden;
}

.masonry-filter-holder:not(:hover) .masonry__filters ul li:not(.active) {
    display: none;
}

.masonry-filter-holder: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: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.masonry-filter-holder:hover .masonry__filters ul li.active {
    cursor: default;
}

.masonry-filter-container+.masonry__container {
    margin-top: 1.5em;
}

.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.71428571em;
}

.masonry.masonry-demos .masonry__item h5 {
    margin-bottom: 0;
}


/*! -- Stack Blog -- */

article .article__title {
    margin-bottom: 3.71428571em;
}

article .article__title>a {
    display: block;
}

article .article__title>a:hover {
    text-decoration: none;
    opacity: .75;
}

article .article__title h2 {
    margin-bottom: 0.3939393939394em;
}

article .article__title h1 {
    margin-bottom: 0.29545454545455em;
}

article .article__body img,
article .article__body iframe,
article .article__body .video-cover {
    border-radius: 0px;
}

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.85714286em;
}

article .article__body>a:first-child>img {
    margin-bottom: 1.85714286em;
}

article .article__body p,
article .article__body ul {
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    font-weight: 400;
    color: #808080;
}

article .article__body p:not(:last-child),
article .article__body ul:not(:last-child) {
    margin-bottom: 1.36842105263158em;
}

article .article__body p+.btn:last-child,
article .article__body ul+.btn:last-child {
    margin-top: 0.92857143em;
}

article .article__body p+h5,
article .article__body ul+h5 {
    margin-top: 2.78571429em;
}

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.57142857em;
}

article.imagebg {
    padding: 1.85714286em;
    overflow: hidden;
}

article.imagebg:before {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

article.imagebg:hover:before {
    opacity: .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.85714286em;
}

article.imagebg .label {
    z-index: 2;
    top: 1.85714286em;
    right: 1.85714286em;
}

article.feature-1 h5 {
    min-height: 3.71428571em;
}

article.feature-1 a:hover img {
    opacity: .85;
}

section.unpad>article .imagebg+div {
    padding: 5.57142857em 0;
}

.article__author {
    padding-bottom: 1.85714286em;
}

.article__author img {
    max-height: 3.71428571em;
    margin-bottom: 0.46428571em;
}

.slides--gapless article.imagebg {
    height: 27.85714286em;
}

.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.42857143em;
    }
}

@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.71428571em;
    }
}

.pagination {
    overflow: hidden;
    margin-top: 1.85714286em;
}

.pagination a {
    font-weight: normal;
}

.pagination div[class*='col-'] {
    padding: 0;
}

.blog-article-wide:not(:last-child) {
    border-bottom: 1px solid #ececec;
    margin-bottom: 3.71428571em;
}

.masonry-blog-list hr+.masonry__container {
    margin-top: 0;
}

.masonry-blog-list article {
    border-bottom: 1px solid #ececec;
    padding-top: 2.78571429em;
    margin-bottom: 5.57142857em;
}

.masonry-blog-list article .article__body {
    padding-bottom: 5.57142857em;
}

.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.85714286em;
}

.masonry-filter-container>span {
    position: relative;
    bottom: 28px;
}

.masonry-filter-container>span+.masonry-filter-holder {
    margin-left: 0.92857143em;
}

.comments__list li {
    padding: 1.85714286em;
    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.78571429em;
    }
}

.comment {
    overflow: hidden;
}

.comment:not(:last-child) {
    border-bottom: 1px solid #ececec;
    padding-bottom: 1.85714286em;
}

.comment .comment__avatar {
    width: 15%;
    float: left;
}

.comment .comment__avatar img {
    max-height: 3.71428571em;
}

.comment .comment__meta {
    font-size: 0.85714286em;
}

.comment .comment__meta a {
    display: inline-block;
}

.comment .comment__meta a:not(:first-child) {
    margin-left: 1.08333333333334em;
}

.comment .comment__meta+p {
    margin-top: 0.92857143em;
}

.comment .comment__body {
    width: 85%;
    float: right;
}

.comment .comment__body h5.type--fine-print {
    margin: 0;
}

.comment+.comment {
    margin-top: 1.85714286em;
    padding-left: 15%;
}

@media all and (min-width: 768px) {
    .comments+.comments-form {
        margin-top: 3.71428571em;
    }
}

@media all and (min-width: 768px) {
    h3+.related-blog-list {
        margin-top: 3.71428571em;
    }
}

.related-blog-list li:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.related-blog-list article img {
    border-radius: 0px;
}

.related-blog-list article .article__title {
    margin-top: 0.92857143em;
    margin-bottom: 0;
}

.related-blog-list article .article__title .h4 {
    margin-bottom: 0.68421052631579em;
}

@media all and (min-width: 991px) {
    .sidebar {
        margin-top: 7.42857143em;
        position: relative;
        bottom: 18px;
    }
}

.sidebar .sidebar__widget>h5:first-child {
    margin-bottom: 0.92857143em;
}

.sidebar .sidebar__widget:not(:last-child) {
    margin-bottom: 3.71428571em;
}

.tag-cloud li {
    display: inline-block;
}

.tag-cloud li:not(:last-child) {
    margin-right: 0.46428571em;
}

.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.92857143em;
}

.conversation__head .conversation__avatar img {
    max-height: 1.85714286em;
    display: inline-block;
    margin-right: 0.46428571em;
    margin-bottom: 0;
}

@media all and (min-width: 768px) {
    .conversation__avatar {
        position: absolute;
        top: 1.85714286em;
        right: 2.78571429em;
    }
}

.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.85714286em;
}

.project-thumb:not(.hover-element)>a:hover {
    opacity: .85;
}

.project-thumb.hover-element {
    margin: 0;
}

.project-thumb.hover-element>a {
    height: 24.14285714em;
    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.85714286em;
    z-index: 2;
    position: relative;
    color: #fff;
    transform: translateY(-50%);
    top: 50%;
}

.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: .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.42857143em;
    }
}

.project-thumb.border--round .background-image-holder {
    border-radius: 0px;
}

.project-thumb.border--round>a {
    border-radius: 0px;
    overflow: hidden;
}

.project-thumb.border--round:before {
    border-radius: 0px;
    overflow: hidden;
}

.col-md-4 .project-thumb>a:not(.imagebg) {
    margin-bottom: 0.92857143em;
}


/*! -- Stack Shop -- */

.cart-form button[type="submit"] {
    margin-top: 1.85714286em;
}

.cart-total>div {
    overflow: hidden;
}

@media all and (min-width: 768px) {
    .cart-total {
        margin-top: 3.71428571em;
    }
    .cart-customer-details {
        margin-top: 7.42857143em;
    }
}

@media all and (max-width: 767px) {
    .cart-total {
        margin-top: 1.85714286em;
    }
}

.cart-customer-details div[class*='col-'] {
    margin-top: 0.46428571em;
}

.cart-customer-details .input-checkbox {
    margin: 1.85714286em 0;
}

.product {
    margin-bottom: 0.92857143em;
}

.product img {
    margin-bottom: 0.92857143em;
    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.78571429em;
}

.product h5 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 0.46428571em;
}

.product .h4 {
    margin-bottom: 0;
}

.product .h4:first-child {
    clear: left;
}

.product .product__controls {
    overflow: hidden;
    margin-bottom: 0.92857143em;
}

.product .product__controls label,
.product .product__controls button {
    position: relative;
    top: 6px;
}

.product.product--tile {
    padding: 1.85714286em;
    border-radius: 0px;
}

@media all and (min-width: 1200px) {
    .product .btn--cart {
        position: absolute;
        right: 1.85714286em;
        bottom: 1.85714286em;
    }
}

.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.85714286em;
    right: 2.78571429em;
}


/*! -- Stack Wizard -- */

.wizard>.actions a,
.wizard>.actions a:hover,
.wizard>.actions a:active {
    background: #CCAD55;
    transition: all .3s ease;
    padding: 0.46428571em 1.85714286em;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.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 .2s ease;
}

.wizard>.steps a:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 7px;
    height: 2px;
    background: #eee;
    left: 0;
    transition: all .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: #CCAD55;
}

.wizard>.steps a,
.wizard>.steps a:hover {
    padding-bottom: 2.78571429em;
}

.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.85714286em;
    margin-bottom: 1.85714286em;
    border: 1px solid #ececec;
}

.wizard>.content>.body {
    padding: 1.85714286em;
}

.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%);
    }
}


/*! -- Stack Footers -- */

footer .type--fine-print:not(p) {
    opacity: .5;
}

footer a {
    font-weight: normal;
}

footer:not(.bg--primary):not(.bg--dark) a {
    color: #666666;
}

footer a.type--fine-print:not(:first-child) {
    margin-left: 1.85714286em;
}

footer .logo {
    max-height: 1.67142857em;
}

footer ul:not(.list-inline):not(.slides)>li {
    line-height: 1.8em !important;
}

footer.footer-2 .row:last-child {
    margin-top: 3.71428571em;
}

footer.footer-5 .row [class*='col-']>div:nth-last-child(2) {
    margin: 0.92857143em;
}

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.85714286em;
    padding: 1.85714286em 0;
}

footer.footer-6.bg--dark .footer__lower {
    background: #181818;
}

footer.footer-6.bg--secondary .footer__lower {
    background: #f5f5f5;
}

footer.footer-7 {
    padding: 1.85714286em 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.85714286em;
    }
    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.85714286em;
    }
    footer.footer-4 .logo+span {
        position: relative;
        top: 8px;
    }
    footer.footer-4 form {
        position: relative;
        bottom: 4px;
    }
    footer.footer-4 .row:last-child {
        margin-top: 1.85714286em;
    }
    .footer-1 .type--fine-print {
        position: relative;
        top: 2px;
    }
}

@media all and (max-width: 767px) {
    footer .social-list {
        margin: 1.85714286em 0;
    }
    .footer-4 form {
        margin: 1.85714286em 0;
    }
    .footer-4 .logo {
        margin: 0;
    }
    .footer-6 .footer__lower .social-list {
        margin-top: 1.85714286em;
    }
    .footer-7 .social-list {
        margin-top: 1.85714286em;
    }
    .footer-1 .social-list {
        margin-top: 1.85714286em;
    }
    .footer-1 .logo {
        display: block;
        margin-top: 1.85714286em;
        margin-bottom: 0.92857143em;
        margin-left: auto;
        margin-right: auto;
    }
}
@media all and (max-width: 1366px){.height-40 {
        height: 280px !important;
    }
    .height-50 {
        height: 480px !important;
    }
    .height-60 {
        height: 620px !important;
    }}
h1 span {
	display: block;
	font-size: 15px;
	color: #b4b4b4;
	font-weight: normal;
	letter-spacing: 2px;
	margin-top: -5px;
	text-transform: uppercase;
}

.flickity-slider .col-sm-6.col-xs-6.slide {
    padding-left: 0px !important;
    padding-right: 0px !important;
}



.feature__body h6 {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 20px;
    text-align: justify;
    /*讓文字齊行*/
    text-justify: distribute;
    /*讓文字左右齊行*/
}

.feature-1 .btn .btn__text {
    font-size: 15px;
    font-weight: 500;
    color: #CCAD55;
    border-color: #CCAD55;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {
    display: inline;
    width: 40px;
    height: 40px;
}

ul.pagination li a {
    color: #333333;
    padding: 4px 10px;
    text-decoration: none;
    line-height: 30px;
}

ul.pagination li a.active {
    color: #fff;
    background-color: #333333;
    border-radius: 20px;
}

ul.pagination li a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 20px;
}


/*! -- Add QR code -- */
.outbox{
    margin: 0 auto;
    max-width: 100%;
    font-size: 0; 
}
.outbox .left-box, .outbox .right-box{
    display: inline-block;
    vertical-align: top;
}
.outbox .left-box{
    width: 60%;
}
.outbox .right-box{
    width: 40%;
    text-align: center;
}
.outbox .right-box img{
    width: 80%;
    margin-bottom: 2px;
}
.outbox .right-box p{
    text-align: right;
    color: #737373;
    font-size: 12px;
    line-height: 12px;
    padding-right: 21px;
}
.outbox .left-box p a{
    margin-left: 5px;
}

/*
     FILE ARCHIVED ON 19:05:25 Feb 13, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:40:27 Dec 27, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.57
  exclusion.robots: 0.021
  exclusion.robots.policy: 0.009
  esindex: 0.012
  cdx.remote: 33.581
  LoadShardBlock: 173.958 (3)
  PetaboxLoader3.datanode: 189.106 (5)
  PetaboxLoader3.resolve: 167.517 (3)
  load_resource: 245.439 (2)
*/