html {
  scroll-behavior: smooth;
}

.pointer {
  cursor: pointer;
}

.btn-round {
  border-width: 1px;
  border-radius: 30px!important;
  padding: 11px 23px;
}

.bg-img-fixed {
  background-attachment: fixed;
}

.row-0 .row {
  margin-right: 0px!important;
  margin-left: 0px!important;
}

.col-0 [class*='col-'] {
  padding-right: 0px!important;
  padding-left: 0px!important;
}

@media (min-width: 992px) {
  .width-80 {
    max-width: 80%;
  }
  .width-60 {
    max-width: 60%;
  }
  .width-40 {
    max-width: 40%;
  }
  .width-20 {
    max-width: 20%;
  }
}

.shadow-xs {
  box-shadow: 0 1px 1px 0 rgba(111, 111, 111, 0.25);
}

.rounded-xs {
  border-radius: 2px;
}

@media (min-width: 576px){
  .modal-xs {
      max-width: 125px;
  }
}
/* ------------------- Component: FONTS ------------------- */

.b-6 {
  font-weight: 600;
}
.b-8 {
  font-weight: 800;
}
.f-50 {
  font-size: .5rem;
}
.f-60 {
  font-size: .6rem;
}
.f-70 {
  font-size: .7rem;
}
.f-80 {
  font-size: .8rem;
}
.f-90 {
  font-size: .9rem;
}
.f-100 {
  font-size: 1rem;
}
.f-125 {
  font-size: 1.25rem;
}
.f-150 {
  font-size: 1.5rem;
}
.f-175 {
  font-size: 1.75rem;
}
.f-200 {
  font-size: 2rem;
}
.f-250 {
  font-size: 2.5rem;
}
.f-300 {
  font-size: 3rem;
}
.f-400 {
  font-size: 4rem;
}
.f-500 {
  font-size: 5rem;
}
.f-600 {
  font-size: 6rem;
}
.f-700 {
  font-size: 7rem;
}
.f-800 {
  font-size: 8rem;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}
.lh-100 {
  line-height: 1;
}
.lh-150 {
  line-height: 1.5;
}
.lh-200 {
  line-height: 2;
}
.lh-250 {
  line-height: 2.5;
}
.lh-300 {
  line-height: 3;
}
/* ------------------- Component: FONTS ------------------- */

/* ------------------- Component: spaces -------------------  */
.pt-6 {
  padding-top: 4rem!important;
}
.pt-7 {
  padding-top: 5rem!important;
}
.pt-8 {
  padding-top: 6rem!important;
}
.pt-9 {
  padding-top: 7rem!important;
}
.pt-10 {
  padding-top: 8rem!important;
}
.pb-6 {
  padding-bottom: 4rem!important;
}
.pb-7 {
  padding-bottom: 5rem!important;
}
.pb-8 {
  padding-bottom: 6rem!important;
}
.pb-9 {
  padding-bottom: 7rem!important;
}
.pb-10 {
  padding-bottom: 8rem!important;
}
.py-6 {
  padding-top: 4rem!important;
  padding-bottom: 4rem!important;
}
.py-7 {
  padding-top: 5rem!important;
  padding-bottom: 5rem!important;
}
.py-8 {
  padding-top: 6rem!important;
  padding-bottom: 6rem!important;
}
.py-9 {
  padding-top: 7rem!important;
  padding-bottom: 7rem!important;
}
.py-10 {
  padding-top: 8rem!important;
  padding-bottom: 8rem!important;
}
.mt-6 {
  margin-top: 4rem!important;
}
.mt-7 {
  margin-top: 5rem!important;
}
.mt-8 {
  margin-top: 6rem!important;
}
.mt-9 {
  margin-top: 7rem!important;
}
.mt-10 {
  margin-top: 8rem!important;
}
.mb-6 {
  margin-bottom: 4rem!important;
}
.mb-7 {
  margin-bottom: 5rem!important;
}
.mb-8 {
  margin-bottom: 6rem!important;
}
.mb-9 {
  margin-bottom: 7rem!important;
}
.mb-10 {
  margin-bottom: 8rem!important;
}
.my-6 {
  margin-top: 4rem!important;
  margin-bottom: 4rem!important;
}
.my-7 {
  margin-top: 5rem!important;
  margin-bottom: 5rem!important;
}
.my-8 {
  margin-top: 6rem!important;
  margin-bottom: 6rem!important;
}
.my-9 {
  margin-top: 7rem!important;
  margin-bottom: 7rem!important;
}
.my-10 {
  margin-top: 8rem!important;
  margin-bottom: 8rem!important;
}
/* ------------------- Component: spaces -------------------  */

