@import url(https://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i,600,600i,700,700i&display=swap);
@primaryColor: #149dcc;
@secondaryColor: #ff3366;
@successColor: #F7ED4A;
@infoColor: #82786E;
@warningColor: #879A9F;
@dangerColor: #B1A374;
@mainFont: Rubik;
@display1Font: 'Cabin', sans-serif;
@display1Size: 4.25;
@display2Font: 'Cabin', sans-serif;
@display2Size: 3;
@display5Font: 'Cabin', sans-serif;
@display5Size: 1.5;
@display7Font: 'Cabin', sans-serif;
@display7Size: 1;
@display4Font: 'Cabin', sans-serif;
@display4Size: 1;
@isRoundedButtons: true;
@isAnimatedOnScroll: true;
@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),
.lazy-none {
    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-s6qfA14YSo {
@showLogo: false;
@logoSize: 3.8;
@showBrand: false;
@showItems: false;
@itemsHoverColor: #767676;
@showButtons: false;
@sticky: true;
@collapsed: false;
@transparent: false;
@hamburgerColor: #333333;
@menuBgColor: #ffffff;

.navbar {
  background: @menuBgColor;
  transition: none;
  min-height: 77px;
  padding: .5rem 0;
}
.navbar-dropdown.bg-color.transparent.opened {
  background: @menuBgColor;
}
a {
  font-style: normal;
}
.nav-item {
  & span {
    padding-right: 0.4em;
    line-height: 0.5em;
    vertical-align: text-bottom;
    position: relative;
    text-decoration: none;
  }
  & a {
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 0 !important;
    margin: 0rem .65rem !important;
    -webkit-align-items: center;
    -webkit-justify-content: center;
  }
}
.nav-item:focus, .nav-link:focus {
  outline: none;
}
.btn {
  padding: 0.4rem 1.5rem;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  .mbr-iconfont {
    font-size: 1.6rem;
  }
}
.menu-logo {
  margin-right: auto;
  .navbar-brand {
    display: flex;
    margin-left: 5rem;
    padding: 0;
    transition: padding .2s;
    min-height: 3.8rem;
    -webkit-align-items: center;
    align-items: center;
    .navbar-caption-wrap {
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      word-break: break-word;
      min-width: 7rem;
      margin: .3rem 0;
      .navbar-caption {
        line-height: 1.2rem !important;
        padding-right: 2rem;
      }
    }
    .navbar-logo {
      font-size: 4rem;
      transition: font-size 0.25s;
      & img {
        display: flex;
      }
      .mbr-iconfont {
        transition: font-size 0.25s;
      }
      a {
        display: inline-flex;
      }
    }
  }
}
.navbar-toggleable-sm .navbar-collapse {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  padding-right: 5rem;
  width: auto;
  .navbar-nav {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-left: 0;
    .nav-item {
      -webkit-align-self: center;
      align-self: center;
    }
  }
  .navbar-buttons {
    padding-left: 0;
    padding-bottom: 0;
  }
}
.dropdown {
  .dropdown-menu {
    background: @menuBgColor;
    visibility: hidden;
    display: block;
    position: absolute;
    min-width: 5rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    text-align: left;
    .dropdown-item {
      width: auto;
      padding: 0.235em 1.5385em 0.235em 1.5385em !important;
      &::after {
        right: 0.5rem;
      }
    }
    .dropdown-submenu {
      margin: 0;
    }
  }
  &.open > .dropdown-menu {
    visibility: visible;
  }
}
.navbar-toggleable-sm {
  &.opened:after {
    position: absolute;
    width: 100vw;
    height: 100vh;
    content: '';
    background-color: rgba(0, 0, 0, 0.1);
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    z-index: 1000;
  }
}
.navbar.navbar-short {
  min-height: 60px;
  transition: all .2s;
  & .navbar-toggler-right {
    top: 20px;
  }
  & .navbar-logo a {
    font-size: 2.5rem !important;
    line-height: 2.5rem;
    transition: font-size 0.25s;
    & .mbr-iconfont {
      font-size: 2.5rem !important;
    }
    & img {
      height: 3rem !important;
    }
  }
  & .navbar-brand {
    min-height: 3rem;
  }
}
button.navbar-toggler {
  width: 31px;
  height: 18px;
  cursor: pointer;
  transition: all .2s;
  top: 1.5rem;
  right: 1rem;
  &:focus {
    outline: none;
  }
  .hamburger span {
    position: absolute;
    right: 0;
    width: 30px;
    height: 2px;
    border-right: 5px;
    background-color: @hamburgerColor;
    &:nth-child(1) {
      top: 0;
      transition: all .2s;
    }
    &:nth-child(2) {
      top: 8px;
      transition: all .15s;
    }
    &:nth-child(3) {
      top: 8px;
      transition: all .15s;
    }
    &:nth-child(4) {
      top: 16px;
      transition: all .2s;
    }
  }
}
nav.opened .hamburger span {
  &:nth-child(1) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
  }
  &:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .25s;
  }
  &:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all .25s;
  }
  &:nth-child(4) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
  }
}
.collapsed {
  &.navbar-expand {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .btn {
    display: -webkit-flex;
  }
  .navbar-collapse {
    display: none !important;
    padding-right: 0 !important;
    &.collapsing,&.show {
      display: block !important;
      .navbar-nav {
        display: block;
        text-align: center;
        .nav-item {
          clear: both;
          & when (@showButtons = false) {
            &:last-child {
              margin-bottom: 1rem;
            }
          }
        }
      }
      .navbar-buttons {
        text-align: center;
        &:last-child {
          margin-bottom: 1rem;
        }
      }
    }
  }
  @media (min-width: 1024px) {
    &:not(.navbar-short) .navbar-collapse when (@showLogo) {
      max-height: ~"calc(98.5vh - @{logoSize}rem)";
    }
  }
  button.navbar-toggler {
    display: block;
  }
  .navbar-brand {
    margin-left: 1rem !important;
  }
  .navbar-toggleable-sm {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .dropdown {
    .dropdown-menu {
      width: 100%;
      text-align: center;
      position: relative;
      opacity: 0;
      overflow: hidden;
      display: block;
      height: 0;
      visibility: hidden;
      padding: 0;
      transition-duration: .5s;
      transition-property: opacity,padding,height;
    }
    &.open > .dropdown-menu {
      position: relative;
      opacity: 1;
      height: auto;
      padding: 1.4rem 0;
      visibility: visible;
    }
    .dropdown-submenu {
      left: 0;
      text-align: center;
      width: 100%;
    }
    .dropdown-toggle[data-toggle="dropdown-submenu"]::after {
      margin-top: 0;
      position: inherit;
      right: 0;
      top: 50%;
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: .3em;
      vertical-align: middle;
      content: "";
      border-top: .30em solid;
      border-right: .30em solid transparent;
      border-left: .30em solid transparent;
    }
  }
}
@media (max-width: 1023px) {
  &.navbar-expand {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  img {
    height: 3.8rem !important;
  }
  .btn {
    display: -webkit-flex;
  }
  button.navbar-toggler {
    display: block;
  }
  .navbar-brand {
    margin-left: 1rem !important;
  }
  .navbar-toggleable-sm {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .navbar-collapse {
    display: none !important;
    padding-right: 0 !important;
    &.collapsing,&.show {
      display: block !important;
      .navbar-nav {
        display: block;
        text-align: center;
        .nav-item {
          clear: both;
          & when (@showButtons = false) {
            &:last-child {
              margin-bottom: 1rem;
            }
          }
        }
      }
      .navbar-buttons {
        text-align: center;
        &:last-child {
          margin-bottom: 1rem;
        }
      }
    }
  }
  .dropdown {
    .dropdown-menu {
      width: 100%;
      text-align: center;
      position: relative;
      opacity: 0;
      overflow: hidden;
      display: block;
      height: 0;
      visibility: hidden;
      padding: 0;
      transition-duration: .5s;
      transition-property: opacity,padding,height;
    }
    &.open > .dropdown-menu {
      position: relative;
      opacity: 1;
      height: auto;
      padding: 1.4rem 0;
      visibility: visible;
    }
    .dropdown-submenu {
      left: 0;
      text-align: center;
      width: 100%;
    }
    .dropdown-toggle[data-toggle="dropdown-submenu"]::after {
      margin-top: 0;
      position: inherit;
      right: 0;
      top: 50%;
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: .3em;
      vertical-align: middle;
      content: "";
      border-top: .30em solid;
      border-right: .30em solid transparent;
      border-left: .30em solid transparent;
    }
  }
}
@media (min-width: 767px) {
  .menu-logo {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
  }
}
.navbar-collapse {
  flex-basis: auto;
  -webkit-flex-basis: auto;
}
.nav-link:hover, .dropdown-item:hover {
  color: @itemsHoverColor !important;
}
}

.cid-s8p7moC2Jq {
@slides__autoplay: "false";
@slides__autoplayInterval: 4000;
@slides__showBullets: true;
@slides__embedded: "true";

.modal-body .close {
  background: #1b1b1b;
}
.modal-body .close span {
  font-style: normal;
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
  display: table;
}
.carousel-control .icon-next, .carousel-control .icon-prev {
  margin-top: -18px;
  font-size: 40px;
  line-height: 27px;
}
.carousel-control:hover {
  background: #1b1b1b;
  color: #fff;
  opacity: 1;
}
@media (max-width: 767px) {
  .container .carousel-control {
    margin-bottom: 0;
  }
}
.boxed-slider {
  position: relative;
  padding: 93px 0;
}
.boxed-slider > div {
  position: relative;
}
.container img {
  width: 100%;
}
.container img + .row {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.mbr-section {
  padding: 0;
  background-attachment: scroll;
}
.mbr-table-cell {
  padding: 0;
}
.container .carousel-indicators {
  margin-bottom: 3px;
}
.carousel-caption {
  top: 50%;
  right: 0;
  bottom: auto;
  left: 0;
  display: -webkit-flex;
  align-items: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-align-items: center;
}
.mbr-overlay {
  z-index: 1;
}
.container-slide.container {
  min-width: 100%;
  min-height: 100vh;
  padding: 0;
}
.carousel-item {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -o-transition: -o-transform 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  .container {
    @media (max-width: 576px) {
      width: 100%;
    }
  }
}
.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.active.carousel-item-right, .carousel-item-next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.active.carousel-item-left, .carousel-item-prev {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.mbr-slider {
  .carousel-control {
    top: 50%;
    width: 70px;
    height: 70px;
    margin-top: -1.5rem;
    font-size: 35px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all .3s;
    &.carousel-control-prev {
      left: 0;
      margin-left: 2.5rem;
    }
    &.carousel-control-next {
      right: 0;
      margin-right: 2.5rem;
    }
    .mbr-iconfont {
      font-size: 2rem;
    }
    @media (max-width: 767px) {
      top: auto;
      bottom: 1rem;
    }
  }
  .carousel-indicators {
    position: absolute;
    bottom: 0;
    margin-bottom: 1.5rem !important;
    li {
      max-width: 20px;
      width: 20px;
      height: 20px;
      max-height: 20px;
      margin: 3px;
      background-color: rgba(0, 0, 0, 0.5);
      border: 2px solid #fff;
      border-radius: 50%;
      opacity: .5;
      transition: all .3s;
      &.active, &:hover {
        opacity: .9;
      }
      &::after, &::before {
        content: none;
      }
    }
    &.ie-fix {
      left: 50%;
      display: block;
      width: 60%;
      margin-left: -30%;
      text-align: center;
    }
    @media (max-width: 576px) {
      display: none !important;
    }
  }
  > .container {
    img {
      width: 100%;
      + .row {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        z-index: 2;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
      }
    }
    .carousel-indicators {
      margin-bottom: 3px;
    }
    @media (max-width: 576px) {
      .carousel-control {
        margin-bottom: 0;
      }
    }
  }
  .mbr-section {
    padding: 0;
    background-attachment: scroll;
  }
  .mbr-table-cell {
    padding: 0;
  }
}
.carousel-item .container.container-slide {
  position: initial;
  width: auto;
  min-height: 0;
}
.full-screen {
  .slider-fullscreen-image {
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    &.active {
      display: -o-flex;
    }
  }
  & .container {
    width: auto;
    padding-right: 0;
    padding-left: 0;
  }
  .carousel-item .container.container-slide {
    width: 100%;
    min-height: 100vh;
    padding: 0;
    & img {
      display: none;
    }
  }
}
.mbr-background-video-preview {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mbr-overlay ~ .container-slide {
  z-index: auto;
}
}

.cid-sadbP16cnG {
@paddingTop: 6;
@paddingBottom: 6;
@showTitle: true;
@showSubtitle: true;
@uname__10: "../../app/themes/mobirise4/components/form1/../_images/background4.jpg";
@uname__11: true;
@uname__12: #ffffff;
@bg-value: #ffffff;
@bg-type: "color";
@bg-color-value: #ffffff;
@bg-parallax: false;
@overlay: true;
@overlayColor: #c1c1c1;
@overlayOpacity: 0.9;

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);
}
.title {
  margin-bottom: 2rem;
}
.mbr-section-subtitle {
  color: #767676;
}
a:not([href]):not([tabindex]) {
  color: #fff;
  border-radius: 3px;
}
a.btn-white:not([href]):not([tabindex]) {
  color: #333;
}
textarea.form-control {
  min-height: 188px;
}
}

.cid-s8vfiSC2GF {

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