@import url(https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap);
@primaryColor: #149dcc;
@secondaryColor: #ff3366;
@successColor: #F7ED4A;
@infoColor: #82786E;
@warningColor: #879A9F;
@dangerColor: #B1A374;
@mainFont: Rubik;
@display1Font: 'Rubik', sans-serif;
@display1Size: 4.25;
@display2Font: 'Rubik', sans-serif;
@display2Size: 3;
@display5Font: 'Rubik', sans-serif;
@display5Size: 1.5;
@display7Font: 'Rubik', sans-serif;
@display7Size: 1;
@display4Font: 'Rubik', sans-serif;
@display4Size: 1;
@isRoundedButtons: true;
@isAnimatedOnScroll: false;
@isScrollToTopButton: false;
@btn-font-size: .8rem;
@btn-border-radius: 3px;
@btn-padding-y: 1rem;
@btn-padding-x: 3rem;
@btn-font-size-sm: .8rem;
@btn-border-radius-sm: 3px;
@btn-padding-y-sm: .6rem;
@btn-padding-x-sm: 1.5rem;
@btn-font-size-md: 1rem;
@btn-border-radius-md: 3px;
@btn-padding-y-md: 1rem;
@btn-padding-x-md: 3rem;
@btn-font-size-lg: 1.2rem;
@btn-border-radius-lg: 3px;
@btn-padding-y-lg: 1.2rem;
@btn-padding-x-lg: 3.2rem;

// FONTS

body {
    font-family: @mainFont;
}

.display-1 {
    font-family: @display1Font;
    font-size: @display1Size *1rem;
    font-display: swap;

    >.mbr-iconfont {
        font-size: @display1Size *1.6rem;
    }
}

.display-2 {
    font-family: @display2Font;
    font-size: @display2Size *1rem;
    font-display: swap;

    >.mbr-iconfont {
        font-size: @display2Size *1.6rem;
    }
}

.display-4 {
    font-family: @display4Font;
    font-size: @display4Size *1rem;
    font-display: swap;

    >.mbr-iconfont {
        font-size: @display4Size *1.6rem;
    }
}

.display-5 {
    font-family: @display5Font;
    font-size: @display5Size *1rem;
    font-display: swap;

    >.mbr-iconfont {
        font-size: @display5Size *1.6rem;
    }
}

.display-7 {
    font-family: @display7Font;
    font-size: @display7Size *1rem;
    font-display: swap;

    >.mbr-iconfont {
        font-size: @display7Size *1.6rem;
    }
}

/* ---- Fluid typography for mobile devices ---- */

/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */

@media (max-width: 768px) {
    .display-1 {
        @display1Size-min: @display1Size - (@display1Size - 1) * 0.65;
        font-size: @display1Size * 0.8rem;
        font-size:~"calc( @{display1Size-min}rem + (@{display1Size} - @{display1Size-min}) * ((100vw - 20rem) / (48 - 20)))";
        line-height:~"calc( 1.4 * (@{display1Size-min}rem + (@{display1Size} - @{display1Size-min}) * ((100vw - 20rem) / (48 - 20))))";
    }

    .display-2 {
        @display2Size-min: @display2Size - (@display2Size - 1) * 0.65;
        font-size: @display2Size * 0.8rem;
        font-size:~"calc( @{display2Size-min}rem + (@{display2Size} - @{display2Size-min}) * ((100vw - 20rem) / (48 - 20)))";
        line-height:~"calc( 1.4 * (@{display2Size-min}rem + (@{display2Size} - @{display2Size-min}) * ((100vw - 20rem) / (48 - 20))))";
    }

    .display-4 {
        @display4Size-min: @display4Size - (@display4Size - 1) * 0.65;
        font-size: @display4Size * 0.8rem;
        font-size:~"calc( @{display4Size-min}rem + (@{display4Size} - @{display4Size-min}) * ((100vw - 20rem) / (48 - 20)))";
        line-height:~"calc( 1.4 * (@{display4Size-min}rem + (@{display4Size} - @{display4Size-min}) * ((100vw - 20rem) / (48 - 20))))";
    }

    .display-5 {
        @display5Size-min: @display5Size - (@display5Size - 1) * 0.65;
        font-size: @display5Size * 0.8rem;
        font-size:~"calc( @{display5Size-min}rem + (@{display5Size} - @{display5Size-min}) * ((100vw - 20rem) / (48 - 20)))";
        line-height:~"calc( 1.4 * (@{display5Size-min}rem + (@{display5Size} - @{display5Size-min}) * ((100vw - 20rem) / (48 - 20))))";
    }
}

