@import url(../../../null);
@import url(../../../https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700);


































@primaryColor: #baa069;
@secondaryColor: #ffffff;
@successColor: #f28281;
@infoColor: #ceb8ac;
@warningColor: #f3c649;
@dangerColor: #f28281;
@titleFont: 'cwTeXHei-zhonly';
@subtitleFont: 'cwTeXHei-zhonly';
@textFont: 'cwTeXHei-zhonly';
@isRoundedButtons: true;
@isAnimatedOnScroll: true;
@isScrollToTopButton: true;
@isRtl: false;
// MIXINS

.button-variant(@background) {

    @color: #fff;
    @border: @background;

    @active-background: if(
        eq(@background, @color),
        #d4d4d4,
        darken(@background, 15%)
    );
    @active-color: @color;
    @active-border: @active-background;

    background-color: @background;
    border-color: @border;
    color: @color;

    &:hover,
    &:focus,
    &.focus,
    &:active,
    &.active {
        color: @active-color;
        background-color: @active-background;
        border-color: @active-border;
    }

    &.disabled, &:disabled {
        color: @active-color !important;
        background-color: @active-background !important;
        border-color: @active-border !important;
    }

}

.button-outline-variant(@color) {

    @active-color: #fff;
    @active-background: @color;
    @new-color: if(
        eq(@color, @active-color),
        #fff,
        darken(@color, 20%)
    );

    background: none;
    border-color: @new-color;
    color: @new-color;

    &:hover,
    &:focus,
    &.focus,
    &:active,
    &.active {
        color: @active-color;
        background-color: @active-background;
        border-color: @active-background;
    }

    &.disabled, &:disabled {
        color: @active-color !important;
        background-color: @active-background !important;
        border-color: @active-background !important;
    }

}

.plan-variant(@className, @color) {
    &@{className} {
        .mbr-plan-subtitle,
        .mbr-plan-price-desc {
            @max: max(red(@color), green(@color), blue(@color));
            & when (@max > 200) {
                color: lighten(@color, 40%);
            }
            & when (@max > 85) and (@max <= 200) {
                color: lighten(@color, 25%);
            }
            & when (@max > 50) and (@max <= 85) {
                color: lighten(@color, 45%);
            }
            & when (@max <= 50) {
                color: lighten(@color, 70%);
            }
        }
    }
}

.subtitleFont() {
    font-family: @subtitleFont;
    & when not(includes(@subtitleFont, 'Lora')) {
        font-style: normal;
    }
}

body, input, textarea,
.mbr-company .list-group-text {
    font-family: @textFont;
}
.mbr-footer-content, .mbr-footer .mbr-contacts {
    li {
        font-family: @textFont;
    }
}

.btn, .alert,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4,
.mbr-figure .mbr-figure-caption,
.mbr-gallery-title,
.mbr-map [data-state-details],
.mbr-price {
    font-family: @titleFont;
}

.mbr-footer-content,
.mbr-footer .mbr-contacts {
    h1, h2, h3, h4,
    p strong, strong {
        font-family: @titleFont;
    }
}

.btn when(@isRoundedButtons) {
    border-radius: 1.6em;
}

.mbr-subscribe .btn when(@isRoundedButtons) {
    border-radius: 1.6em !important;
}

.btn-sm,
.lead a, .lead blockquote,
.mbr-section-subtitle,
.mbr-section-hero .mbr-section-lead,
.mbr-cards .card-subtitle,
.mbr-testimonial .card-block {
    .subtitleFont();
}

.mbr-author {
    &-name { font-family: @titleFont; }
    &-desc { .subtitleFont(); }
}

.mbr-plan {
    &-title { font-family: @titleFont; }
    &-subtitle, &-price-desc {
        .subtitleFont();
    }
}

.bg-primary { background-color: @primaryColor !important; }
.bg-success { background-color: @successColor !important; }
.bg-info { background-color: @infoColor !important; }
.bg-warning { background-color: @warningColor !important; }
.bg-danger { background-color: @dangerColor !important; }

.btn-primary { .button-variant(@primaryColor); }
.btn-secondary { .button-variant(@secondaryColor); }
.btn-info { .button-variant(@infoColor); }
.btn-success { .button-variant(@successColor); }
.btn-warning { .button-variant(@warningColor); }
.btn-danger { .button-variant(@dangerColor); }

.btn-primary-outline { .button-outline-variant(@primaryColor); }
.btn-secondary-outline { .button-outline-variant(@secondaryColor); }
.btn-info-outline { .button-outline-variant(@infoColor); }
.btn-success-outline { .button-outline-variant(@successColor); }
.btn-warning-outline { .button-outline-variant(@warningColor); }
.btn-danger-outline { .button-outline-variant(@dangerColor); }

