@media (min-width: 992px) {
  .modal-xl {
    max-width: 800px !important; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px !important; } }

.bevel {
  /* orange-cherry : Orange and Cherry */ }
  .bevel sup {
    position: inherit;
    vertical-align: super; }
  .bevel__demo {
    padding: 50px;
    font-size: 40px;
    margin: 10px auto;
    white-space: nowrap;
    text-align: center; }
  .bevel__black__one {
    color: #333333; }
  .bevel__black__newbg {
    color: white;
    background: #333333;
    background: -webkit-gradient(linear, left top, right top, from(#333333), to(#333333));
    background: linear-gradient(to right, #333333 0%, #333333 100%); }
    @media all and (-ms-high-contrast: none) {
      .bevel__black__newbg {
        color: #333333 !important; } }
    @media all and (-ms-high-contrast: none) {
      .bevel__black__newbg {
        background: -webkit-gradient(linear, left top, right top, from(#333333), to(#333333)) !important;
        background: linear-gradient(to right, #333333 0%, #333333 100%) !important; } }
  .bevel__black__after {
    color: #333; }
  .bevel__black-reversed__one {
    color: #333333; }
  .bevel__black-reversed__line {
    color: white;
    background: #333333;
    background: linear-gradient(135deg, #333333 0%, #333333 100%); }
    @media all and (-ms-high-contrast: none) {
      .bevel__black-reversed__line {
        color: #333333 !important; } }
    @media all and (-ms-high-contrast: none) {
      .bevel__black-reversed__line {
        background: linear-gradient(135deg, #333333 0%, #333333 100%) !important; } }
  @media (min-width: 992px) {
    .bevel__black-reversed__after {
      color: white;
      background: #333333;
      background: linear-gradient(135deg, #333333 0%, #333333 100%);
      background-size: 100% 5px;
      display: inline;
      background-repeat: no-repeat;
      background-position: 0% 80%; } }
  @media all and (min-width: 992px) and (-ms-high-contrast: none) {
    .bevel__black-reversed__after {
      background: linear-gradient(135deg, #333333 0%, #333333 100%) !important;
      background-size: 100% 5px !important;
      display: inline !important;
      background-repeat: no-repeat !important;
      background-position: 0% 80% !important; } }
  .bevel__black-reversed__after {
    color: #333; }
  .bevel__orange-cherry__one {
    color: #FF891F; }
  .bevel__orange-cherry__newbg {
    color: white;
    background: #FF891F;
    background: -webkit-gradient(linear, left top, right top, from(#FF891F), to(#F26223));
    background: linear-gradient(to right, #FF891F 0%, #F26223 100%); }
    @media all and (-ms-high-contrast: none) {
      .bevel__orange-cherry__newbg {
        color: #FF891F !important; } }
    @media all and (-ms-high-contrast: none) {
      .bevel__orange-cherry__newbg {
        background: -webkit-gradient(linear, left top, right top, from(#FF891F), to(#F26223)) !important;
        background: linear-gradient(to right, #FF891F 0%, #F26223 100%) !important; } }
  .bevel__orange-cherry__after {
    color: #333; }
  .bevel__orange-cherry-reversed__one {
    color: #FF891F; }
  .bevel__orange-cherry-reversed__line {
    color: white;
    background: #F26223;
    background: linear-gradient(135deg, #F26223 0%, #FF891F 100%); }
    @media all and (-ms-high-contrast: none) {
      .bevel__orange-cherry-reversed__line {
        color: #FF891F !important; } }
    @media all and (-ms-high-contrast: none) {
      .bevel__orange-cherry-reversed__line {
        background: linear-gradient(135deg, #F26223 0%, #FF891F 100%) !important; } }
  @media (min-width: 992px) {
    .bevel__orange-cherry-reversed__after {
      color: white;
      background: #F26223;
      background: linear-gradient(135deg, #F26223 0%, #FF891F 100%);
      background-size: 100% 5px;
      display: inline;
      background-repeat: no-repeat;
      background-position: 0% 80%; } }
  @media all and (min-width: 992px) and (-ms-high-contrast: none) {
    .bevel__orange-cherry-reversed__after {
      background: linear-gradient(135deg, #F26223 0%, #FF891F 100%) !important;
      background-size: 100% 5px !important;
      display: inline !important;
      background-repeat: no-repeat !important;
      background-position: 0% 80% !important; } }
  .bevel__orange-cherry-reversed__after {
    color: #333; }
  .bevel__newtext {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block !important; }
    @media all and (-ms-high-contrast: none) {
      .bevel__newtext {
        background: none !important; } }

h1 span.bevel__background,
h2 span.bevel__background {
  display: inline-block;
  margin-bottom: 5px;
  max-width: 100%; }

@media all and (-ms-high-contrast: none) {
  h1 span.bevel__background,
  h2 span.bevel__background {
    color: #2A2E33 !important; } }

@media all and (-ms-high-contrast: none) {
  .bevel__background {
    color: white !important; } }

/*# sourceMappingURL=theme-shared.css.map */