/* xl - DESKTOP STYLES */
/* Write your Public SASS mixins here! */
.ff-ss, .ff-ss * {
  font-family: "omnes-pro", sans-serif !important; }

.ff-hdr, .ff-hdr * {
  font-family: "modesto-open-inline-fill", Helvetica, sans-serif !important; }

.ff-hvy, .ff-hvy * {
  font-family: "bebas-neue", Helvetica, sans-serif !important; }

.ff-small, .ff-small * {
  font-size: 0.6em !important;
  line-height: 1.1em !important; }

.ff-smaller, .ff-smaller * {
  font-size: 0.4em !important;
  line-height: 1.1em !important; }

.ff-smallest, .ff-smallest * {
  font-size: 0.12em !important;
  line-height: 0.9em !important; }

.blockit {
  display: block !important; }

ul {
  list-style: none; }

ol {
  list-style: decimal; }

big {
  font-size: 125%; }

.clr-w {
  color: #fff !important; }

.clr-y {
  color: #fbaa19 !important; }

.bg-w {
  background: #fff;
  color: #000 !important; }

.bg-b, .bg-b *, .bg-bl, .bg-bl *, .bg-o, .bg-o *, .bg-dbl, .bg-dbl * {
  color: #fff !important; }

.bg-b {
  background-color: #000; }

.bg-bl {
  background-color: #39c7ce; }

.bg-dbl {
  background-color: #222627; }

.bg-y {
  background-color: #fbaa19; }

.bg-reset, .ediv, .bg-fill, .oct-box:before, .oct-box:after, .oct-box .elementor-container:before, .spacer {
  background-repeat: no-repeat;
  background-position: center center; }

.notxt {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

.ablock, .bg-fill, .oct-box:before, .oct-box:after, .oct-box .elementor-container:before {
  position: absolute;
  display: block; }

.ediv, .bg-fill, .oct-box:before, .oct-box:after, .oct-box .elementor-container:before, .spacer {
  content: " ";
  width: 100%; }

.bg-fill, .oct-box:before, .oct-box:after, .oct-box .elementor-container:before {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: cover; }

.animate, a, a *, .btn, .uline {
  transition: all 0.2s ease-out; }

.animatelong {
  transition: all 0.8s ease-out; }

.fliph {
  transform: scaleX(-1); }

.flipv {
  transform: scaleY(-1); }

.fa, .bullet-list li:before, ul.checked li:before {
  font-family: "Font Awesome 5 Free" !important;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.t-center {
  text-align: center; }

.uline {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.lined li {
  border-bottom: 1px solid #ccc;
  padding: 6px 0;
  display: block; }
  .lined li:last-child {
    border: none; }

.icn-reset svg {
  height: auto !important; }

@media (min-width: 960px) {
  .force-full .elementor-row {
    flex-wrap: wrap; }
    .force-full .elementor-row .elementor-column.full-row {
      width: 100% !important; } }

.bullet-list li {
  padding: 5px 0 5px 15px !important;
  display: block;
  position: relative; }
  .bullet-list li:before {
    position: absolute;
    top: 7px;
    left: -5px;
    content: "";
    color: #fbaa19; }

.clip-bnr {
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
  clip-path: polygon(100% 0, 100% 100%, 0% 100%, 3% 50%, 0% 0%); }

.clip-btm {
  clip-path: polygon(100% 0, 100% 98%, 50% 100%, 0 98%, 0 0); }
@media (min-width: 1040px) {
  .clip-btm {
    clip-path: polygon(100% 0, 100% 97%, 50% 100%, 0 97%, 0 0); } }

.clip-btm-r {
  clip-path: polygon(100% 0, 100% 100%, 50% 98%, 0 100%, 0 0); }
@media (min-width: 1040px) {
  .clip-btm-r {
    clip-path: polygon(100% 0, 100% 100%, 50% 96%, 0 100%, 0 0); } }

@media (min-width: 768px) {
  .clip-l {
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 6% 50%, 0 0); } }

@media (min-width: 768px) {
  .clip-r {
    clip-path: polygon(100% 0, 94% 50%, 100% 100%, 0 100%, 0 0); } }

.alignleft, .alignright {
  margin: 15px auto; }

@media (min-width: 768px) {
  .alignleft {
    float: left !important;
    margin: 4%;
    margin-left: 0; } }

@media (min-width: 768px) {
  .alignright {
    float: right !important;
    margin: 4%;
    margin-right: 0; } }

.vcenter {
  top: 50%;
  transform: translateY(-50%); }

.hcenter {
  left: 50%;
  transform: translateX(-50%); }

.clear {
  clear: both; }

.clip-oct, .clip-d, .clip-d .clipinner, .oct-box:before, .oct-box:after, .oct-box .elementor-container:before {
  clip-path: polygon(50% 0%, 100% 2%, 100% 98%, 50% 100%, 0 98%, 0 2%); }
@media (min-width: 960px) {
  .clip-oct, .clip-d, .clip-d .clipinner, .oct-box:before, .oct-box:after, .oct-box .elementor-container:before {
    clip-path: polygon(50% 0%, 100% 10%, 100% 95%, 50% 100%, 0 95%, 0 10%); } }

.clip-oct2 {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }

.clip-btm {
  clip-path: polygon(50% 0%, 100% 0%, 100% 98%, 50% 100%, 0 98%, 0 0); }
@media (min-width: 960px) {
  .clip-btm {
    clip-path: polygon(50% 0%, 100% 0%, 100% 95%, 50% 100%, 0 95%, 0 0); } }

.flexit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }

.clip-d {
  position: relative;
  padding: 10px;
  text-align: center; }
@media (min-width: 960px) {
  .clip-d {
    padding: 30px; } }
.clip-d .clipinner {
  background: #fbaa19;
  padding: 2px; }
  .clip-d .clipinner .clipinner {
    padding: 30px; }
    .clip-d .clipinner .clipinner .clip-cnt {
      text-align: center;
      position: relative; }
      .clip-d .clipinner .clipinner .clip-cnt .inner {
        max-width: 1280px;
        margin: 0 auto; }
.clip-d.dark {
  background: #000; }
  .clip-d.dark .clipinner .clipinner {
    background: #000; }
.clip-d.light {
  background: #fff; }
  .clip-d.light .clipinner .clipinner {
    background: #fff no-repeat center center; }

.shdbox {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

.fmd-btn a {
  border: 1px solid #fbaa19 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  font-family: "modesto-open-inline-fill", Helvetica, sans-serif !important;
  margin-top: 3px; }
  .fmd-btn a:hover {
    margin-top: 0;
    background: #fbaa19 !important; }
.fmd-btn.light a {
  color: #222627; }
.fmd-btn.btn-sm {
  background: transparent !important;
  padding: 5px 8px; }

.oct-box {
  margin: -5% 0 0;
  position: relative;
  padding: 2px; }
  .oct-box:after {
    background: #000;
    z-index: 0; }
  .oct-box:before {
    background: #fbaa19;
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    z-index: 1; }
  .oct-box > .elementor-container {
    position: relative; }
    .oct-box > .elementor-container:before {
      background: #000;
      z-index: 1;
      top: 7px;
      left: 7px;
      width: calc(100% - 14px);
      height: calc(100% - 14px); }
  .oct-box .oct-box-cnt {
    z-index: 10;
    position: relative; }

ul {
  margin: 0;
  padding: 0; }

ul.checked li {
  position: relative;
  padding: 3px 0 3px 24px; }
  ul.checked li:before {
    position: absolute;
    left: 0;
    top: 8px;
    content: " ";
    color: #fbaa19; }

.spacer {
  height: 8px; }

.btn-inline {
  display: inline-block;
  margin: 0 5px; }

.icn-reset svg {
  height: auto; }

ul.list-reset, ul.list-reset li {
  padding: 0;
  margin: 0;
  list-style-type: none; }

ul.checked li {
  position: relative;
  padding: 3px 0 3px 24px;
  list-style-type: none; }
  ul.checked li:before {
    position: absolute;
    left: 0;
    top: 3px;
    font-family: "Font Awesome 5 Free" !important;
    content: " ";
    font-size: 80%; }

@media (min-width: 960px) {
  .force-full .elementor-row {
    flex-wrap: wrap; }
    .force-full .elementor-row .elementor-column.full-row {
      width: 100% !important; } }

.full-btn a {
  width: 100% !important; }

.bdr-active .elementor-icon {
  border-color: #fff !important; }

@media (max-width: 767px) {
  .kibl .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center; }
  .kibl .elementor-icon-box-icon {
    flex: 0 0 auto;
    margin: 10px 15px 0 0 !important; } }