.text-primary { color: @primaryColor !important; }
.text-success { color: @successColor !important; }
.text-info { color: @infoColor !important; }
.text-warning { color: @warningColor !important; }
.text-danger { color: @dangerColor !important; }

.alert-success { background-color: @successColor; }
.alert-info { background-color: @infoColor; }
.alert-warning { background-color: @warningColor; }
.alert-danger { background-color: @dangerColor; }

.btn-social {
    border-color: @primaryColor;
    &:hover { background: @primaryColor; }
}

.mbr-company .list-group-item.active .list-group-text {
    color: @primaryColor;
}

.mbr-footer {
    p, ul {
        a {
            color: @primaryColor;
        }
    }
}
.mbr-footer-content, .mbr-footer .mbr-contacts {
    li {
        &::before { background: @primaryColor; }
        a:hover { color: @primaryColor; }
    }
}

.lead {
    a, a:hover { color: @primaryColor; }
    blockquote { border-color: @primaryColor; }
 }

.mbr-plan-header {
    .plan-variant(~'.bg-primary', @primaryColor);
    .plan-variant(~'.bg-success', @successColor);
    .plan-variant(~'.bg-info', @infoColor);
    .plan-variant(~'.bg-warning', @warningColor);
    .plan-variant(~'.bg-danger', @dangerColor);
}

.mbr-small-footer a,
.mbr-gallery-filter li:hover {
    color: @primaryColor;
}

.scrollToTop_wraper when not(@isScrollToTopButton) {
    opacity: 0 !important;
}


// addon: mobirise3-blocks

.extCountdown1,
.extCountdown2 {
    .number {
        font-family: @titleFont;
    }
    .period {
        .subtitleFont();
    }
    .dot {
        font-family: @titleFont;
    }
}

.features6 {
    .feature-subtitle {
        .subtitleFont();
    }
    .feature-title {
        font-family: @titleFont;
    }
    .description {
        font-family: @textFont;
    }
}

.count, .counter-title {
    font-family: @titleFont;
}
.counter-subtitle {
    .subtitleFont();
}

.mbr-iconfont-counters1 {
    color: @primaryColor;
}

.extHeader1,
.extHeader2,
.extHeader3,
.extHeader5,
.extHeader6,
.extHeader7,
.extHeader8,
.extHeader9,
.extHeader10,
.extHeader12,
.extHeader13,
.extFeatures10 {
    .container h3 {
        font-family: @titleFont;
    }
    .container p {
        .subtitleFont();
    }
}
.extHeader5 {
    .container label {
        .subtitleFont();
    }
}
.extHeader9 {
    form p.form-subtitle {
        font-family: @titleFont;
    }
}
.extHeader11 {
    .container span {
        font-family: @titleFont;
    }
    .container p.element {
        font-family: @titleFont;
    }
    .container p {
        .subtitleFont();
    }
}
.extHeader12,
.extFeatures10 {
    h4 {
        font-family: @titleFont;
    }
    .subtitle {
        .subtitleFont();
    }
}
.extHeader13 {
    h4 {
        font-family: @titleFont;
    }
    .number {
        font-family: @titleFont;
    }
    .period {
        .subtitleFont();
    }
    .dot {
        font-family: @titleFont;
    }
}

.extFeatures {
    .feature-title {
        font-family: @titleFont;
    }
    .feature-subtitle {
        .subtitleFont();
    }
    .feature-text {
        font-family: @textFont;
    }
}
.extFeatures2 h4 {
    font-family: @titleFont;
}
.extFeatures3 .border-wrap {
    border-color: @primaryColor;
}
.extFeatures4,
.extFeatures6,
.extFeatures5 .card-title {
    h4 {
        font-family: @titleFont;
    }
    h5 {
        .subtitleFont();
    }
}

.extForm1,
.extForm2,
.extForm3,
.extForm4 {
    h4 {
        font-family: @titleFont;
    }
    .subtitle {
        .subtitleFont();
    }
}
.extForm2 {
    .container h3 {
        font-family: @titleFont;
    }
    .container p {
        .subtitleFont();
    }
}

.extPricingTable1 {
    .bottom_line {
        border-bottom-color: @primaryColor;
    }
    .mbr-price small {
        .subtitleFont();
    }
    .mbr-plan-label {
        background: @primaryColor;
    }
}