/* Buttons */
.button-variant(@background) {
    @color: contrast(@background, darken(@background, 50%), #ffffff, 60%);
    @border: @background;
    @active-color: @color;
    @active-border: @active-background;

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

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

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

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

}

.button-outline-variant(@color) {
    @active-color: contrast(@color, darken(@color, 50%), #ffffff, 60%);
    @active-background: @color;
    @new-color: if(eq(@color, @active-color),
        #fff,
        darken(@color, 20%));

    &,
    &:active {
        background: none;
        border-color: @new-color;
        color: @new-color;
    }

    &:hover,
    &:focus,
    &.focus,
    &.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%);
            }
        }
    }
}





.button-size(@btn-padding-y, @btn-padding-x, @btn-font-size, @btn-border-radius) {
    padding: @btn-padding-y @btn-padding-x;
    border-radius: @btn-border-radius;
}

.btn {
    .button-size(@btn-padding-y, @btn-padding-x, @btn-font-size, @btn-border-radius);
}

.btn-sm {
    .button-size(@btn-padding-y-sm, @btn-padding-x-sm, @btn-font-size-sm, @btn-border-radius-sm);
}

.btn-md {
    .button-size(@btn-padding-y-md, @btn-padding-x-md, @btn-font-size-md, @btn-border-radius-md);
}

.btn-lg {
    .button-size(@btn-padding-y-lg, @btn-padding-x-lg, @btn-font-size-lg, @btn-border-radius-lg);
}

.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-white {
    .button-variant(#ffffff);
    color: #333333 !important;
}

.btn-black {
    .button-variant(#333333);
}

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

.btn-black-outline {
    .button-outline-variant(#333333);
}

.btn-white-outline {

    &,
    &:active,
    &.active {
        background: none;
        border-color: #ffffff;
        color: #ffffff;
    }

    &:hover,
    &:focus,
    &.focus {
        color: #333333;
        background-color: #ffffff;
        border-color: #ffffff;
    }

}

.text-primary {
    color: @primaryColor  !important;
}

.text-secondary {
    color: @secondaryColor  !important;
}

.text-success {
    color: @successColor  !important;
}

.text-info {
    color: @infoColor  !important;
}

.text-warning {
    color: @warningColor  !important;
}

.text-danger {
    color: @dangerColor  !important;
}

.text-white {
    color: #ffffff !important;
}

.text-black {
    color: #000000 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: darken(@primaryColor, 20%) !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: darken(@secondaryColor, 20%) !important;
}

a.text-success:hover,
a.text-success:focus {
    color: darken(@successColor, 20%) !important;
}

a.text-info:hover,
a.text-info:focus {
    color: darken(@infoColor, 20%) !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: darken(@warningColor, 20%) !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: darken(@dangerColor, 20%) !important;
}

a.text-white:hover,
a.text-white:focus {
    color: darken(#ffffff, 30%) !important;
}

a.text-black:hover,
a.text-black:focus {
    color: lighten(#000000, 30%) !important;
}

.alert-success {
    background-color: #70c770;
}

.alert-info {
    background-color: @infoColor;
}

.alert-warning {
    background-color: @warningColor;
}

.alert-danger {
    background-color: @dangerColor;
}

.mbr-section-btn a.btn:not(.btn-form) {

    &:hover,
    &:focus {
        box-shadow: none !important;
    }

    & when (@isRoundedButtons) {
        border-radius: 100px;

        &:hover,
        &:focus {
            box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .2) !important;
            -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .2) !important;
        }
    }
}

.mbr-gallery-filter li a when(@isRoundedButtons) {
    border-radius: 100px !important;
}

.mbr-gallery-filter {
    li.active .btn {
        background-color: @primaryColor;
        border-color: @primaryColor;
        color: contrast(@primaryColor, darken(@primaryColor, 45%), #ffffff, 60%);

        &:focus {
            box-shadow: none;
        }
    }
}

.nav-tabs .nav-link when(@isRoundedButtons) {
    border-radius: 100px !important;
}

a,
a:hover {
    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);
}

/* Scroll to top button*/
.scrollToTop_wraper when not(@isScrollToTopButton) {
    display: none;
}

#scrollToTop a when (@isScrollToTopButton) and (@isRoundedButtons) {
    border-radius: 100px;
}

.form-control {
    .display-7;
}

blockquote {
    border-color: @primaryColor;
}

/* Forms */
.mbr-form {
    .btn {
        margin: .4rem 0;
    }

    .input-group-btn a.btn when(@isRoundedButtons) {
        border-radius: 100px !important;

        // padding: 1rem 3rem;
        &:hover {
            box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .2);
        }
    }

    .input-group-btn button[type="submit"] when (@isRoundedButtons) {
        border-radius: 100px !important;
        padding: 1rem 3rem;

        &:hover {
            box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .2);
        }
    }
}