/* ------------------- strat border ------------------- */
.border-blue {
  border-color: #048ed0!important;
}
.border-green {
  border-color: #00c799!important;
}
.border-red {
  border-color: #f34c37!important;
}
.border-yellow {
  border-color: #fd935a!important;
}
.border-aqua {
  border-color: #00c0ef!important;
}
.border-gray-05 {
  border-color: #f8f9fb!important;
}
.border-light-blue {
  border-color: #a6e2ff!important;
}
.border-orange {
  border-color: #ff7a59!important;
}
.border-gray-10 {
  border-color: #e6e9ef!important;
}
.border-gray-30 {
  border-color: #e6e9ef!important;
}
.border-gray-70 {
  border-color: #647484!important;
}
.border-gray-90 {
  border-color: #33475b!important;
}
.border-black {
  border-color: #111111!important;
}
.border-fuchsia {
  border-color: #f012be!important;
}
.border-purple {
  border-color: #6f42c1!important;
}
.border-light-purple {
  border-color: #a676ff!important;
}
.border-maroon {
  border-color: #d81b60!important;
}
/* ------------------- END border ------------------- */

/* ------------------- Component: Text colors ------------------- */
.text-red {
  color: #f34c37!important;
}
a.text-red:focus, a.text-red:hover {
  color: #c9210c!important;
}
.text-yellow {
  color: #fd935a!important;
}
a.text-yellow:focus, a.text-yellow:hover {
  color: #fc5c06!important;
}
.text-aqua {
  color: #00c0ef!important;
}
a.text-aqua:focus, a.text-aqua:hover {
  color: #007c9a!important;
}
.text-blue {
  color: #0086E6!important;
}
a.text-blue:focus, a.text-blue:hover {
  color: #005591!important;
}
.text-orange {
  color: #ff7a59!important;
}
a.text-orange:focus, a.text-orange:hover {
  color: #ff3604!important;
}
.text-black {
  color: #111111!important;
}
a.text-black:focus, a.text-black:hover {
  color: #000!important;
}
.text-light-blue {
  color: #a6e2ff!important;
}
a.text-light-blue:focus, a.text-light-blue:hover {
  color: #51c6ff!important;
}
.text-green {
  color: #73c700!important;
}
a.text-green:focus, a.text-green:hover {
  color: #427200!important;
}
.text-gray-05 {
  color: #f8f9fb!important;
}
a.text-gray-05:focus, a.text-gray-05:hover {
  color: #c2cbdc!important;
}
.text-gray-10 {
  color: #e6e9ef!important;
}
a.text-gray-10:focus, a.text-gray-10:hover {
  color: #b2bbce!important;
}
.text-gray-30 {
  color: #7c8490!important;
}
a.text-gray-30:focus, a.text-gray-30:hover {
  color: #aaafb7!important;
}
.text-gray-70 {
  color: #647484!important;
}
a.text-gray-70:focus, a.text-gray-70:hover {
  color: #3f4a54!important;
}
.text-gray-90 {
  color: #33475b!important;
}
a.text-gray-90:focus, a.text-gray-90:hover {
  color: #151d25!important;
}
.text-fuchsia {
  color: #f012be!important;
}
a.text-fuchsia:focus, a.text-fuchsia:hover {
  color: #a30a80!important;
}
.text-purple {
  color: #6f42c1!important;
}
a.text-purple:focus, a.text-purple:hover {
  color: #4a2b83!important;
}
.text-light-purple {
  color: #a676ff!important;
}
a.text-light-purple:focus, a.text-light-purple:hover {
  color: #6f21ff!important;
}
.text-maroon {
  color: #d81b60!important;
}
a.text-maroon:focus, a.text-maroon:hover {
  color: #8d123e!important;
}
/* ------------------- Component: Text colors ------------------- */