.extCounters2 {
    h4 {
        font-family: @titleFont;
    }
    h5 {
        .subtitleFont();
    }
}
.extCounters3 {
    .count {
        font-family: @titleFont;
    }
    .counter-title {
        font-family: @titleFont;
    }
    .counter-subtitle {
        .subtitleFont();
    }
}

.extProgressBar {
    .progress-primary[value]::-webkit-progress-value {
        background-color: @primaryColor;
    }
    .progress-primary[value]::-moz-progress-bar {
        background-color: @primaryColor;
    }
    @media screen and (min-width: ~'0\0') {
        .progress-primary .progress-bar {
            background-color: @primaryColor;
        }
    }
    .title-wrap {
        .subtitleFont();
    }
}

.extProgressBarRound .progress-radial .overlay {
    font-family: @titleFont;
}

.extProgressBar4 {
    .feature-title {
        font-family: @titleFont;
    }
    .feature-subtitle {
        .subtitleFont();
    }
}

.extTabs1, .extTabs2 {
    ul.nav-tabs li a:hover {
        color: @primaryColor;
    }
}

.extAccordion1 .panel-heading a {
    font-family: @textFont;
}

.extAccordion1,
.extAccordion2,
.extToggle1 {
    .pseudoPlus, .pseudoPlus:after, .pseudoMinus {
        background-color: @primaryColor;
    }
}

.extAccordion2,
.extAccordion3,
.extToggle1 {
    .panel-heading a {
        font-family: @textFont;
    }
}

.extProgressBar5 {
    .progress-primary[value]::-webkit-progress-value {
        background-color: @primaryColor;
    }
    .progress-primary[value]::-moz-progress-bar {
        background-color: @primaryColor;
    }
    @media screen and (min-width: ~'0\0') {
        .progress-primary .progress-bar {
            background-color: @primaryColor;
        }
    }
    .title-wrap {
        .subtitleFont();
    }
}

.extMsg-box1 {
    .container h3 {
        font-family: @titleFont;
    }
    .container p {
        .subtitleFont();
    }
    h4 {
        font-family: @titleFont;
    }
    .subtitle {
        .subtitleFont();
    }
}
.extMsg-box2,
.extMsg-box3,
.extMsg-box4 {
    .container span {
        font-family: @titleFont;
    }
    .container p {
        .subtitleFont();
    }
}

.extProgressBarRound {
    .pie_progress__number {
        font-family: @titleFont;
    }
}
.extMenu1{
    span.icon a:hover{
        color: @primaryColor !important;
    }
}
.extProgressBar{
    .progress-primary[value]::-ms-fill{
        color: @primaryColor;
    }
}
.extProgressBar5{
    .progress-primary[value]::-ms-fill{
        color: @primaryColor;
    }
}

.theme-border{
    border: 1px solid @primaryColor;
}
@isPublish: true;

#ext_menu-80 {
.hide-buttons .nav-btn {
  display: none !important;
}
.navbar-caption {
  color: #ffffff;
}
.navbar-toggler {
  color: #ffffff;
}
.close-icon::before, .close-icon::after {
  background-color: #ffffff;
}
.link, .dropdown-item {
  color: #ffffff;
}
.link {
  font-size: 0.6rem;
}
.dropdown-item, .nav-dropdown-sm .link {
  font-size: 0.650rem;
}
.link:hover, .dropdown-item:hover, .link:focus, .dropdown-item:focus {
  color: #baa069;
}
.link[aria-expanded="true"], .dropdown-menu {
  background: #0e0e0e;
}
.nav-dropdown-sm .link:focus, .nav-dropdown-sm .link:hover, .nav-dropdown-sm .dropdown-item:focus, .nav-dropdown-sm .dropdown-item:hover {
  background: #202020!important;
}
.navbar, .nav-dropdown-sm, .nav-dropdown-sm .link[aria-expanded="true"], .nav-dropdown-sm .dropdown-menu {
  background: #282828;
}
.bg-color.transparent .link {
  color: #ffffff;
  transition: none;
}
.bg-color.transparent.opened .link {
  transition: color .2s ease-in-out;
}
.bg-color.transparent.opened .link:hover, .bg-color.transparent.opened .link:focus {
  color: #baa069;
}
.link[aria-expanded="true"], .dropdown-item[aria-expanded="true"] {
  color: null!important;
}
}

#header4-7l {
.mbr-section-lead {
  color: #ffffff;
  font-family: 'cwTeXHei-zhonly';
}
.mbr-section-title {
  font-family: 'cwTeXHei-zhonly';
  text-align: center;
}
SPAN {
  font-family: 'Source Sans Pro', sans-serif;
}
.btn {
  font-family: 'cwTeXHei-zhonly';
}
.mbr-section-lead SPAN {
  font-family: 'cwTeXHei-zhonly';
}
}