.form2 {
    .form-control {
        & when (@isRoundedButtons) {
            border-top-left-radius: 100px;
            border-bottom-left-radius: 100px;
        }
    }

    .input-group-btn a.btn when(@isRoundedButtons) {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .input-group-btn button[type="submit"] when(@isRoundedButtons) {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
}

.form3 {
    input[type="email"] when (@isRoundedButtons) {
        border-radius: 100px !important;
    }
}

@media (max-width: 349px) {
    .form2 {
        input[type="email"] when (@isRoundedButtons) {
            border-radius: 100px !important;
        }

        .input-group-btn a.btn when (@isRoundedButtons) {
            border-radius: 100px !important;
        }

        .input-group-btn button[type="submit"] when (@isRoundedButtons) {
            border-radius: 100px !important;
        }
    }
}

@media (max-width: 767px) {
    .btn {
        font-size: .75rem !important;

        .mbr-iconfont {
            font-size: 1rem !important;
        }
    }
}

/* Footer */
.mbr-footer-content,
.mbr-footer .mbr-contacts {
    li {
        &::before {
            background: @primaryColor;
        }

        a:hover {
            color: @primaryColor;
        }
    }
}

.footer3,
.footer4 {
    input[type="email"] when (@isRoundedButtons) {
        border-radius: 100px !important;
    }

    .input-group-btn a.btn when (@isRoundedButtons) {
        border-radius: 100px !important;
    }

    .input-group-btn button[type="submit"] when (@isRoundedButtons) {
        border-radius: 100px !important;
    }
}

/* Headers*/
.header13,
.header14 {
    .form-inline {
        input[type="email"] when (@isRoundedButtons) {
            border-radius: 100px;
        }

        input[type="text"] when (@isRoundedButtons) {
            border-radius: 100px;
        }

        input[type="tel"] when (@isRoundedButtons) {
            border-radius: 100px;
        }

        a.btn when (@isRoundedButtons) {
            border-radius: 100px;
        }

        button when (@isRoundedButtons) {
            border-radius: 100px !important;
        }
    }
}

@media screen and (~'-ms-high-contrast: active'),
(~'-ms-high-contrast: none') {
    .card-wrapper {
        flex: auto !important;
    }
}

//formstyler
.jq-selectbox li:hover,
.jq-selectbox li.selected {
    background-color: @primaryColor;
    color: contrast(@primaryColor, #000000, #ffffff, 60%)
}

.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
    transition: 0.4s;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
    border-top-color: @primaryColor;
    border-bottom-color: @primaryColor;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    color: contrast(@primaryColor, #000, #fff, 30%) !important;
    background-color: @primaryColor !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: contrast(@secondaryColor, #000, #fff, 30%) !important;
    background: @secondaryColor  !important;
    box-shadow: none !important
}

//lazyload
.lazy-bg {
    background-image: none !important;
}

.lazy-placeholder:not(section) {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
}

iframe.lazy-placeholder,
.lazy-placeholder:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: transparent no-repeat center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    @fillSVG: replace("@{primaryColor}", "#", "%23");
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='@{fillSVG}' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

section.lazy-placeholder:after {
    opacity: 0.3;
}@isPublish: true;

.cid-rI4Ohm7Z7u {
@paddingTop: 8;
@paddingBottom: 7;
@bgColor: #3d2105;

padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 15px);
background-color: @bgColor;
.mbr-section {
  text-align: center;
  color: #fff;
}
.block-title {
  color: #efefef;
}
}

.cid-rHpIkzvKsH {
@paddingTop: 6;
@paddingBottom: 6;
@showTitle: true;
@showSubtitle: true;
@showButtons: true;
@reverseContent: false;
@uname__10: "../../app/themes/mobirise4/components/info2/../_images/background8.jpg";
@uname__11: false;
@uname__12: #25aab2;
@bg-value: #25aab2;
@bg-type: "color";
@bg-color-value: #25aab2;
@bg-parallax: false;
@color2: #dbd4b8;
@overlay: true;
@overlayColor: #232323;
@overlayOpacity: 0.7;

padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 15px);
& when (@bg-type = 'color') {
  background: linear-gradient(45deg, @color2, @bg-value);
}
& when (@bg-type = 'image') {
  background-image: url(../../../@bg-value);
}
.main {
  & when (@reverseContent) {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    .mbr-section-btn {
      text-align: right;
    }
  }
}
.btn {
  margin: 0 0 .5rem 0;
}
}

.cid-rHpIfKXY4r {
@paddingTop: 6;
@paddingBottom: 6;
@showTitle: true;
@showSubtitle: true;
@uname__10: "../../app/themes/mobirise4/components/form3/../_images/background1.jpg";
@uname__11: true;
@uname__12: #ffffff;
@bg-value: #ffffff;
@bg-type: "color";
@bg-color-value: #ffffff;
@bg-parallax: false;
@overlay: true;
@overlayColor: #efefef;
@overlayOpacity: 0.8;

padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 15px);
& when (@bg-type = 'color') {
  background-color: @bg-value;
}
& when (@bg-type = 'image') {
  background-image: url(../../../@bg-value);
}
.mbr-section-subtitle {
  color: #767676;
}
.formoid {
  margin: auto;
}
.form-control {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.input-group-btn .btn {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0 !important;
}
a:not([href]):not([tabindex]) {
  color: #fff;
}
a.btn-white:not([href]):not([tabindex]) {
  color: #333;
}
@media (max-width: 768px) {
  .mbr-form .row {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
  }
  .form-group, .input-group-btn, .input-group-btn .btn {
    max-width: 300px;
    width: 100%;
  }
}
@media (min-width: 769px) {
  .mbr-form .row > * {
    padding: 0 0.5rem;
  }
}
}

.cid-rHpIaUOx3f {
@paddingTop: 3;
@paddingBottom: 3;
@showCopyright: true;
@iconsCount: "6";
@showForm: true;
@reveal: false;
@uname__7: "../../app/themes/mobirise4/components/footer4/../_images/background5.jpg";
@uname__8: false;
@uname__9: #2e2e2e;
@bg-value: #2e2e2e;
@bg-type: "color";
@bg-color-value: #2e2e2e;
@bg-parallax: false;
@overlay: true;
@overlayColor: #232323;
@overlayOpacity: 0.9;

padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 15px);
& when (@bg-type = 'image') {
  background-image: url(../../../@bg-value);
}
& when (@bg-type = 'color') {
  background-color: @bg-value;
}
.content {
  @media (max-width: 767px) {
    text-align: center;
    > div:not(:last-child) {
      margin-bottom: 2rem;
    }
  }
}
.img-logo {
  img {
    height: 6rem;
  }
}
.form-group, .input-group-btn {
  padding: 0;
}
.form-control {
  font-size: .75rem;
  text-align: center;
  min-width: 150px;
}
.input-group-btn .btn {
  padding: .75rem 1.5625rem !important;
  margin-left: .625rem;
  text-transform: none;
  color: #fff;
  text-align: center;
}
.social-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  .mbr-iconfont-social {
    font-size: 1.3rem;
    color: #fff;
  }
  .soc-item {
    margin: 0 .5rem;
  }
  a {
    margin: 0;
    opacity: .5;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    &:hover {
      opacity: 1;
    }
  }
  @media (max-width: 767px) {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.footer-lower {
  .copyright {
    @media (max-width: 767px) {
      margin-bottom: 1rem;
      text-align: center;
    }
  }
  hr {
    margin: 1rem 0;
    border-color: #fff;
    opacity: .05;
  }
}
.form-group {
  margin: 0;
}
@media (max-width: 767px) {
  .foot-logo {
    text-align: center !important;
  }
  .foot-title {
    text-align: center !important;
  }
  .mbr-text {
    text-align: center !important;
  }
  .form-group {
    margin: 0;
  }
}
}

.cid-rHnPkZseBk {
@fullWidth: false;
@paddingTop: 6;
@paddingBottom: 6;
@overlayColor: #554346;
@gradOverlay: true;
@overlayColor2: #45505b;
@overlayOpacity: 0.7;
@bgColor: #ffffff;
@gallery__spacing: 2;
@gallery__showBullets: false;
@gallery__showText: false;
@gallery__filter: true;

padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 15px);
background-color: @bgColor;
.mbr-slider .carousel-control {
  background: #1b1b1b;
}
.mbr-slider .carousel-control-prev {
  left: 0;
  margin-left: 2.5rem;
}
.mbr-slider .carousel-control-next {
  right: 0;
  margin-right: 2.5rem;
}
.mbr-slider .modal-body .close {
  background: #1b1b1b;
}
.mbr-gallery-item > div::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: @overlayColor;
  opacity: 0;
  -webkit-transition: 0.2s opacity ease-in-out;
  transition: 0.2s opacity ease-in-out;
  & when (@gradOverlay) {
    background: linear-gradient(to left, @overlayColor, @overlayColor2) !important;
  }
}
.mbr-gallery-item > div:hover {
  .mbr-gallery-title::before {
    background: transparent !important;
  }
  &:before {
    opacity: @overlayOpacity !important;
  }
}
.mbr-gallery-title {
  font-size: .9em;
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  padding: 1rem;
  color: #fff;
  z-index: 2;
  &:before {
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
    background: @overlayColor !important;
    opacity: @overlayOpacity;
    -webkit-transition: 0.2s background ease-in-out;
    transition: 0.2s background ease-in-out;
    & when (@gradOverlay) {
      background: linear-gradient(to left, @overlayColor, @overlayColor2) !important;
    }
  }
}
}