/* ------------------- Component: BG colors ------------------- */
.bg-red {
  background-color: #f34c37 !important;
}
.bg-yellow {
  background-color: #fd935a !important;
}
.bg-aqua {
  background-color: #00c0ef !important;
}
.bg-blue {
/* background-color: #048ed0 !important; */
  background-color: #F4F9FD !important;
}
.bg-light-blue {
  background-color: #a6e2ff !important;
}
.bg-green {
  background-color: #00c799!important;
}
.bg-orange {
background-color: #ff7a59 !important;
}
.bg-gray-05 {
  background-color: #f8f9fb !important;
}
.bg-gray-10 {
  background-color: #e6e9ef !important;
}
.bg-gray-30 {
  background-color: #aaafb7 !important;
}
.bg-gray-70 {
  background-color: #647484 !important;
}
.bg-gray-90 {
  background-color: #33475b !important;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #6f42c1 !important;
}
.bg-light-purple {
  background-color: #a676ff !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
/* ------------------- Component: END BG colors ------------------- */

/* ------------------- Component: gradient BG colors ------------------- */

.bg-blue-01-g {
  background-image: -webkit-linear-gradient(bottom left, #337ab7, #3dc2f5);
  background-image: linear-gradient(to top right, #337ab7, #3dc2f5);
}
.bg-blue-02-g {
  background: linear-gradient(326.55deg, #00548C 0%, #0065B7 100%);
}
.bg-blue-03-g {
  background: #37ABFF linear-gradient(0deg, #0086E6 0%, rgba(55,171,255,0) 100%);;
}
.bg-blue-04-g {
  background: linear-gradient(40deg,#45cafc,#303f9f)!important;
}
.bg-aqua-g {
  background-image: -webkit-linear-gradient(bottom left, #0098bd, #85e7ff);
  background-image: linear-gradient(to top right, #0098bd, #85e7ff);
}
.bg-yellow-g {
  background-image: -webkit-linear-gradient(bottom left, #ff8a4b, #ffb892);
  background-image: linear-gradient(to top right, #ff8a4b, #ffb892);
}
.bg-red-g {
  background-image: -webkit-linear-gradient(bottom left, #e4301a, #ff8b7d);
  background-image: linear-gradient(to top right, #e4301a, #ff8b7d);
}
.bg-orange-g {
  background-image: -webkit-linear-gradient(bottom left, #ff7755, #ff9f87);
  background-image: linear-gradient(to top right, #ff7755, #ff9f87);
}
.bg-green-g {
  background-image: -webkit-linear-gradient(bottom left, #00c799, #68ffe3);
  background-image: linear-gradient(to top right, #00c799, #68ffe3);
}
.bg-gray-g {
  background-image: -webkit-linear-gradient(bottom left, #647484, #a9bfd2);
  background-image: linear-gradient(to top right, #647484, #a9bfd2);
}
.bg-light-gray-g {
  background-image: -webkit-linear-gradient(bottom left, #eef0f3, #fafcfd);
  background-image: linear-gradient(to top right, #eef0f3, #fafcfd);
}
.bg-purple-01-g {
  background-image: -webkit-linear-gradient(bottom left, #613da2, #b48cff);
  background-image: linear-gradient(to top right, #613da2, #b48cff);
}
.bg-purple-02-g {
  background: linear-gradient(40deg,#ff6ec4,#7873f5)!important
}
.bg-blue-green-g {
  background-image: -webkit-linear-gradient(left, #00a4bd, #00bda5);
  background-image: linear-gradient(to right, #00a4bd, #00bda5);
}
.bg-auqa-green-g {
  background: linear-gradient(40deg,#2096ff,#05ffa3)!important;
}
.bg-peach-g {
  background: linear-gradient(40deg,#ffd86f,#fc6262)!important;
}
/* ------------------- Component: end gradient BG colors ------------------- */

/* ------------------- Component: transparent BG colors ------------------- */
.bg-white-t1{
  background-color: rgba(245, 245, 245, 0.1);
}
.bg-white-t2{
  background-color: rgba(245, 245, 245, 0.2);
}
.bg-white-t3{
  background-color: rgba(245, 245, 245, 0.3);
}
.bg-white-t4{
  background-color: rgba(245, 245, 245, 0.4);
}
.bg-white-t5{
  background-color: rgba(245, 245, 245, 0.5);
}
.bg-white-t6{
  background-color: rgba(245, 245, 245, 0.6);
}
.bg-white-t7{
  background-color: rgba(245, 245, 245, 0.7);
}
.bg-white-t8{
  background-color: rgba(245, 245, 245, 0.8);
}
.bg-white-t9{
  background-color: rgba(245, 245, 245, 0.9);
}
.bg-black-t1{
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-black-t2{
  background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-t3{
  background-color: rgba(0, 0, 0, 0.3);
}
.bg-black-t4{
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-black-t5{
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-t6{
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-t7{
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-t8{
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-black-t9{
  background-color: rgba(0, 0, 0, 0.9);
}
/* ------------------- Component: END transparent BG colors ------------------- */

/* ------------------- section title classes ------------------- */
.title-b > h2 {
  font-weight: bold;
}
.title-b-6 > h2 {
  font-weight: 600;
}
.title-b-8 > h2 {
  font-weight: 800;
}
.title-f-50 > h2 {
  font-size: .5rem;
}
.title-f-60 > h2 {
  font-size: .6rem;
}
.title-f-70 > h2 {
  font-size: .7rem;
}
.title-f-80 > h2 {
  font-size: .8rem;
}
.title-f-90 > h2 {
  font-size: .9rem;
}
.title-f-100 > h2 {
  font-size: 1rem;
}
.title-f-125 > h2 {
  font-size: 1.25rem;
}
.title-f-150 > h2 {
  font-size: 1.5rem;
}
.title-f-175 > h2 {
  font-size: 1.75rem;
}
.title-f-200 > h2 {
  font-size: 2rem;
}
.title-f-250 > h2 {
  font-size: 2.5rem;
}
.title-f-300 > h2 {
  font-size: 3rem;
}
.title-f-400 > h2 {
  font-size: 4rem;
}
.title-f-500 > h2 {
  font-size: 5rem;
}
.title-f-600 > h2 {
  font-size: 6rem;
}
.title-f-700 > h2 {
  font-size: 7rem;
}
.title-f-800 > h2 {
  font-size: 8rem;
}
.title-fw-200 > h2 {
  font-weight: 200;
}
.title-fw-300 > h2 {
  font-weight: 300;
}
.title-fw-400 > h2 {
  font-weight: 400;
}
.title-fw-500 > h2 {
  font-weight: 500;
}
.title-fw-600 > h2 {
  font-weight: 600;
}
.title-fw-700 > h2 {
  font-weight: 700;
}
.title-fw-800 > h2 {
  font-weight: 800;
}
.title-fw-900 > h2 {
  font-weight: 900;
}
.title-lh-100 > h2 {
  line-height: 1;
}
.title-lh-150 > h2 {
  line-height: 1.5;
}
.title-lh-200 > h2 {
  line-height: 2;
}
.title-lh-250 > h2 {
  line-height: 2.5;
}
.title-lh-300 > h2 {
  line-height: 3;
}

/* ------------------- END section title classes ------------------- */

/* ------------------- border classes ------------------- */
.border-1 {
  border-width:1px !important;
}
.border-2 {
  border-width:2px !important;
}
.border-3 {
  border-width:3px !important;
}
.border-4 {
  border-width:4px !important;
}
.border-5 {
  border-width:5px !important;
}
.border-6 {
  border-width:6px !important;
}
.border-7 {
  border-width:7px !important;
}
.border-8 {
  border-width:8px !important;
}
.border-9 {
  border-width:0px !important;
}
.border-10 {
  border-width:10px !important;
}
/* ------------------- END border classes ------------------- */