#extFeatures2-65 {
.intro-box h4 {
  color: #ceb8ac;
  font-family: 'cwTeXHei-zhonly';
}
H2 {
  color: #ceb8ac;
  font-family: 'cwTeXHei-zhonly';
  font-size: 72px;
}
P {
  font-family: 'cwTeXHei-zhonly';
}
}

#msg-box8-83 {
.mbr-section-title, p {
  color: #fff;
}
}

#gallery4-67 {
}

#buttons1-6c {
.btn {
  font-size: 13px;
  font-family: 'Source Sans Pro', sans-serif;
}
SPAN {
  font-family: 'Source Sans Pro', sans-serif;
}
}

#msg-box4-86 {
H3 {
  font-size: 48px;
  color: #f28281;
  font-family: 'Source Sans Pro', sans-serif;
}
SPAN {
  font-size: 32px;
}
}

#msg-box4-5z {
H3 {
  font-size: 48px;
  color: #ceb8ac;
  font-family: 'Source Sans Pro', sans-serif;
}
SPAN {
  font-size: 32px;
}
}

#social-buttons2-14 {
.mbr-section-title, .btn-social {
  color: #232323;
}
.mbr-section-title {
  color: #000000;
  font-family: 'Source Sans Pro', sans-serif;
}
}

#features1-11 {
.striped .mbr-cards-col:nth-child(2n+1) {
  background-color: #2e2e2e;
}
.mbr-cards-col:nth-child(odd) .card-title SPAN {
  color: #000000;
  font-family: 'Source Sans Pro', sans-serif;
}
.mbr-cards-col:nth-child(odd) .card-title {
  color: #000000;
}
.mbr-cards-col:nth-child(odd) .card-text {
  color: #000000;
  font-family: 'Source Sans Pro', sans-serif;
}
.mbr-cards-col:nth-child(odd) .card-subtitle {
  font-family: 'Source Sans Pro', sans-serif;
}
.mbr-cards-col:nth-child(even) .card-title SPAN {
  font-family: 'Source Sans Pro', sans-serif;
}
.mbr-cards-col:nth-child(even) .card-subtitle {
  font-family: 'Source Sans Pro', sans-serif;
}
.mbr-cards-col:nth-child(even) .card-text {
  font-family: 'Source Sans Pro', sans-serif;
}
.btn {
  font-family: 'Source Sans Pro', sans-serif;
}
}

#buttons1-71 {
.btn {
  font-family: 'Source Sans Pro', sans-serif;
}
}

#extTestimonials1-77 {
.mbr-section-title {
  color: #bfab8d;
  font-family: 'Source Sans Pro', sans-serif;
}
.mbr-section-subtitle {
  font-family: 'Source Sans Pro', sans-serif;
}
.card-footer > div {
  font-family: 'Source Sans Pro', sans-serif;
}
.card-footer > small {
  font-family: 'Source Sans Pro', sans-serif;
}
}

#msg-box8-7x {
.mbr-section-title, p {
  color: #fff;
}
.mbr-section-title {
  color: #000000;
}
}

#features2-7c {
.striped .mbr-cards-col:nth-child(2n+1) {
  background-color: #2e2e2e;
}
.mbr-cards-col:nth-child(odd) .card-text {
  color: #303030;
  font-family: 'Source Sans Pro', sans-serif;
}
.mbr-cards-col:nth-child(odd) .card-title {
  color: #303030;
  font-family: 'Source Sans Pro', sans-serif;
}
.mbr-cards-col:nth-child(even) .card-title {
  font-family: 'Source Sans Pro', sans-serif;
}
.mbr-cards-col:nth-child(even) .card-text {
  font-family: 'Source Sans Pro', sans-serif;
}
.btn {
  font-family: 'Source Sans Pro', sans-serif;
}
}

#msg-box3-72 {
.mbr-section-title, p {
  color: #000;
}
.mbr-section-title {
  color: #ffffff;
  font-family: 'Source Sans Pro', sans-serif;
}
.lead P {
  color: #ffffff;
  font-family: 'Source Sans Pro', sans-serif;
}
}

#contacts2-6v {
UL {
  color: #bfab8d;
}
P {
  font-family: 'Source Sans Pro', sans-serif;
}
STRONG {
  font-family: 'Source Sans Pro', sans-serif;
}
}

#footer1-i {
}