.cid-rHb7AEH99g {
@paddingTop: 5;
@paddingBottom: 6;
@bgColor: #ffffff;

.MyComponent {
  (--propertyName: green);
}
$gutter:  green;
:root: {--me-color: green};
padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 15px);
background-color: @bgColor;
.mbr-section {
  text-align: center;
  color: #fff;
}
.sternAAA {
  font-size: 60;
  color:: var(--propertyName);
}
}

.cid-rGzHqr92IJ {
@paddingTop: 18;
@paddingBottom: 16;
@showTitle: true;
@showSubtitle: true;
@showListOne: true;
@showText: true;
@tbTwoList: true;
@tbColor: #c4bc3b;
@tbazeichen: "1";
@tbbzeichen: "3";
@tbBgColor: #3d2105;
@uname__10: "file:///C:/Users/test/AppData/Local/Mobirise.com/Mobirise/projects/project-2019-11-01_132939/assets/images/musikus-gitarrenschule2-976x1063.jpeg";
@uname__11: true;
@uname__12: #460000;
@bg-value: #460000;
@bg-type: "color";
@bg-color-value: #460000;
@bg-parallax: false;
@overlay: true;
@overlayColor: #280101;
@overlayOpacity: 0.6;

padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 15px);
& when (@bg-type = 'color') {
  background-color: @bg-value;
  background-image: linear-gradient(45deg, #320000 25%, transparent 25%, transparent), linear-gradient(-45deg, #1e0000 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #100000 75%), linear-gradient(-45deg, transparent 75%, #000000 75%);
  background-size: 2px 2px;
  background-repeat: repeat;
}
& when (@bg-type = 'image') {
  background-image: url(../../../@bg-value);
  background-repeat: repeat;
}
.mbr-section-title {
  color: #000000;
  text-align: center;
  text-shadow:  3px 3px 10px black;
  text-stroke:  2px;
  -webkit-text-stroke: 3px blue;
}
.mbr-section-subtitle {
  color: #ffffff;
  text-align: center;
  padding: 0;
  letter-spacing: 0.5rem;
}
.container-fluid {
  align: left;
  border: 0px solid blue;
  border-radius: 10px;
  padding: 0px Auto;
  margin-top: 0px;
  margin-botton: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.eins {
  color: white;
  max-width: 90%;
}
.eins-eins {
  color: yellow;
  padding: 0px Auto;
  margin-top: 0px;
  margin-botton: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border: 2px solid @tbColor;
  border-radius: 10px;
  background-color: rgba(128,0,0,0.5);
  height: 50%;
}
.first {
  list-style-type: square;
  padding: 0px Auto;
  margin-top: 20px;
  margin-botton: 0px;
  margin-left: -10px;
  margin-right: 0px;
  & when (@tbazeichen = '1') {
    list-style-type: disc;
  }
  & when (@tbazeichen = '2') {
    list-style-type: circle;
  }
  & when (@tbazeichen = '3') {
    list-style-type: square;
  }
  & when (@tbazeichen = '4') {
    list-style-type: lower-alpha;
  }
  & when (@tbazeichen = '5') {
    list-style-type: upper-alpha;
  }
  & when (@tbazeichen = '6') {
    list-style-type: decimal;
  }
  & when (@tbazeichen = '7') {
    list-style-type: upper-roman;
  }
  & when (@tbazeichen = '8') {
    list-style-type: none;
  }
}
.eins-zwei {
  color: yellow;
  padding: 0px Auto;
  margin-top: 80px;
  margin-botton: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border: 2px solid @tbColor;
  border-radius: 10px;
  background-color: rgba(128,0,0,0.5);
}
.second {
  list-style-type: square;
  padding: 0px Auto;
  margin-top: 30px;
  margin-botton: 0px;
  margin-left: -10px;
  margin-right: 0px;
  & when (@tbbzeichen = '1') {
    list-style-type: disc;
  }
  & when (@tbbzeichen = '2') {
    list-style-type: circle;
  }
  & when (@tbbzeichen = '3') {
    list-style-type: square;
  }
  & when (@tbbzeichen = '4') {
    list-style-type: lower-alpha;
  }
  & when (@tbbzeichen = '5') {
    list-style-type: upper-alpha;
  }
  & when (@tbbzeichen = '6') {
    list-style-type: decimal;
  }
  & when (@tbbzeichen = '7') {
    list-style-type: upper-roman;
  }
  & when (@tbbzeichen = '8') {
    list-style-type: none;
  }
}
.mbr-text UL {
  text-align: left;
}
P {
  color: #ffffff;
  text-align: center;
}
}

.cid-rGTbKQEgY8 {
@showGlobalParam: true;
@paddingTop: 81;
@paddingBottom: 57;
@showTestButton: true;
@showModalParam: true;
@modalfade: 20;
@modalFontfarbe: #f7ed4a;
@modalBgfarbe1: #149dcc;
@modalBgfarbe2: #051a7c;
@modalHoehe: 63;
@modalFontsize: 4;
@showBodyParam: true;
@modalBodyColor: #000000;
@modalBodyBgColor: #efefef;
@modalBodyFontsize: 2.5;
@showBody: true;
@showFooterParam: true;
@modalFooterColor: #280101;
@modalFooterBgColor: #55b4d4;
@modalFooterButtAnzahl: "2";
@showBottons: true;
@showCloseButton: true;
@modalFooterBottonFontsize: 1.25;
@uname__33: "";
@uname__34: #1d0101;
@bg-value: #1d0101;
@bg-type: "color";
@bg-color-value: #1d0101;
@bg-parallax: false;

& when (@bg-type = 'image') {
  background-image: url(../../../@bg-value);
}
& when (@bg-type = 'color') {
  background-color: @bg-value;
}
padding-top: (@paddingTop * 1px);
padding-bottom: (@paddingBottom * 1px);
.btn-light:hover {
  color: white !important;
  background-color: rgba(100,100,100,0.5);
}
.modal-content {
  max-height: (@modalHoehe *1%);
  overflow-y: auto;
  border-radius: 20px;
  background-image: linear-gradient(@modalBgfarbe1, @modalBgfarbe2, @modalBgfarbe1);
  color: @modalFontfarbe;
  margin: 0px auto;
}
.modal.fade {
  z-index: 10000000 !important;;
  -webkit-transition: opacity (@modalfade *10ms) linear;
  transition: opacity (@modalfade *10ms) linear;
}
.close {
  font-size: 7vh;
  margin-top: -27px;
  margin-botton: 0px;
  margin-left: 0px;
  margin-right: -12px;
}
.close-button {
  background-color: darkblue;
  color: white;
  text-align: center;
  width: 90%;
  font-size: 3vh;
  margin: 0px auto;
  border: 0px;
  border-radius: 1em;
}
.modal-title {
  font-size: (@modalFontsize * 1vh);
}
.modal-body {
  background-color: @modalBodyBgColor;
  color: @modalBodyColor;
  font-size: (@modalBodyFontsize * 1vh);
}
.modal-footer {
  background-color: @modalFooterBgColor;
  width: 100%;
  margin: 0px auto;
  border: none;
  border-radius: 0px;
  font-size: 10px;
}
.btn-light {
  background-color: white;
  text-align: center;
  width: 90%;
  font-size: (@modalFooterBottonFontsize * 1rem);
  margin: 0px auto;
  border-radius: 1em;
  hoover-color: red;
}
.exampleModalButton:hover {
  background-color: red;
}
.mobi-mbri-mobile {
  font-size: (@modalFooterBottonFontsize * 2.5rem);
  color: blue;
}
.socicon-viber {
  font-size: (@modalFooterBottonFontsize * 2.5rem);
  color: blue;
  margin-top: 5px;
}
.mbr-text, .mbr-section-btn {
  text-align: left;
}
.test-button {
  background-color: blue;
  color: white;
  text-align: center;
  width: 90%;
  font-size: 25px;
  margin: 0px auto;
  border-radius: 1em;
}
}

.cid-rH56eNBwYl {
@paddingTop: 5;
@paddingBottom: 6;
@bgColor: #ffffff;

padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 15px);
background-color: @bgColor;
.mbr-section {
  text-align: center;
  color: #fff;
}
.sternAAA {
  color: green;
}
}
.cid-rGAG6sMsuA {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f7ed4a;
}
.cid-rGAG6sMsuA .container-fluid2 {
  color: red;
  border: 1px solid gray;
  border-radius: 10px;
}
.cid-rGAG6sMsuA .container-fluid {
  align: left;
  border: 0px solid blue;
  border-radius: 10px;
  padding: 0px Auto;
  margin-top: 0px;
  margin-botton: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.cid-rGAG6sMsuA .eins {
  color: white;
  max-width: 90%;
}
.cid-rGAG6sMsuA .eins-eins {
  color: yellow;
  padding: 0px Auto;
  margin-top: 0px;
  margin-botton: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border: 2px solid green;
  border-radius: 10px;
  background-color: Maroon;
}
.cid-rGAG6sMsuA .first {
  list-style-type: square;
  padding: 0px Auto;
  margin-top: 0px;
  margin-botton: 0px;
  margin-left: -20px;
  margin-right: 0px;
}
.cid-rGAG6sMsuA .eins-zwei {
  color: yellow;
  padding: 0px Auto;
  margin-top: 0px;
  margin-botton: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border: 2px solid green;
  border-radius: 10px;
  background-color: Maroon;
}
.cid-rGAG6sMsuA .mbr-text UL {
  text-align: left;
}
.cid-rGAG6sMsuA P {
  color: #cc2952;
}
.cid-rGAG6tizBR {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #ffffff;
}
.cid-rGAG6tizBR .mbr-section {
  text-align: center;
  color: #fff;
}
.cid-rGAG6tD7UB {
  padding-top: 180px;
  padding-bottom: 165px;
  background-image: url("../../../assets/images/musikus-gitarrenschule2-976x1063.jpeg");
  background-repeat: repeat;
}
.cid-rGAG6tD7UB .mbr-section-subtitle {
  color: #f7ed4a;
  text-align: left;
  padding: 0;
  font-size: 90%;
  letter-spacing: 0.5rem;
}
.cid-rGAG6tD7UB .mbr-section-subtitle-two {
  color: #f7ed4a;
  text-align: left;
  margin-top: 20px;
  line-height: 1.5;
}
.cid-rGAG6tD7UB .container-table {
  margin: 0 auto;
}
.cid-rGAG6tD7UB .container-list {
  max-width: 100%;
  width: 500px;
  padding: 0px;
  background-color: #3d2105;
  border: 1px solid #f7ed4a;
  border-radius: 10px;
  margin: 0 auto;
}
.cid-rGAG6tD7UB .first {
  list-style-type: square;
}
.cid-rGAG6tD7UB .mbr-text {
  color: #f7ed4a;
}
.cid-rGAG6tD7UB .mbr-section-title {
  color: #f7ed4a;
  text-align: left;
}
.cid-rGAG6tD7UB .mbr-text UL {
  text-align: left;
  margin-top: 30px;
}
.cid-rI4OFin8IA {
  padding-top: 110px;
  padding-bottom: 0px;
  background-image: url("../../../assets/images/guitwellpaper-1920x1080.jpeg");
}
.cid-rI4OFin8IA .nav-tabs {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: none;
}
.cid-rI4OFin8IA .nav-tabs .nav-link {
  box-sizing: border-box;
  color: #ffffff;
  font-style: normal;
  font-weight: 500;
  border-radius: 3px;
  border: 1px solid #ffffff;
  padding: 0.8rem 1rem;
  margin: 0.4rem .8rem !important;
  transition: all .5s;
}
.cid-rI4OFin8IA .nav-tabs .nav-link:hover {
  background-color: #890b0b;
}
.cid-rI4OFin8IA .nav-tabs .nav-link.active {
  font-weight: 500;
  color: #ffffff;
  font-style: normal;
  border: none;
  background: #890b0b;
}
.cid-rI4OFin8IA .nav-tabs .nav-link.active:hover {
  border: none;
}
.cid-rI4OFin8IA .col-md-12 {
  allign: center;
  background-color: red;
}
.cid-rI4OFin8IA iframe {
  align: center;
  background-color: green;
}
.cid-rI4OFin8IA p {
  color: #232323;
  text-align: center;
}
.cid-rI4OFin8IA .mbr-text {
  text-align: center;
}
.cid-rI4OFin8IA P {
  color: #efefef;
  text-align: right;
}
.cid-rI4OFin8IA H2 {
  color: #efefef;
}
.cid-rI4OFin8IA .frame {
  width: 95vw;
  height: 350vh ;
  margin-left: calc( -16px + 1.6vw);
}
.cid-rGIYrB0I91 {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #ffffff;
}
.cid-rGIYrB0I91 .container-fluid2 {
  color: red;
  border: 1px solid gray;
  border-radius: 10px;
}
.cid-rGIYrB0I91 .container-fluid {
  align: left;
  border: 0px solid blue;
  border-radius: 10px;
  padding: 0px Auto;
  margin-top: 0px;
  margin-botton: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.cid-rGIYrB0I91 .eins {
  color: white;
  max-width: 90%;
}
.cid-rGIYrB0I91 .eins-eins {
  color: yellow;
  padding: 0px Auto;
  margin-top: 0px;
  margin-botton: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border: 2px solid green;
  border-radius: 10px;
  background-color: Maroon;
}
.cid-rGIYrB0I91 .first {
  list-style-type: square;
  padding: 0px Auto;
  margin-top: 0px;
  margin-botton: 0px;
  margin-left: -20px;
  margin-right: 0px;
}
.cid-rGIYrB0I91 .eins-zwei {
  color: yellow;
  padding: 0px Auto;
  margin-top: 0px;
  margin-botton: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border: 2px solid green;
  border-radius: 10px;
  background-color: Maroon;
}
.cid-rGIYrB0I91 .mbr-text UL {
  text-align: left;
}
.cid-rGIYrB0I91 P {
  color: #cc2952;
}
.cid-rGIYrBocU1 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #ffffff;
}
.cid-rGIYrBocU1 .mbr-section {
  text-align: center;
  color: #fff;
}
.cid-rGIYrBE6np {
  padding-top: 180px;
  padding-bottom: 165px;
  background-image: url("../../../assets/images/musikus-gitarrenschule2-976x1063.jpeg");
  background-repeat: repeat;
}
.cid-rGIYrBE6np .mbr-section-subtitle {
  color: #f7ed4a;
  text-align: left;
  padding: 0;
  font-size: 90%;
  letter-spacing: 0.5rem;
}
.cid-rGIYrBE6np .mbr-section-subtitle-two {
  color: #f7ed4a;
  text-align: left;
  margin-top: 20px;
  line-height: 1.5;
}
.cid-rGIYrBE6np .container-table {
  margin: 0 auto;
}
.cid-rGIYrBE6np .container-list {
  max-width: 100%;
  width: 500px;
  padding: 0px;
  background-color: #3d2105;
  border: 1px solid #f7ed4a;
  border-radius: 10px;
  margin: 0 auto;
}
.cid-rGIYrBE6np .first {
  list-style-type: square;
}
.cid-rGIYrBE6np .mbr-text {
  color: #f7ed4a;
}
.cid-rGIYrBE6np .mbr-section-title {
  color: #f7ed4a;
  text-align: left;
}
.cid-rGIYrBE6np .mbr-text UL {
  text-align: left;
  margin-top: 30px;
}
.cid-rI4S0lLb0p {
  padding-top: 120px;
  padding-bottom: 555px;
  background-color: #3d2105;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0px auto;
}
.cid-rI4S0lLb0p .tab {
  text-align: center;
}
.cid-rI4S0lLb0p .block-title {
  color: #efefef;
}
.cid-rI4S0lLb0p .frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: none;
}
.cid-rI4S0lLb0p .tab2 {
  text-align: center;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  padding-top: 100%;
}
.cid-rIakKHd6m9 {
  padding-top: 75px;
  padding-bottom: 45px;
  background-color: #3d2105;
}
.cid-rIakKHd6m9 .tab {
  text-align: center;
}
.cid-rIakKHd6m9 .block-title {
  color: #efefef;
}
.cid-rIakKHd6m9 .tab2 {
  text-align: center;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  padding-top: 100%;
}
.cid-rIailne1dh {
  padding-top: 60px;
  padding-bottom: 0px;
  background-color: #450f0f;
  background-size: 2px 2px;
  background-image: linear-gradient(45deg, #680f0f 25%, transparent 25%, transparent), linear-gradient(-45deg, #5b0d0d 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #631616 75%), linear-gradient(-45deg, transparent 75%, #890b0b 75%);
  background-repeat: repeat;
}
.cid-rIailne1dh .copyright {
  text-align: center;
  color: #ffffff;
}
.cid-rIailne1dh .copyright > p {
  text-align: center;
  color: #ffffff;
}
.cid-rIailne1dh P {
  text-align: right;
  font-size: calc( 8px + 0.7vw);
}
.cid-rIailne1dh .mbr-text-copyright {
  text-align: center;
  font-size: calc( 6px + 0.6vw);
  padding: 0px Auto;
}
.cid-rIailne1dh .mbr-text-datenschutz {
  text-align: center;
  font-size: calc( 12px + 0.5vw);
  padding: 0px Auto;
}
.cid-rIailne1dh .mbr-text-nachoben {
  text-align: center;
  font-size: calc( 12px + 0.5vw);
  padding: 0px Auto;
}