/* Discrete, reusable UI elements. */


/* Discrete, reusable UI elements. */

/*------------------------------------
  Padding
------------------------------------*/
/* Height in Percentage (%) */

.qt-padding-3 {
  padding: 3px !important;
}

.qt-padding-5 {
  padding: 5px !important;
}

.qt-padding-8 {
  padding: 8px !important;
}

/* Discrete, reusable UI elements. */

/*------------------------------------
  Heights
------------------------------------*/
/* Height in Percentage (%) */
.qt-height-50x {
  height: 50%;
}

.qt-height-80x {
  height: 80%;
}

.qt-height-90x {
  height: 90%;
}

.qt-height-95x {
  height: 95%;
}

.qt-height-100x {
  height: 100%;
}

/* Max Height in Percentage (%) */
.qt-max-height-100x {
  max-height: 100%;
}

/* Max Height in Viewport Height (vh) */
.qt-max-height-70vh {
  max-height: 70vh !important;
}

.qt-max-height-90vh {
  height: 90vh !important;
}

/* Min Height in Percentage (%) */
.qt-min-height-100x {
  min-height: 100%;
}

/* Height  in Viewport Height (vh) */
.qt-height-50vh {
  height: 50vh !important;
}

.qt-height-70vh {
  height: 70vh;
}

.qt-height-75vh {
  height: 75vh;
}

.qt-height-100vh {
  height: 100vh !important;
}

/* Min Height in Viewport Height (vh) */
.qt-min-height-50vh {
  min-height: 50vh;
}

.qt-min-height-60vh {
  min-height: 60vh;
}

.qt-min-height-70vh {
  min-height: 70vh;
}

.qt-min-height-80vh {
  min-height: 80vh;
}

.qt-min-height-90vh {
  min-height: 90vh;
}

.qt-min-height-100vh {
  min-height: 100vh;
}

/* Auto Height */
.qt-height-auto {
  height: auto;
}

@media (min-width: 576px) {
  .qt-height-100vh--sm {
    height: 100vh !important;
  }
  .qt-height-auto--sm {
    height: auto;
  }
  .qt-height-100x--sm {
    height: 100%;
  }
}

@media (min-width: 768px) {
  .qt-height-auto--md {
    height: auto;
  }
  .qt-min-height-100vh--md {
    min-height: 100vh;
  }
}

@media (min-width: 992px) {
  .qt-min-height-90vh--lg {
    min-height: 90vh;
  }
  .qt-height-100vh--lg {
    height: 100vh !important;
  }
  .qt-height-auto--lg {
    height: auto;
  }
}

@media (min-width: 1200px) {
  .qt-height-auto--xl {
    height: auto;
  }
}

/* Height in Pixels (px) */
.qt-height-1 {
  height: 1px;
}

.qt-height-2 {
  height: 2px;
}

.qt-height-4 {
  height: 4px;
}

.qt-height-5 {
  height: 5px !important;
}

.qt-height-6 {
  height: 6px !important;
}

.qt-height-10 {
  height: 10px !important;
}

.qt-height-12 {
  height: 12px !important;
}

.qt-height-16 {
  height: 16px !important;
}

.qt-height-18 {
  height: 18px;
}

.qt-height-20 {
  height: 20px !important;
}

.qt-height-22 {
  height: 22px !important;
}

.qt-height-24 {
  height: 24px;
}

.qt-height-25 {
  height: 25px;
}

.qt-height-26 {
  height: 26px;
}

.qt-height-28 {
  height: 28px !important;
  /* O */
}

.qt-height-30 {
  height: 30px !important;
}

.qt-height-32 {
  height: 32px;
  /* O */
}

.qt-height-35 {
  height: 35px !important;
}

.qt-height-40 {
  height: 40px;
}

.qt-height-45 {
  height: 45px;
}

.qt-height-48 {
  height: 48px;
  /* O */
}

.qt-height-50 {
  height: 50px;
}

.qt-height-55 {
  height: 55px;
}

.qt-height-60 {
  height: 60px;
}

.qt-height-64 {
  height: 64px;
}

.qt-height-70 {
  height: 70px;
}

.qt-height-75 {
  height: 75px;
  /* O */
}

.qt-height-80 {
  height: 80px !important;
}

.qt-height-85 {
  height: 85px;
}

.qt-height-88 {
  height: 88px;
}

.qt-height-90 {
  height: 90px;
}

.qt-height-95 {
  height: 95px !important;
}

.qt-height-100 {
  height: 100px !important;
}

.qt-height-105 {
  height: 105px;
}

.qt-height-115 {
  height: 115px !important;
  /* O */
}

.qt-height-120 {
  height: 120px;
}

.qt-height-125 {
  height: 125px;
}

.qt-height-130 {
  height: 130px;
}

.qt-height-140 {
  height: 140px;
}

.qt-height-150 {
  height: 150px;
}

.qt-height-160 {
  height: 160px;
}

.qt-height-170 {
  height: 170px;
  /* O */
}

.qt-height-180 {
  height: 180px !important;
  /* O */
}

.qt-height-200 {
  height: 200px;
}

.qt-height-220 {
  height: 220px;
}

.qt-height-250 {
  height: 250px;
}

.qt-height-280 {
  height: 280px;
}

.qt-height-300 {
  height: 300px;
}

.qt-height-350 {
  height: 350px;
}

.qt-height-400 {
  height: 400px;
}

.qt-height-450 {
  height: 450px;
}

.qt-height-460 {
  height: 460px;
  /* O */
  max-height: 100% !important;
}

.qt-height-500 {
  height: 500px;
}

.qt-height-600 {
  height: 600px;
}

.qt-height-680 {
  height: 680px;
}

/* Min Height in Pixels (px) */
.qt-min-height-4 {
  min-height: 4px;
}

.qt-min-height-35 {
  min-height: 35px;
}

.qt-min-height-60 {
  min-height: 60px;
}

.qt-min-height-170 {
  min-height: 170px;
}

.qt-min-height-200 {
  min-height: 200px;
}

.qt-min-height-250 {
  min-height: 250px;
}

.qt-min-height-275 {
  min-height: 275px;
}

.qt-min-height-300 {
  min-height: 300px;
}

.qt-min-height-312 {
  min-height: 312px;
}

.qt-min-height-360 {
  min-height: 360px;
}

.qt-min-height-400 {
  min-height: 400px;
}

.qt-min-height-450 {
  min-height: 450px;
}

.qt-min-height-500 {
  min-height: 500px;
}

.qt-min-height-600 {
  min-height: 600px;
}

@media (min-width: 576px) {
  .qt-height-350--sm {
    height: 350px;
  }
  .qt-height-680--sm {
    height: 680px;
  }
}

@media (min-width: 768px) {
  .qt-height-40--md {
    height: 40px !important;
  }
  .qt-height-45--md {
    height: 45px !important;
  }
  .qt-height-60--md {
    height: 60px !important;
  }
  .qt-height-100--md {
    height: 100px !important;
  }
  .qt-height-170--md {
    height: 170px !important;
  }
  .qt-height-350--md {
    height: 350px;
  }
  .qt-height-500--md {
    height: 500px;
  }
  .qt-height-680--md {
    height: 680px;
  }
  .qt-height-100x--md {
    height: 100%;
  }
  .qt-height-100vh--md {
    height: 100vh;
  }
  .qt-min-height-230--md {
    min-height: 230px;
  }
  .qt-min-height-500--md {
    min-height: 500px;
  }
}

@media (min-width: 992px) {
  .qt-height-80--lg {
    height: 80px !important;
  }
  .qt-height-200--lg {
    height: 200px !important;
  }
  .qt-height-230--lg {
    height: 230px;
  }
  .qt-height-350--lg {
    height: 350px;
  }
  .qt-height-680--lg {
    height: 680px;
  }
}

@media (min-width: 1200px) {
  .qt-height-350--xl {
    height: 350px;
  }
  .qt-height-680--xl {
    height: 680px;
  }
}

.qt-margin-right-8 {
  margin-right: 8px;
}
/*------------------------------------
  Gradient Colors
------------------------------------*/
/* Cyan Gradient */
.qt-color-cyan-gradient-opacity-v1 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(290deg, rgba(0, 0, 153, 0.55), rgba(0, 190, 214, 0.6));
  background-image: -o-linear-gradient(290deg, rgba(0, 0, 153, 0.55), rgba(0, 190, 214, 0.6));
  background-image: linear-gradient(160deg, rgba(0, 0, 153, 0.55), rgba(0, 190, 214, 0.6));
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Blue Gradient */
.qt-color-blue-gradient-opacity-v1 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(350deg, #8654da, rgba(66, 229, 248, 0.8));
  background-image: -o-linear-gradient(350deg, #8654da, rgba(66, 229, 248, 0.8));
  background-image: linear-gradient(-260deg, #8654da, rgba(66, 229, 248, 0.8));
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}


/*------------------------------------
  Background Gradients
------------------------------------*/
.gradient-half-primary-body-v1 {
  background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);
  background-repeat: repeat-x;
  background-attachment: fixed;
}

.gradient-half-primary-v1 {
  background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);
  background-repeat: repeat-x;
}

.gradient-half-primary-v2 {
  background-image: linear-gradient(0deg, rgba(55, 125, 255, 0.05) 0%, transparent 100%);
  background-repeat: repeat-x;
}

.gradient-half-primary-v3 {
  background-image: linear-gradient(0deg, rgba(55, 125, 255, 0.1) 0%, transparent 100%);
  background-repeat: repeat-x;
}

.gradient-half-primary-v4 {
  background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 85%);
  background-repeat: repeat-x;
}

.gradient-half-primary-v5 {
  background-image: linear-gradient(150deg, #377dff 0%, #2d1582 100%);
  background-repeat: repeat-x;
}

.gradient-half-info-v1 {
  background-image: linear-gradient(0deg, #377dff 0%, #00dffc 100%);
  background-repeat: repeat-x;
}

.gradient-half-warning-v1 {
  background-image: linear-gradient(25deg, #ffc107 30%, #de4437 100%);
  background-repeat: repeat-x;
}

.gradient-half-warning-v2 {
  background-image: linear-gradient(150deg, #ffc107 0%, #efa02e 100%);
  background-repeat: repeat-x;
}

.gradient-half-warning-v3 {
  background-image: linear-gradient(150deg, #ffc107 0%, #de4437 100%);
  background-repeat: repeat-x;
}

/*------------------------------------
  Background Gradient Colors
------------------------------------*/
/* Simple Linear Gradients
------------------------------------*/
/* Gray Light v1 */
.qt-bg-gray-light-gradient-v1--after::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 247, 247, 0.5)), to(#f7f7f7));
  background: -webkit-linear-gradient(top, rgba(247, 247, 247, 0.5), #f7f7f7);
  background: -o-linear-gradient(top, rgba(247, 247, 247, 0.5), #f7f7f7);
  background: linear-gradient(to bottom, rgba(247, 247, 247, 0.5), #f7f7f7);
}

/* White v1 */
.qt-bg-white-gradient-v1--after::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.9)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
}

/* Linear Gradients
------------------------------------*/
/* Gray Gradient */
.qt-bg-gray-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dbdbdb));
  background-image: -webkit-linear-gradient(top, #fff, #dbdbdb);
  background-image: -o-linear-gradient(top, #fff, #dbdbdb);
  background-image: linear-gradient(180deg, #fff, #dbdbdb);
}

/* Blue Pink Gradient */
.qt-bg-bluepink-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(40deg, #2b7cb6, #f62d51);
  background-image: -o-linear-gradient(40deg, #2b7cb6, #f62d51);
  background-image: linear-gradient(50deg, #2b7cb6, #f62d51);
}

/* Blue Gradient */
.qt-bg-blue-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#73bec7), to(#4e66b0));
  background-image: -webkit-linear-gradient(bottom, #73bec7, #4e66b0);
  background-image: -o-linear-gradient(bottom, #73bec7, #4e66b0);
  background-image: linear-gradient(0deg, #73bec7, #4e66b0);
}

.qt-bg-blue-lineargradient-v2 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #429edc, #00629e);
  background-image: -o-linear-gradient(225deg, #429edc, #00629e);
  background-image: linear-gradient(225deg, #429edc, #00629e);
}

.qt-bg-blue-lineargradient-v3 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #3266a2, #98cfbf);
  background-image: -o-linear-gradient(225deg, #3266a2, #98cfbf);
  background-image: linear-gradient(225deg, #3266a2, #98cfbf);
}

.qt-bg-blue-lineargradient-v4 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #5b85df, #3ec2e3);
  background-image: -o-linear-gradient(225deg, #5b85df, #3ec2e3);
  background-image: linear-gradient(225deg, #5b85df, #3ec2e3);
}

.qt-bg-blue-lineargradient-v5 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #0050c2, #5180fa);
  background-image: -o-linear-gradient(225deg, #0050c2, #5180fa);
  background-image: linear-gradient(225deg, #0050c2, #5180fa);
}

/* Orange Gradient */
.qt-bg-orange-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #be1715, #ed6d0f);
  background-image: -o-linear-gradient(225deg, #be1715, #ed6d0f);
  background-image: linear-gradient(225deg, #be1715, #ed6d0f);
}

.qt-bg-orange-lineargradient-v2 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #f5cd21, #c22821);
  background-image: -o-linear-gradient(225deg, #f5cd21, #c22821);
  background-image: linear-gradient(225deg, #f5cd21, #c22821);
}

/* Yellow Gradient */
.qt-bg-yellow-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #f59b00, #f5d400);
  background-image: -o-linear-gradient(225deg, #f59b00, #f5d400);
  background-image: linear-gradient(225deg, #f59b00, #f5d400);
}

/* Dark Purple Gradient */
.qt-bg-darkpurple-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #0b011d, #330c3c);
  background-image: -o-linear-gradient(225deg, #0b011d, #330c3c);
  background-image: linear-gradient(225deg, #0b011d, #330c3c);
}

/* Blue Gray Gradient */
.qt-bg-bluegray-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #1d253c, #3e4757);
  background-image: -o-linear-gradient(225deg, #1d253c, #3e4757);
  background-image: linear-gradient(225deg, #1d253c, #3e4757);
}

/* Pink Gradient */
.qt-bg-pink-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #b6003b, #ed1261);
  background-image: -o-linear-gradient(225deg, #b6003b, #ed1261);
  background-image: linear-gradient(225deg, #b6003b, #ed1261);
}

/* Pink-v2 Gradient */
.qt-bg-pink-lineargradient-v2 {
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(10%, #fc7279), color-stop(65%, #ff7b9c), color-stop(125%, #ffc019));
  background-image: -webkit-linear-gradient(left bottom, #fc7279 10%, #ff7b9c 65%, #ffc019 125%);
  background-image: -o-linear-gradient(left bottom, #fc7279 10%, #ff7b9c 65%, #ffc019 125%);
  background-image: linear-gradient(to right top, #fc7279 10%, #ff7b9c 65%, #ffc019 125%);
  background-repeat: no-repeat;
}

/* Red Gradient */
.qt-bg-red-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #d70417, #9f041b);
  background-image: -o-linear-gradient(225deg, #d70417, #9f041b);
  background-image: linear-gradient(225deg, #d70417, #9f041b);
}

/* Black Gradient */
.qt-bg-black-gradient-opacity-v1,
.qt-bg-black-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-repeat: repeat-x;
}

/* Green Gradient */
.qt-bg-green-gradient-opacity-v1,
.qt-bg-green-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 152, 220, 0.5)), to(rgba(114, 192, 44, 0.8)));
  background-image: -webkit-linear-gradient(top, rgba(51, 152, 220, 0.5) 0%, rgba(114, 192, 44, 0.8) 100%);
  background-image: -o-linear-gradient(top, rgba(51, 152, 220, 0.5) 0%, rgba(114, 192, 44, 0.8) 100%);
  background-image: linear-gradient(to bottom, rgba(51, 152, 220, 0.5) 0%, rgba(114, 192, 44, 0.8) 100%);
  background-repeat: repeat-x;
}

/* Purple Gradient */
.qt-bg-purple-gradient-opacity-v1,
.qt-bg-purple-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(114, 192, 44, 0.5)), to(rgba(154, 105, 203, 0.8)));
  background-image: -webkit-linear-gradient(top, rgba(114, 192, 44, 0.5) 0%, rgba(154, 105, 203, 0.8) 100%);
  background-image: -o-linear-gradient(top, rgba(114, 192, 44, 0.5) 0%, rgba(154, 105, 203, 0.8) 100%);
  background-image: linear-gradient(to bottom, rgba(114, 192, 44, 0.5) 0%, rgba(154, 105, 203, 0.8) 100%);
  background-repeat: repeat-x;
}

/* Pink Light Gradient */
.qt-bg-pink-gradient-opacity-v1,
.qt-bg-pink-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(114, 192, 44, 0.5)), to(rgba(232, 28, 98, 0.8)));
  background-image: -webkit-linear-gradient(top, rgba(114, 192, 44, 0.5) 0%, rgba(232, 28, 98, 0.8) 100%);
  background-image: -o-linear-gradient(top, rgba(114, 192, 44, 0.5) 0%, rgba(232, 28, 98, 0.8) 100%);
  background-image: linear-gradient(to bottom, rgba(114, 192, 44, 0.5) 0%, rgba(232, 28, 98, 0.8) 100%);
  background-repeat: repeat-x;
}

/* Cyan Gradient */
.qt-bg-cyan-gradient-opacity-v1,
.qt-bg-cyan-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 153, 0.5)), to(rgba(0, 190, 214, 0.6)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 153, 0.5) 0%, rgba(0, 190, 214, 0.6) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 153, 0.5) 0%, rgba(0, 190, 214, 0.6) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 153, 0.5) 0%, rgba(0, 190, 214, 0.6) 100%);
  background-repeat: repeat-x;
}

/* Purple Gradient */
.qt-bg-purple-gradient-opacity-v1,
.qt-bg-purple-gradient-opacity-v1--after::after {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(300deg, #b7ebf6, rgba(228, 97, 210, 0.7));
  background-image: -o-linear-gradient(300deg, #b7ebf6, rgba(228, 97, 210, 0.7));
  background-image: linear-gradient(150deg, #b7ebf6, rgba(228, 97, 210, 0.7));
}

/* Primary Gradient */
.qt-bg-primary-gradient-opacity-v1,
.qt-bg-primary-gradient-opacity-v1--after::after {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(300deg, #72c02c, rgba(51, 152, 220, 0.7));
  background-image: -o-linear-gradient(300deg, #72c02c, rgba(51, 152, 220, 0.7));
  background-image: linear-gradient(150deg, #72c02c, rgba(51, 152, 220, 0.7));
}

/* Gray Gradient */
.qt-bg-gray-gradient-opacity-v1,
.qt-bg-gray-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(white));
  background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, white 100%);
  background-image: -o-linear-gradient(bottom, #f7f7f7 0%, white 100%);
  background-image: linear-gradient(to top, #f7f7f7 0%, white 100%);
  background-repeat: repeat-x;
}

/* White Gradient */
.qt-bg-white-gradient-opacity-v1,
.qt-bg-white-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
}

/* White Gradient */
.qt-bg-white-gradient-opacity-v2,
.qt-bg-white-gradient-opacity-v2--after::after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background-repeat: repeat-x;
}

/* White Gradient */
.qt-bg-white-gradient-opacity-v3,
.qt-bg-white-gradient-opacity-v3--after::after {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.3)));
  background-image: -webkit-linear-gradient(right, white 30%, rgba(255, 255, 255, 0.3) 100%);
  background-image: -o-linear-gradient(right, white 30%, rgba(255, 255, 255, 0.3) 100%);
  background-image: linear-gradient(to left, white 30%, rgba(255, 255, 255, 0.3) 100%);
  background-repeat: repeat-x;
}

/* White Gradient */
.qt-bg-white-gradient-opacity-v4,
.qt-bg-white-gradient-opacity-v4--after::after {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0.3)));
  background-image: -webkit-linear-gradient(left, white 30%, rgba(255, 255, 255, 0.3) 100%);
  background-image: -o-linear-gradient(left, white 30%, rgba(255, 255, 255, 0.3) 100%);
  background-image: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0.3) 100%);
  background-repeat: repeat-x;
}

/* White Gradient */
.qt-bg-white-gradient-opacity-v5,
.qt-bg-white-gradient-opacity-v5--after::after {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(47%, white), color-stop(75%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, white 47%, rgba(255, 255, 255, 0) 75%);
  background-image: -o-linear-gradient(left, white 47%, rgba(255, 255, 255, 0) 75%);
  background-image: linear-gradient(to right, white 47%, rgba(255, 255, 255, 0) 75%);
  background-repeat: repeat-x;
}

/* Bluegray Gradient */
.qt-bg-bluegray-gradient-opacity-v1,
.qt-bg-bluegray-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(88, 95, 105, 0.2)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(88, 95, 105, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(bottom, rgba(88, 95, 105, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to top, rgba(88, 95, 105, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
}

/* Bluegray Gradient */
.qt-bg-bluegray-gradient-opacity-v2,
.qt-bg-bluegray-gradient-opacity-v2--after::after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(88, 95, 105, 0.3)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(88, 95, 105, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(bottom, rgba(88, 95, 105, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to top, rgba(88, 95, 105, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
}

/* Bluegray Gradient */
.qt-bg-bluegray-gradient-opacity-v3,
.qt-bg-bluegray-gradient-opacity-v3--after::after {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(300deg, rgba(107, 125, 224, 0.85), #2a2734);
  background-image: -o-linear-gradient(300deg, rgba(107, 125, 224, 0.85), #2a2734);
  background-image: linear-gradient(150deg, rgba(107, 125, 224, 0.85), #2a2734);
}

/* Secondary Gradient v1 */
.qt-bg-secondary-gradient-v1,
.qt-bg-secondary-gradient-v1--after::after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(250, 250, 250, 0)), to(#fafafa));
  background-image: -webkit-linear-gradient(bottom, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
  background-image: -o-linear-gradient(bottom, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
  background-image: linear-gradient(to top, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
  background-repeat: repeat-x;
}

/* Secondary Gradient v2 */
.qt-bg-secondary-gradient-v2,
.qt-bg-secondary-gradient-v2--after::after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fafafa), to(rgba(250, 250, 250, 0)));
  background-image: -webkit-linear-gradient(bottom, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
  background-image: -o-linear-gradient(bottom, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
  background-image: linear-gradient(to top, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
  background-repeat: repeat-x;
}

/* Radial Gradients (Ellipse)
------------------------------------*/
/* Lightblue Gradient */
.qt-bg-lightblue-radialgradient-ellipse {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at 50% 50%, #fff 22%, #d6e2ee);
  background-image: -o-radial-gradient(ellipse farthest-corner at 50% 50%, #fff 22%, #d6e2ee);
  background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 22%, #d6e2ee);
  background-repeat: no-repeat;
}

/* Gray Gradient */
.qt-bg-gray-radialgradient-ellipse {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at 50% 50%, #dbdbdb 22%, #bbb);
  background-image: -o-radial-gradient(ellipse farthest-corner at 50% 50%, #dbdbdb 22%, #bbb);
  background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #dbdbdb 22%, #bbb);
  background-repeat: no-repeat;
}

/* Gray Gradient */
.qt-bg-graylight-radialgradient-ellipse {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at 50% 50%, #fff 25%, #eee);
  background-image: -o-radial-gradient(ellipse farthest-corner at 50% 50%, #fff 25%, #eee);
  background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 25%, #eee);
  background-repeat: no-repeat;
}

/*  Radial Gradients (Circle)
------------------------------------*/
/* Lightblue Gradient */
.qt-bg-lightblue-radialgradient-circle {
  background-image: -webkit-radial-gradient(circle farthest-corner at 75% 95%, #fff, #d6e2ee);
  background-image: -o-radial-gradient(circle farthest-corner at 75% 95%, #fff, #d6e2ee);
  background-image: radial-gradient(circle farthest-corner at 75% 95%, #fff, #d6e2ee);
  background-repeat: no-repeat;
}

/* Blue Gradient */
.qt-bg-blue-radialgradient-circle {
  background-image: -webkit-radial-gradient(circle farthest-side at 50% 50%, #2294d7, #275296);
  background-image: -o-radial-gradient(circle farthest-side at 50% 50%, #2294d7, #275296);
  background-image: radial-gradient(circle farthest-side at 50% 50%, #2294d7, #275296);
  background-repeat: no-repeat;
}

/* Dark Gray Gradient */
.qt-bg-darkgray-radialgradient-circle {
  background-image: -webkit-radial-gradient(circle farthest-side at 110% 0, #596070, #31353e);
  background-image: -o-radial-gradient(circle farthest-side at 110% 0, #596070, #31353e);
  background-image: radial-gradient(circle farthest-side at 110% 0, #596070, #31353e);
  background-repeat: no-repeat;
}

.qt-bg-blue-radialgradient-circle-endless {
  background-image: -webkit-repeating-radial-gradient(50% 50%, circle, #b9ecfe, #b9ecfe 10px, #82ddff 10px, #82ddff 20px);
  background-image: -o-repeating-radial-gradient(50% 50%, circle, #b9ecfe, #b9ecfe 10px, #82ddff 10px, #82ddff 20px);
  background-image: repeating-radial-gradient(circle at 50% 50%, #b9ecfe, #b9ecfe 10px, #82ddff 10px, #82ddff 20px);
}

.qt-bg-gray-verticalstripes-endless {
  background: -webkit-repeating-linear-gradient(top, #fff, #fff 5px, #eee 5px, #eee 10px);
  background: -o-repeating-linear-gradient(top, #fff, #fff 5px, #eee 5px, #eee 10px);
  background: repeating-linear-gradient(to bottom, #fff, #fff 5px, #eee 5px, #eee 10px);
}

/*------------------------------------
  Background Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
/* Main Colors */
.qt-bg-main {
  background-color: #fff !important;
}

/* Main Secondary */
.qt-bg-secondary {
  background-color: #fafafa !important;
}

/* Primary Colors */
.qt-bg-primary {
  background-color: #72c02c !important;
}

.qt-bg-primary--hover:hover {
  background-color: #72c02c !important;
}

.u-block-hover:hover .qt-bg-primary--hover {
  background-color: #72c02c;
}

.qt-parent:hover .qt-bg-primary--parent-hover {
  background-color: #72c02c !important;
}

.qt-bg-primary--active.active,
.active .qt-bg-primary--active {
  background-color: #72c02c !important;
}

.qt-parent.active .qt-bg-primary--parent-active {
  background-color: #72c02c !important;
}

.qt-bg-primary--before::before, .qt-bg-primary--after::after {
  background-color: #72c02c !important;
}

.qt-bg-primary-dark-v1 {
  background-color: #6db82a !important;
}

.qt-bg-primary-dark-v2 {
  background-color: #66ab27 !important;
}

.qt-bg-primary-dark-v3 {
  background-color: #599722 !important;
}

.qt-bg-primary-opacity-0_1 {
  background-color: rgba(114, 192, 44, 0.1) !important;
}

.qt-bg-primary-opacity-0_2 {
  background-color: rgba(114, 192, 44, 0.2) !important;
}

.qt-bg-primary-opacity-0_2--hover:hover {
  background-color: rgba(114, 192, 44, 0.2) !important;
}

.qt-bg-primary-opacity-0_2--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.2) !important;
}

.active .qt-bg-primary-opacity-0_2--active {
  background-color: rgba(114, 192, 44, 0.2) !important;
}

.qt-bg-primary-opacity-0_2--before::before, .qt-bg-primary-opacity-0_2--after::after {
  background-color: rgba(114, 192, 44, 0.2) !important;
}

.qt-bg-primary-opacity-0_3 {
  background-color: rgba(114, 192, 44, 0.3) !important;
}

.qt-bg-primary-opacity-0_3--hover:hover {
  background-color: rgba(114, 192, 44, 0.3) !important;
}

.qt-bg-primary-opacity-0_3--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.3) !important;
}

.active .qt-bg-primary-opacity-0_3--active {
  background-color: rgba(114, 192, 44, 0.3) !important;
}

.qt-bg-primary-opacity-0_3--before::before, .qt-bg-primary-opacity-0_3--after::after {
  background-color: rgba(114, 192, 44, 0.3) !important;
}

.qt-bg-primary-opacity-0_4 {
  background-color: rgba(114, 192, 44, 0.4) !important;
}

.qt-bg-primary-opacity-0_4--hover:hover {
  background-color: rgba(114, 192, 44, 0.4) !important;
}

.qt-bg-primary-opacity-0_4--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.4) !important;
}

.qt-bg-primary-opacity-0_4--after::after {
  background-color: rgba(114, 192, 44, 0.4) !important;
}

.qt-bg-primary-opacity-0_6 {
  background-color: rgba(114, 192, 44, 0.6) !important;
}

.qt-bg-primary-opacity-0_6--hover:hover {
  background-color: rgba(114, 192, 44, 0.6) !important;
}

.qt-bg-primary-opacity-0_6--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.6) !important;
}

.qt-bg-primary-opacity-0_6--after::after {
  background-color: rgba(114, 192, 44, 0.6) !important;
}

.qt-bg-primary-opacity-0_8 {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.qt-bg-primary-opacity-0_8--hover:hover {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.qt-bg-primary-opacity-0_8--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.qt-bg-primary-opacity-0_8--before::after, .qt-bg-primary-opacity-0_8--after::after {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.qt-bg-primary-opacity-0_8--before--hover:hover::after, .qt-bg-primary-opacity-0_8--after--hover:hover::after {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.qt-bg-primary-opacity-0_9 {
  background-color: rgba(114, 192, 44, 0.9) !important;
}

.qt-bg-primary-opacity-0_9--hover:hover {
  background-color: rgba(114, 192, 44, 0.9) !important;
}

.qt-bg-primary-opacity-0_9--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.9) !important;
}

.qt-bg-primary-opacity-0_9--before::after, .qt-bg-primary-opacity-0_9--after::after {
  background-color: rgba(114, 192, 44, 0.9) !important;
}

.qt-bg-primary-opacity-0_9--before--hover:hover::after, .qt-bg-primary-opacity-0_9--after--hover:hover::after {
  background-color: rgba(114, 192, 44, 0.9) !important;
}

/* Black Colors */
.qt-bg-black {
  background-color: #000 !important;
}

.qt-bg-black--hover:hover {
  background-color: #000 !important;
}

.qt-bg-black--after::after {
  background-color: #000 !important;
}

.qt-bg-black-opacity-0_1 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.qt-bg-black-opacity-0_1--after::after {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.qt-bg-black-opacity-0_2 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.qt-bg-black-opacity-0_2--after::after {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.qt-bg-black-opacity-0_3 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.qt-bg-black-opacity-0_3--hover:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.qt-bg-black-opacity-0_3--after::after, .qt-bg-black-opacity-0_3--before::before {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.qt-bg-black-opacity-0_3--hover--after:hover::after {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.qt-bg-black-opacity-0_4 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.qt-bg-black-opacity-0_4--after::after {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.qt-bg-black-opacity-0_5 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.qt-bg-black-opacity-0_5--hover:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.qt-bg-black-opacity-0_5--after::after {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.qt-bg-black-opacity-0_6 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.qt-bg-black-opacity-0_6--hover:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.qt-bg-black-opacity-0_6--after::after {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.qt-bg-black-opacity-0_7 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.qt-bg-black-opacity-0_7--hover:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.qt-bg-black-opacity-0_7--after::after {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.qt-bg-black-opacity-0_8 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.qt-bg-black-opacity-0_8--after::after {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.qt-bg-black-opacity-0_8--hover:hover {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.qt-bg-black-opacity-0_9 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.qt-bg-black-opacity-0_9--after::after {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.qt-bg-black-opacity-0_9--hover:hover {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.u-block-hover:hover .qt-bg-black--hover {
  background-color: #000 !important;
}

/* White Colors */
.qt-bg-white {
  background-color: #fff !important;
}

.qt-bg-white--before::before, .qt-bg-white--after::after {
  background-color: #fff !important;
}

.qt-bg-white--hover:hover, .qt-bg-white--active.active {
  background-color: #fff !important;
}

.qt-parent:hover .qt-bg-white--parent-hover {
  background-color: #fff !important;
}

.qt-bg-white--disabled:disabled {
  background-color: #fff !important;
}

.qt-bg-white--before::before, .qt-bg-white--after::after {
  background-color: #fff !important;
}

.qt-parent:hover .qt-bg-white-opacity-0--after--parent-hover::after {
  background-color: rgba(255, 255, 255, 0) !important;
}

.qt-bg-white-opacity-0_05 {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.qt-bg-white-opacity-0_1 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.qt-bg-white-opacity-0_1--after::after {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.qt-bg-white-opacity-0_2 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.qt-bg-white-opacity-0_2--hover:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.qt-bg-white-opacity-0_3 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.qt-bg-white-opacity-0_3--hover:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.qt-bg-white-opacity-0_3--after::after {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.qt-bg-white-opacity-0_4 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.qt-bg-white-opacity-0_4--hover:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.qt-bg-white-opacity-0_5 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.qt-bg-white-opacity-0_5--after::after {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.qt-bg-white-opacity-0_7 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.qt-bg-white-opacity-0_7--hover:hover {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.qt-bg-white-opacity-0_7--after::after {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.qt-bg-white-opacity-0_8 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.qt-bg-white-opacity-0_8--hover:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.qt-bg-white-opacity-0_8--after::after {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.qt-bg-white-opacity-0_8--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.qt-bg-white-opacity-0_9 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.qt-bg-white-opacity-0_9--hover:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.qt-bg-white-opacity-0_9--after::after {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Gray Colors */
.qt-bg-gray-dark-v1 {
  background-color: #111 !important;
}

.qt-bg-gray-dark-v1--hover:hover {
  background-color: #111 !important;
}

.qt-bg-gray-dark-v2 {
  background-color: #333 !important;
}

.qt-bg-gray-dark-v2--hover:hover {
  background-color: #333 !important;
}

.qt-bg-gray-dark-v3 {
  background-color: #555 !important;
}

.qt-bg-gray-dark-v3--hover:hover {
  background-color: #555 !important;
}

.qt-bg-gray-dark-v4 {
  background-color: #777 !important;
}

.qt-bg-gray-dark-v4--hover:hover {
  background-color: #777 !important;
}

.qt-bg-gray-dark-v5 {
  background-color: #999 !important;
}

.qt-bg-gray-dark-v5--hover:hover {
  background-color: #999 !important;
}

.qt-bg-gray-light-v1 {
  background-color: #bbb !important;
}

.qt-bg-gray-light-v1--hover:hover {
  background-color: #bbb !important;
}

.qt-bg-gray-light-v2 {
  background-color: #ccc !important;
}

.qt-bg-gray-light-v2--hover:hover {
  background-color: #ccc !important;
}

.qt-bg-gray-light-v3 {
  background-color: #ddd !important;
}

.qt-bg-gray-light-v3--hover:hover {
  background-color: #ddd !important;
}

.qt-bg-gray-light-v4 {
  background-color: #eee !important;
}

.qt-bg-gray-light-v4--hover:hover {
  background-color: #eee !important;
}

.qt-bg-gray-light-v5 {
  background-color: #f7f7f7 !important;
}

.qt-bg-gray-light-v5--hover:hover {
  background-color: #f7f7f7 !important;
}

.qt-bg-gray-light-v5--active.active,
.active .qt-bg-gray-light-v5--active {
  background-color: #f7f7f7 !important;
}

/* Transparent */
.qt-bg-transparent {
  background-color: transparent !important;
}

.qt-bg-transparent--hover:hover {
  background-color: transparent !important;
}

.qt-bg-transparent--hover--after:hover::after {
  background-color: transparent !important;
}

.qt-parent:hover .qt-bg-transparent--parent-hover {
  background-color: transparent !important;
}

/* Complementary Colors
------------------------------------*/
/* Beige Colors */
.qt-bg-beige {
  background-color: #e5e1de !important;
}

/* Color Green */
.qt-bg-green {
  background-color: #72c02c !important;
}

.qt-bg-green-opacity-0_1 {
  background-color: rgba(114, 192, 44, 0.1) !important;
}

.qt-bg-green--hover:hover {
  background-color: #72c02c !important;
}

/* Color Blue */
.qt-bg-blue {
  background-color: #3398dc !important;
}

.qt-bg-blue-opacity-0_1 {
  background-color: rgba(51, 152, 220, 0.1) !important;
}

.qt-bg-blue-opacity-0_7 {
  background-color: rgba(51, 152, 220, 0.7) !important;
}

.qt-bg-blue-opacity-0_9 {
  background-color: rgba(51, 152, 220, 0.9) !important;
}

.qt-bg-blue--hover:hover {
  background-color: #3398dc !important;
}

/* Color Light Blue */
.qt-bg-lightblue {
  background-color: #edf2f8 !important;
}

.qt-bg-lightblue-opacity-0_1 {
  background-color: rgba(237, 242, 248, 0.1) !important;
}

.qt-bg-lightblue-v1 {
  background-color: #d6e2ee !important;
}

.qt-bg-lightblue-v1-opacity-0_1 {
  background-color: rgba(214, 226, 238, 0.1) !important;
}

/* Color Dark Blue */
.qt-bg-darkblue {
  background-color: #009 !important;
}

.qt-bg-darkblue-opacity-0_1 {
  background-color: rgba(0, 0, 153, 0.1) !important;
}

/* Color Indigo */
.qt-bg-indigo {
  background-color: #4263a3 !important;
}

.qt-bg-indigo-opacity-0_1 {
  background-color: rgba(66, 99, 163, 0.1) !important;
}

/* Color Red */
.qt-bg-red {
  background-color: #f00 !important;
}

.qt-bg-red-opacity-0_1 {
  background-color: rgba(255, 0, 0, 0.1) !important;
}

.qt-bg-red-opacity-0_2 {
  background-color: rgba(255, 0, 0, 0.2) !important;
}

.qt-bg-red-opacity-0_5 {
  background-color: rgba(255, 0, 0, 0.5) !important;
}

.qt-bg-red-opacity-0_8 {
  background-color: rgba(255, 0, 0, 0.8) !important;
}

.qt-bg-red--hover:hover {
  background-color: #f00 !important;
}

/* Color Light Red */
.qt-bg-lightred {
  background-color: #e64b3b !important;
}

.qt-bg-lightred-opacity-0_1 {
  background-color: rgba(230, 75, 59, 0.1) !important;
}

.qt-bg-lightred--hover:hover {
  background-color: #e64b3b !important;
}

/* Color Dark Red */
.qt-bg-darkred {
  background-color: #a10f2b !important;
}

.qt-bg-darkred-opacity-0_1 {
  background-color: rgba(161, 15, 43, 0.1) !important;
}

/* Color Purple */
.qt-bg-purple {
  background-color: #9a69cb !important;
}

.qt-bg-purple-opacity-0_1 {
  background-color: rgba(154, 105, 203, 0.1) !important;
}

.qt-bg-purple-opacity-0_7 {
  background-color: rgba(154, 105, 203, 0.7) !important;
}

.qt-bg-purple-opacity-0_9 {
  background-color: rgba(154, 105, 203, 0.9) !important;
}

.qt-bg-purple-opacity-0_9--after::after {
  background-color: rgba(154, 105, 203, 0.9) !important;
}

.qt-bg-purple--hover:hover {
  background-color: #9a69cb !important;
}

/* Color Dark Purple */
.qt-bg-darkpurple {
  background-color: #6639b6 !important;
}

.qt-bg-darkpurple-opacity-0_1 {
  background-color: rgba(102, 57, 182, 0.1) !important;
}

/* Color Pink */
.qt-bg-pink {
  background-color: #e81c62 !important;
}

.qt-bg-pink-opacity-0_1 {
  background-color: rgba(232, 28, 98, 0.1) !important;
}

.qt-bg-pink-opacity-0_9 {
  background-color: rgba(232, 28, 98, 0.9) !important;
}

.qt-bg-pink--hover:hover {
  background-color: #e81c62 !important;
}

.qt-bg-pink--before::after, .qt-bg-pink--after::after {
  background-color: #e81c62 !important;
}

.qt-bg-pink--before--hover:hover::after, .qt-bg-pink--after--hover:hover::after {
  background-color: #e81c62 !important;
}

/* Color Orange */
.qt-bg-orange {
  background-color: #e57d20 !important;
}

.qt-bg-orange-opacity-0_1 {
  background-color: rgba(229, 125, 32, 0.1) !important;
}

.qt-bg-orange-opacity-0_2 {
  background-color: rgba(229, 125, 32, 0.2) !important;
}

.qt-bg-orange--hover:hover {
  background-color: #e57d20 !important;
}

/* Color Deep Orange */
.qt-bg-deeporange {
  background-color: #fe541e !important;
}

.qt-bg-deeporange-opacity-0_1 {
  background-color: rgba(254, 84, 30, 0.1) !important;
}

.qt-bg-deeporange--hover:hover {
  background-color: #fe541e !important;
}

/* Color Yellow */
.qt-bg-yellow {
  background-color: #ebc71d !important;
}

.qt-bg-yellow-opacity-0_1 {
  background-color: rgba(235, 199, 29, 0.1) !important;
}

.qt-bg-yellow-opacity-0_7 {
  background: rgba(235, 199, 29, 0.7) !important;
}

.qt-bg-yellow--hover:hover {
  background-color: #ebc71d !important;
}

/* Color Aqua */
.qt-bg-aqua {
  background-color: #29d6e6 !important;
}

.qt-bg-aqua-opacity-0_1 {
  background-color: rgba(41, 214, 230, 0.1) !important;
}

.qt-bg-aqua-opacity-0_9 {
  background-color: rgba(41, 214, 230, 0.9) !important;
}

.qt-bg-aqua--hover:hover {
  background-color: #29d6e6 !important;
}

/* Color Cyan */
.qt-bg-cyan {
  background-color: #00bed6 !important;
}

.qt-bg-cyan-opacity-0_1 {
  background-color: rgba(0, 190, 214, 0.1) !important;
}

.qt-bg-cyan-opacity-0_9 {
  background-color: rgba(0, 190, 214, 0.9) !important;
}

.qt-bg-cyan-opacity-0_9--after::after {
  background-color: rgba(0, 190, 214, 0.9) !important;
}

.qt-bg-cyan--hover:hover {
  background-color: #00bed6 !important;
}

/* Color Teal */
.qt-bg-teal {
  background-color: #18ba9b !important;
}

.qt-bg-teal-opacity-0_1 {
  background-color: rgba(24, 186, 155, 0.1) !important;
}

.qt-bg-teal-opacity-0_9 {
  background-color: rgba(24, 186, 155, 0.9) !important;
}

.qt-bg-teal-opacity-0_9--after::after {
  background-color: rgba(24, 186, 155, 0.9) !important;
}

.qt-bg-teal--hover:hover {
  background-color: #18ba9b !important;
}

/* Color Brown */
.qt-bg-brown {
  background-color: #9c8061 !important;
}

.qt-bg-brown-opacity-0_1 {
  background-color: rgba(156, 128, 97, 0.1) !important;
}

.qt-bg-brown--hover:hover {
  background-color: #9c8061 !important;
}

/* Color Blue Gray */
.qt-bg-bluegray {
  background-color: #585f69 !important;
}

.qt-bg-bluegray-opacity-0_1 {
  background-color: rgba(88, 95, 105, 0.1) !important;
}

.qt-bg-bluegray-opacity-0_2--before::before, .qt-bg-bluegray-opacity-0_2--after::after {
  background-color: rgba(88, 95, 105, 0.2) !important;
}

.qt-bg-bluegray-opacity-0_3--before::before, .qt-bg-bluegray-opacity-0_3--after::after {
  background-color: rgba(88, 95, 105, 0.3) !important;
}

.qt-bg-bluegray-opacity-0_5, .qt-bg-bluegray-opacity-0_5--after::after {
  background-color: rgba(88, 95, 105, 0.5) !important;
}

.qt-bg-bluegray-opacity-0_7 {
  background-color: rgba(88, 95, 105, 0.7) !important;
}

.qt-bg-bluegray--hover:hover {
  background-color: #585f69 !important;
}

.qt-grayscale-100x {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.qt-parent:hover .qt-grayscale-0--parent-hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

.qt-grayscale-0--hover:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

/* O */
@media (min-width: 576px) {
  .qt-bg-transparent--sm {
    background-color: transparent !important;
  }
}

/*------------------------------------
  Background Colors Extended
------------------------------------*/
.js-header-change-moment .qt-bg-primary--scrolling {
  background-color: #72c02c !important;
}

/*------------------------------------
  Social Background Colors
------------------------------------*/
/* Facebook */
.qt-bg-facebook {
  background-color: #3b5998;
}

.u-block-hover:hover .qt-bg-facebook--hover, .qt-bg-facebook--hover:hover {
  background-color: #344e86 !important;
}

/* Twitter */
.qt-bg-twitter {
  background-color: #00acee;
}

.u-block-hover:hover .qt-bg-twitter--hover, .qt-bg-twitter--hover:hover {
  background-color: #009ad5 !important;
}

/* Skype */
.qt-bg-skype {
  background-color: #00aff0;
}

.u-block-hover:hover .qt-bg-skype--hover, .qt-bg-skype--hover:hover {
  background-color: #009cd7 !important;
}

/* Pinterest */
.qt-bg-pinterest {
  background-color: #c8232c;
}

.u-block-hover:hover .qt-bg-pinterest--hover, .qt-bg-pinterest--hover:hover {
  background-color: #b21f27 !important;
}

/* Vine */
.qt-bg-vine {
  background-color: #00bf8f;
}

.u-block-hover:hover .qt-bg-vine--hover, .qt-bg-vine--hover:hover {
  background-color: #00a67c !important;
}

/* Youtube */
.qt-bg-youtube {
  background-color: #c4302b;
}

.u-block-hover:hover .qt-bg-youtube--hover, .qt-bg-youtube--hover:hover {
  background-color: #af2b26 !important;
}

/* Google plus */
.qt-bg-google-plus {
  background-color: #dd4b39;
}

.u-block-hover:hover .qt-bg-google-plus--hover, .qt-bg-google-plus--hover:hover {
  background-color: #d73925 !important;
}

/* Dribbble */
.qt-bg-dribbble {
  background-color: #ea4c89;
}

.u-block-hover:hover .qt-bg-dribbble--hover, .qt-bg-dribbble--hover:hover {
  background-color: #e7357a !important;
}

/* VK */
.qt-bg-vk {
  background-color: #2b587a;
}

.u-block-hover:hover .qt-bg-vk--hover, .qt-bg-vk--hover:hover {
  background-color: #244a67 !important;
}

/* Linkedin */
.qt-bg-linkedin {
  background-color: #0e76a8;
}

.u-block-hover:hover .qt-bg-linkedin--hover, .qt-bg-linkedin--hover:hover {
  background-color: #0c6590 !important;
}

/* Instagram */
.qt-bg-instagram {
  background-color: #3f729b;
}

.u-block-hover:hover .qt-bg-instagram--hover, .qt-bg-instagram--hover:hover {
  background-color: #386589 !important;
}

/*------------------------------------
  Background Overlay Gradients
------------------------------------*/
[class*="gradient-overlay-half"] {
  position: relative;
  z-index: 1;
}

[class*="gradient-overlay-half"]::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
}

.gradient-overlay-half-primary-video-v1::before {
  z-index: 2;
  background-image: linear-gradient(150deg, rgba(45, 21, 130, 0.9) 0%, rgba(25, 160, 255, 0.85) 100%);
  background-repeat: repeat-x;
}

.gradient-overlay-half-primary-v1::before {
  background-image: linear-gradient(150deg, rgba(45, 21, 130, 0.9) 0%, rgba(25, 160, 255, 0.85) 100%);
  background-repeat: repeat-x;
}

.gradient-overlay-half-primary-v2::before {
  background-image: linear-gradient(30deg, rgba(25, 160, 255, 0.85) 0%, rgba(45, 21, 130, 0.9) 100%);
  background-repeat: repeat-x;
}

.gradient-overlay-half-primary-v3::before {
  background-image: linear-gradient(30deg, rgba(255, 193, 7, 0.85) 0%, rgba(222, 68, 55, 0.9) 100%);
  background-repeat: repeat-x;
}

.gradient-overlay-half-info-v1::before {
  background-image: linear-gradient(0deg, rgba(55, 125, 255, 0.92) 0%, rgba(0, 223, 252, 0.92) 100%);
  background-repeat: repeat-x;
}

.gradient-overlay-half-dark-v1::before {
  background-image: linear-gradient(0deg, #1e2022 0%, transparent 75%);
  background-repeat: repeat-x;
}

.gradient-overlay-half-dark-v2::before {
  background-image: linear-gradient(150deg, rgba(34, 48, 73, 0.675) 0%, rgba(119, 131, 143, 0.3) 100%);
  background-repeat: repeat-x;
}

/*------------------------------------
  Borders Default (solid)
------------------------------------*/
.qt-brd-none {
  /* P */
  border: none !important;
}

.qt-brd-x {
  border-left: solid 1px transparent !important;
  border-right: solid 1px transparent !important;
}

.qt-brd-y {
  border-top: solid 1px transparent !important;
  border-bottom: solid 1px transparent !important;
}

.qt-brd-around {
  border: solid 1px transparent !important;
}

.qt-brd-top {
  border-top: solid 1px transparent !important;
}

.qt-brd-right {
  border-right: solid 1px transparent !important;
}

.qt-brd-bottom {
  border-bottom: solid 1px transparent !important;
}

.qt-brd-left {
  border-left: solid 1px transparent !important;
}

.qt-brd-left-none {
  border-left: none !important;
}

@media (min-width: 576px) {
  .qt-brd-around--sm {
    border: solid 1px transparent !important;
  }
  .qt-brd-top--sm {
    border-top: solid 1px transparent !important;
  }
  .qt-brd-right--sm {
    border-right: solid 1px transparent !important;
  }
  .qt-brd-bottom--sm {
    border-bottom: solid 1px transparent !important;
  }
  .qt-brd-left--sm {
    border-left: solid 1px transparent !important;
  }
}

@media (min-width: 768px) {
  .qt-brd-x--md {
    border-left: solid 1px transparent !important;
    border-right: solid 1px transparent !important;
  }
  .qt-brd-around--md {
    border: solid 1px transparent !important;
  }
  .qt-brd-top--md {
    border-top: solid 1px transparent !important;
  }
  .qt-brd-right--md {
    border-right: solid 1px transparent !important;
  }
  .qt-brd-bottom--md {
    border-bottom: solid 1px transparent !important;
  }
  .qt-brd-left--md {
    border-left: solid 1px transparent !important;
  }
}

@media (min-width: 992px) {
  /* P */
  .qt-brd-around--lg {
    border: solid 1px transparent !important;
  }
  .qt-brd-top--lg {
    border-top: solid 1px transparent !important;
  }
  .qt-brd-right--lg {
    border-right: solid 1px transparent !important;
  }
  .qt-brd-bottom--lg {
    border-bottom: solid 1px transparent !important;
  }
  .qt-brd-left--lg {
    border-left: solid 1px transparent !important;
  }
  .qt-brd-left-none--lg {
    border-left: none !important;
  }
  .qt-brd-x--lg {
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
  }
  .qt-brd-none--lg {
    border: none !important;
  }
}

/*------------------------------------
  Borders None
------------------------------------*/
.qt-brd-around-none {
  border-width: 0 !important;
}

.qt-brd-y-none {
  border-top: none !important;
  border-bottom: none !important;
}

.qt-brd-top-none {
  border-top: none !important;
}

.qt-brd-bottom-none {
  border-bottom: none !important;
}

.qt-brd-x-none {
  border-left: none !important;
  border-right: none !important;
}

.qt-brd-left-none {
  border-left: none !important;
}

.qt-brd-right-none {
  border-right: none !important;
}

@media (min-width: 576px) {
  .qt-brd-around-none--sm {
    border-width: 0 !important;
  }
  .qt-brd-y-none--sm {
    border-top: none !important;
    border-bottom: none !important;
  }
  .qt-brd-top-none--sm {
    border-top: none !important;
  }
  .qt-brd-bottom-none--sm {
    border-bottom: none !important;
  }
  .qt-brd-x-none--sm {
    border-left: none !important;
    border-right: none !important;
  }
  .qt-brd-left-none--sm {
    border-left: none !important;
  }
  .qt-brd-right-none--sm {
    border-right: none !important;
  }
}

@media (min-width: 768px) {
  .qt-brd-around-none--md {
    border-width: 0 !important;
  }
  .qt-brd-y-none--md {
    border-top: none !important;
    border-bottom: none !important;
  }
  .qt-brd-top-none--md {
    border-top: none !important;
  }
  .qt-brd-bottom-none--md {
    border-bottom: none !important;
  }
  .qt-brd-x-none--md {
    border-left: none !important;
    border-right: none !important;
  }
  .qt-brd-left-none--md {
    border-left: none !important;
  }
  .qt-brd-right-none--md {
    border-right: none !important;
  }
}

@media (min-width: 992px) {
  .qt-brd-around-none--lg {
    border-width: 0 !important;
  }
  .qt-brd-y-none--lg {
    border-top: none !important;
    border-bottom: none !important;
  }
  .qt-brd-top-none--lg {
    border-top: none !important;
  }
  .qt-brd-bottom-none--lg {
    border-bottom: none !important;
  }
  .qt-brd-x-none--lg {
    border-left: none !important;
    border-right: none !important;
  }
  .qt-brd-left-none--lg {
    border-left: none !important;
  }
  .qt-brd-right-none--lg {
    border-right: none !important;
  }
}

@media (min-width: 1200px) {
  .qt-brd-around-none--xl {
    border-width: 0 !important;
  }
  .qt-brd-y-none--xl {
    border-top: none !important;
    border-bottom: none !important;
  }
  .qt-brd-top-none--xl {
    border-top: none !important;
  }
  .qt-brd-bottom-none--xl {
    border-bottom: none !important;
  }
  .qt-brd-x-none--xl {
    border-left: none !important;
    border-right: none !important;
  }
  .qt-brd-left-none--xl {
    border-left: none !important;
  }
  .qt-brd-right-none--xl {
    border-right: none !important;
  }
}

/*------------------------------------
  Border Style
------------------------------------*/
.qt-brd-style-solid {
  border-style: solid !important;
}

.qt-brd-style-dashed {
  border-style: dashed !important;
}

.qt-brd-style-dotted {
  border-style: dotted !important;
}

/*------------------------------------
  Border Radius (Rounded Styles)
------------------------------------*/
/* Rounded Around */
.rounded-0 {
  border-radius: 0 !important;
}

.qt-rounded-50x {
  border-radius: 50%;
}

.qt-rounded-1 {
  border-radius: 1px !important;
}

.qt-rounded-2 {
  border-radius: 2px !important;
}

.qt-rounded-3 {
  border-radius: 3px !important;
}

.qt-rounded-4 {
  border-radius: 4px !important;
}

.qt-rounded-5 {
  border-radius: 5px !important;
}

.qt-rounded-6 {
  border-radius: 6px !important;
}

.qt-rounded-7 {
  border-radius: 7px !important;
}

.qt-rounded-10 {
  border-radius: 10px !important;
}

.qt-rounded-15 {
  border-radius: 15px !important;
}

.qt-rounded-20 {
  border-radius: 20px !important;
}

.qt-rounded-25 {
  border-radius: 25px !important;
}

.qt-rounded-30 {
  border-radius: 30px !important;
}

.qt-rounded-50 {
  border-radius: 50px !important;
}

.qt-rounded-100 {
  border-radius: 100px !important;
}

.qt-rounded-100--after::after {
  border-radius: 100px !important;
}

/* Rounded Top */
.qt-rounded-top-5 {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

/* Rounded Right */
.qt-rounded-right-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.qt-rounded-right-3 {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.qt-rounded-right-4 {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.qt-rounded-right-5 {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.qt-rounded-right-10 {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.qt-rounded-right-20 {
  border-bottom-right-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.qt-rounded-right-25 {
  border-bottom-right-radius: 25px !important;
  border-top-right-radius: 25px !important;
}

.qt-rounded-right-30 {
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}

.qt-rounded-right-50 {
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
}

/* Rounded Bottom */
.qt-rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.qt-rounded-bottom-3 {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.qt-rounded-bottom-4 {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.qt-rounded-bottom-5 {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

/* Rounded Left */
.qt-rounded-left-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.qt-rounded-left-3 {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.qt-rounded-left-4 {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.qt-rounded-left-5 {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.qt-rounded-left-10 {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.qt-rounded-left-20 {
  border-bottom-left-radius: 20px !important;
  border-top-left-radius: 20px !important;
}

.qt-rounded-left-25 {
  border-bottom-left-radius: 25px !important;
  border-top-left-radius: 25px !important;
}

.qt-rounded-left-30 {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
}

.qt-rounded-left-50 {
  border-top-left-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
}

.qt-rounded-circle--before::before {
  border-radius: 50% !important;
}

.qt-rounded-circle--after::after {
  border-radius: 50% !important;
}

@media (min-width: 768px) {
  .qt-rounded-0--md {
    border-radius: 0 !important;
  }
  .qt-rounded-left-0--md {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .qt-rounded-right-0--md {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

@media (min-width: 992px) {
  .qt-rounded-left-5--lg-up {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
  }
  .qt-rounded-right-5--lg-up {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
  }
}

/*------------------------------------
  Borders Default (dashed)
------------------------------------*/
.qt-brd-around--dashed {
  border: dashed 1px transparent;
}

.qt-brd-top--dashed {
  border-top: dashed 1px transparent;
}

.qt-brd-bottom--dashed {
  border-bottom: dashed 1px transparent;
}

.qt-brd-right--dashed {
  border-right: dashed 1px transparent;
}

.qt-brd-left--dashed {
  border-left: dashed 1px transparent;
}

@media (min-width: 576px) {
  .qt-brd-around--dashed--sm {
    border: dashed 1px transparent;
  }
  .qt-brd-top--dashed--sm {
    border-top: dashed 1px transparent;
  }
  .qt-brd-bottom--dashed--sm {
    border-bottom: dashed 1px transparent;
  }
  .qt-brd-right--dashed--sm {
    border-right: dashed 1px transparent;
  }
  .qt-brd-left--dashed--sm {
    border-left: dashed 1px transparent;
  }
}

@media (min-width: 768px) {
  .qt-brd-around--dashed--md {
    border: dashed 1px transparent;
  }
  .qt-brd-top--dashed--md {
    border-top: dashed 1px transparent;
  }
  .qt-brd-bottom--dashed--md {
    border-bottom: dashed 1px transparent;
  }
  .qt-brd-right--dashed--md {
    border-right: dashed 1px transparent;
  }
  .qt-brd-left--dashed--md {
    border-left: dashed 1px transparent;
  }
}

/*------------------------------------
  Borders Default (dotted)
------------------------------------*/
.qt-brd-around--dotted {
  border: dotted 1px transparent;
}

.qt-brd-top--dotted {
  border-top: dotted 1px transparent;
}

.qt-brd-bottom--dotted {
  border-bottom: dotted 1px transparent;
}

.qt-brd-right--dotted {
  border-right: dotted 1px transparent;
}

.qt-brd-left--dotted {
  border-left: dotted 1px transparent;
}

@media (min-width: 576px) {
  .qt-brd-around--dotted--sm {
    border: dotted 1px transparent;
  }
  .qt-brd-top--dotted--sm {
    border-top: dotted 1px transparent;
  }
  .qt-brd-bottom--dotted--sm {
    border-bottom: dotted 1px transparent;
  }
  .qt-brd-right--dotted--sm {
    border-right: dotted 1px transparent;
  }
  .qt-brd-left--dotted--sm {
    border-left: dotted 1px transparent;
  }
}

@media (min-width: 768px) {
  .qt-brd-around--dotted--md {
    border: dotted 1px transparent;
  }
  .qt-brd-top--dotted--md {
    border-top: dotted 1px transparent;
  }
  .qt-brd-bottom--dotted--md {
    border-bottom: dotted 1px transparent;
  }
  .qt-brd-right--dotted--md {
    border-right: dotted 1px transparent;
  }
  .qt-brd-left--dotted--md {
    border-left: dotted 1px transparent;
  }
}

/*------------------------------------
  Border Width
------------------------------------*/
.qt-brd-0 {
  border-width: 0 !important;
}

.qt-brd-1 {
  border-width: 1px !important;
}

.qt-brd-2 {
  border-width: 2px !important;
}

.qt-brd-3 {
  border-width: 3px !important;
}

.qt-brd-3--before::before {
  border-width: 3px !important;
}

.qt-brd-3--before--active.active::before {
  border-width: 3px !important;
}

.qt-brd-4 {
  border-width: 4px !important;
}

.qt-brd-5 {
  border-width: 5px !important;
}

.qt-brd-6 {
  border-width: 6px !important;
}

.qt-brd-7 {
  border-width: 7px !important;
}

.qt-brd-10 {
  border-width: 10px !important;
}

.qt-brd-12 {
  border-width: 12px !important;
}

.qt-brd-top-0 {
  border-top-width: 0 !important;
}

.qt-brd-top-2 {
  border-top-width: 2px !important;
}

.qt-brd-top-3 {
  border-top-width: 3px !important;
}

.qt-brd-top-5 {
  border-top-width: 5px !important;
}

.qt-brd-bottom-0 {
  border-bottom-width: 0 !important;
}

.qt-brd-bottom-2 {
  border-bottom-width: 2px !important;
}

.qt-brd-bottom-2--hover:hover {
  border-bottom-width: 2px !important;
}

.qt-parent:hover .qt-brd-bottom-2--parent-hover {
  border-bottom-width: 2px !important;
}

.qt-brd-bottom-5 {
  border-bottom-width: 5px !important;
}

.qt-brd-left-0 {
  border-left-width: 0 !important;
}

.qt-brd-left-1 {
  border-left-width: 1px !important;
}

.qt-brd-left-2 {
  border-left-width: 2px !important;
}

.qt-brd-left-3 {
  border-left-width: 3px !important;
}

.qt-brd-left-4 {
  border-left-width: 4px !important;
}

.qt-brd-right-0 {
  border-right-width: 0 !important;
}

.qt-brd-right-1 {
  border-right-width: 1px !important;
}

.qt-brd-right-2 {
  border-right-width: 2px !important;
}

.qt-brd-right-3 {
  border-right-width: 3px !important;
}

.qt-brd-right-4 {
  border-right-width: 4px !important;
}

@media (min-width: 768px) {
  .qt-brd-0--md {
    border-width: 0 !important;
  }
  .qt-brd-1--md {
    border-width: 1px !important;
  }
  .qt-brd-2--md {
    border-width: 2px !important;
  }
  .qt-brd-3--md {
    border-width: 3px !important;
  }
  .qt-brd-4--md {
    border-width: 4px !important;
  }
  .qt-brd-5--md {
    border-width: 5px !important;
  }
  .qt-brd-6--md {
    border-width: 6px !important;
  }
  .qt-brd-10--md {
    border-width: 10px !important;
  }
  .qt-brd-top-0--md {
    border-top-width: 0 !important;
  }
  .qt-brd-top-2--md {
    border-top-width: 2px !important;
  }
  .qt-brd-top-3--md {
    border-top-width: 3px !important;
  }
  .qt-brd-top-5--md {
    border-top-width: 5px !important;
  }
  .qt-brd-bottom-0--md {
    border-bottom-width: 0 !important;
  }
  .qt-brd-bottom-2--md {
    border-bottom-width: 2px !important;
  }
  .qt-brd-bottom-5--md {
    border-bottom-width: 5px !important;
  }
  .qt-brd-left-0--md {
    border-left-width: 0 !important;
  }
  .qt-brd-left-1--md {
    border-left-width: 1px !important;
  }
  .qt-brd-left-2--md {
    border-left-width: 2px !important;
  }
  .qt-brd-left-3--md {
    border-left-width: 3px !important;
  }
  .qt-brd-left-4--md {
    border-left-width: 4px !important;
  }
  .qt-brd-right-0--md {
    border-right-width: 0 !important;
  }
  .qt-brd-right-1--md {
    border-right-width: 1px !important;
  }
}

@media (min-width: 992px) {
  .qt-brd-0--lg {
    border-width: 0 !important;
  }
  .qt-brd-1--lg {
    border-width: 1px !important;
  }
  .qt-brd-top-0--lg {
    border-top-width: 0 !important;
  }
  .qt-brd-top-1--lg {
    border-top-width: 1px !important;
  }
  .qt-brd-bottom-0--lg {
    border-bottom-width: 0 !important;
  }
  .qt-brd-bottom-1--lg {
    border-bottom-width: 1px !important;
  }
  .qt-brd-left-0--lg {
    border-left-width: 0 !important;
  }
  .qt-brd-left-1--lg {
    border-left-width: 1px !important;
  }
  .qt-brd-right-0--lg {
    border-right-width: 0 !important;
  }
  .qt-brd-right-1--lg {
    border-right-width: 1px !important;
  }
}

/*------------------------------------
  Border Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
/* Primary Colors */
.qt-brd-primary {
  border-color: #72c02c !important;
}

.qt-brd-primary--before::before {
  border-color: #72c02c !important;
}

.qt-brd-primary--before--active.active::before {
  border-color: #72c02c !important;
}

.qt-brd-primary--hover:hover, .qt-brd-primary--active.active {
  border-color: #72c02c !important;
}

.qt-brd-primary--active.active,
.active .qt-brd-primary--active {
  border-color: #72c02c !important;
}

*:hover > .qt-brd-primary--hover-parent {
  border-color: #72c02c !important;
}

.qt-brd-primary-opacity-0_3 {
  border-color: rgba(114, 192, 44, 0.3) !important;
}

.qt-brd-primary-opacity-0_3--hover:hover, .qt-brd-primary-opacity-0_3--active.active {
  border-color: rgba(114, 192, 44, 0.3) !important;
}

*:hover > .qt-brd-primary-opacity-0_3--hover-parent {
  border-color: rgba(114, 192, 44, 0.3) !important;
}

.qt-brd-primary-dark-dark-v1 {
  border-color: #6db82a !important;
}

.qt-brd-primary-dark-dark-v1--hover:hover, .qt-brd-primary-dark-dark-v1--active.active {
  border-color: #6db82a !important;
}

*:hover > .qt-brd-primary-dark-dark-v1--hover-parent {
  border-color: #6db82a !important;
}

.qt-brd-primary-dark-dark-v2 {
  border-color: #66ab27 !important;
}

.qt-brd-primary-dark-dark-v2--hover:hover, .qt-brd-primary-dark-dark-v2--active.active {
  border-color: #66ab27 !important;
}

*:hover > .qt-brd-primary-dark-dark-v2--hover-parent {
  border-color: #66ab27 !important;
}

.qt-brd-primary-dark-dark-v3 {
  border-color: #599722 !important;
}

.qt-brd-primary-dark-dark-v3--hover:hover, .qt-brd-primary-dark-dark-v3--active.active {
  border-color: #599722 !important;
}

*:hover > .qt-brd-primary-dark-dark-v3--hover-parent {
  border-color: #599722 !important;
}

.qt-brd-bottom-primary--hover:hover {
  border-bottom-color: #72c02c !important;
}

/* Main Colors */
.qt-brd-main {
  border-color: #555 !important;
}

.qt-brd-main--hover:hover {
  border-color: #555 !important;
}

/* Black Colors */
.qt-brd-black {
  border-color: #000 !important;
}

.qt-brd-black--hover:hover, .qt-brd-black--active.active {
  border-color: #000 !important;
}

*:hover > .qt-brd-black--hover-parent {
  border-color: #000 !important;
}

.qt-brd-black-opacity-0_4 {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

/* White Colors */
.qt-brd-white {
  border-color: #fff !important;
}

.qt-brd-white--hover:hover, .qt-brd-white--active.active {
  border-color: #fff !important;
}

*:hover > .qt-brd-white--hover-parent {
  border-color: #fff !important;
}

.qt-brd-white-opacity-0_1 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.qt-brd-white-opacity-0_1--hover:hover, .qt-brd-white-opacity-0_1--active.active {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

*:hover > .qt-brd-white-opacity-0_1--hover-parent {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.qt-brd-white-opacity-0_2 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.qt-brd-white-opacity-0_2--hover:hover, .qt-brd-white-opacity-0_2--active.active {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

*:hover > .qt-brd-white-opacity-0_2--hover-parent {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.qt-brd-white-opacity-0_3 {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.qt-brd-white-opacity-0_3--hover:hover, .qt-brd-white-opacity-0_3--active.active {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

*:hover > .qt-brd-white-opacity-0_3--hover-parent {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.qt-brd-white-opacity-0_4 {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.qt-brd-white-opacity-0_4--hover:hover, .qt-brd-white-opacity-0_4--active.active {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

*:hover > .qt-brd-white-opacity-0_4--hover-parent {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.qt-brd-white-opacity-0_5 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.qt-brd-white-opacity-0_5--hover:hover, .qt-brd-white-opacity-0_5--active.active {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

*:hover > .qt-brd-white-opacity-0_5--hover-parent {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.qt-brd-white-opacity-0_6 {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.qt-brd-white-opacity-0_6--hover:hover, .qt-brd-white-opacity-0_6--active.active {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

*:hover > .qt-brd-white-opacity-0_6--hover-parent {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.qt-brd-white-opacity-0_8 {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.qt-brd-white-opacity-0_8--hover:hover, .qt-brd-white-opacity-0_8--active.active {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

*:hover > .qt-brd-white-opacity-0_8--hover-parent {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

/* Gray Colors */
.qt-brd-gray-dark-v1 {
  border-color: #111 !important;
}

.qt-brd-gray-dark-v1--hover:hover, .qt-brd-gray-dark-v1--active.active {
  border-color: #111 !important;
}

*:hover > .qt-brd-gray-dark-v1--hover-parent {
  border-color: #111 !important;
}

.qt-brd-gray-dark-v2 {
  border-color: #333 !important;
}

.qt-brd-gray-dark-v2--hover:hover, .qt-brd-gray-dark-v2--active.active {
  border-color: #333 !important;
}

*:hover > .qt-brd-gray-dark-v2--hover-parent {
  border-color: #333 !important;
}

.qt-brd-gray-dark-v3 {
  border-color: #555 !important;
}

.qt-brd-gray-dark-v3--hover:hover, .qt-brd-gray-dark-v3--active.active {
  border-color: #555 !important;
}

*:hover > .qt-brd-gray-dark-v3--hover-parent {
  border-color: #555 !important;
}

.qt-brd-gray-dark-v4 {
  border-color: #777 !important;
}

.qt-brd-gray-dark-v4--hover:hover, .qt-brd-gray-dark-v4--active.active {
  border-color: #777 !important;
}

*:hover > .qt-brd-gray-dark-v4--hover-parent {
  border-color: #777 !important;
}

.qt-brd-gray-dark-v5 {
  border-color: #999 !important;
}

.qt-brd-gray-dark-v5--hover:hover, .qt-brd-gray-dark-v5--active.active {
  border-color: #999 !important;
}

*:hover > .qt-brd-gray-dark-v5--hover-parent {
  border-color: #999 !important;
}

.qt-brd-gray-light-v1 {
  border-color: #bbb !important;
}

.qt-brd-gray-light-v1--hover:hover, .qt-brd-gray-light-v1--focus:focus, .qt-brd-gray-light-v1--active.active {
  border-color: #bbb !important;
}

*:hover > .qt-brd-gray-light-v1--hover-parent {
  border-color: #bbb !important;
}

.qt-brd-gray-light-v2 {
  border-color: #ccc !important;
}

.qt-brd-gray-light-v2--before::before {
  border-color: #ccc !important;
}

.qt-brd-gray-light-v2--after::after {
  border-color: #ccc !important;
}

.qt-brd-gray-light-v2--hover:hover, .qt-brd-gray-light-v2--active.active {
  border-color: #ccc !important;
}

*:hover > .qt-brd-gray-light-v2--hover-parent {
  border-color: #ccc !important;
}

.qt-brd-gray-light-v3 {
  border-color: #ddd !important;
}

.qt-brd-gray-light-v3--hover:hover, .qt-brd-gray-light-v3--active.active, .qt-brd-gray-light-v3--focus:focus {
  border-color: #ddd !important;
}

*:hover > .qt-brd-gray-light-v3--hover-parent {
  border-color: #ddd !important;
}

.qt-brd-gray-light-v4 {
  border-color: #eee !important;
}

.qt-brd-gray-light-v4--hover:hover, .qt-brd-gray-light-v4--active.active {
  border-color: #eee !important;
}

*:hover > .qt-brd-gray-light-v4--hover-parent {
  border-color: #eee !important;
}

.qt-brd-gray-light-v5 {
  border-color: #f7f7f7 !important;
}

.qt-brd-gray-light-v5--hover:hover, .qt-brd-gray-light-v5--active.active {
  border-color: #f7f7f7 !important;
}

*:hover > .qt-brd-gray-light-v5--hover-parent {
  border-color: #f7f7f7 !important;
}

/* Transparent */
.qt-brd-transparent {
  border-color: transparent !important;
}

.qt-brd-transparent--before::before {
  border-color: transparent !important;
}

.qt-brd-transparent--after::after {
  border-color: transparent !important;
}

.qt-brd-transparent--hover:hover, .qt-brd-transparent--active.active {
  border-color: transparent !important;
}

*:hover > .qt-brd-transparent--hover-parent {
  border-color: transparent !important;
}

/* Complementary Colors
------------------------------------*/
/* Color Green */
.qt-brd-green {
  border-color: #72c02c !important;
}

.qt-brd-green--hover:hover, .qt-brd-green--active.active {
  border-color: #72c02c !important;
}

*:hover > .qt-brd-green--hover-parent {
  border-color: #72c02c !important;
}

/* Color Blue */
.qt-brd-blue {
  border-color: #3398dc !important;
}

.qt-brd-blue--hover:hover, .qt-brd-blue--active.active {
  border-color: #3398dc !important;
}

*:hover > .qt-brd-blue--hover-parent {
  border-color: #3398dc !important;
}

.qt-brd-blue-opacity-0_1 {
  border-color: rgba(51, 152, 220, 0.1) !important;
}

/* Color Light Blue */
.qt-brd-lightblue {
  border-color: #edf2f8 !important;
}

.qt-brd-lightblue--hover:hover, .qt-brd-lightblue--active.active {
  border-color: #edf2f8 !important;
}

*:hover > .qt-brd-lightblue--hover-parent {
  border-color: #edf2f8 !important;
}

.qt-brd-lightblue-v1 {
  border-color: #d6e2ee !important;
}

.qt-brd-lightblue-v1--hover:hover, .qt-brd-lightblue-v1--active.active {
  border-color: #d6e2ee !important;
}

*:hover > .qt-brd-lightblue-v1--hover-parent {
  border-color: #d6e2ee !important;
}

/* Color Dark Blue */
.qt-brd-darkblue {
  border-color: #009 !important;
}

.qt-brd-darkblue--hover:hover, .qt-brd-darkblue--active.active {
  border-color: #009 !important;
}

*:hover > .qt-brd-darkblue--hover-parent {
  border-color: #009 !important;
}

/* Color Indigo */
.qt-brd-indigo {
  border-color: #4263a3 !important;
}

.qt-brd-indigo--hover:hover, .qt-brd-indigo--active.active {
  border-color: #4263a3 !important;
}

*:hover > .qt-brd-indigo--hover-parent {
  border-color: #4263a3 !important;
}

/* Color Red */
.qt-brd-red {
  border-color: #f00 !important;
}

.qt-brd-red--hover:hover, .qt-brd-red--active.active {
  border-color: #f00 !important;
}

*:hover > .qt-brd-red--hover-parent {
  border-color: #f00 !important;
}

/* Color Light Red */
.qt-brd-lightred {
  border-color: #e64b3b !important;
}

.qt-brd-lightred--hover:hover, .qt-brd-lightred--active.active {
  border-color: #e64b3b !important;
}

*:hover > .qt-brd-lightred--hover-parent {
  border-color: #e64b3b !important;
}

/* Color Dark Red */
.qt-brd-darkred {
  border-color: #a10f2b !important;
}

.qt-brd-darkred--hover:hover, .qt-brd-darkred--active.active {
  border-color: #a10f2b !important;
}

*:hover > .qt-brd-darkred--hover-parent {
  border-color: #a10f2b !important;
}

/* Color Purple */
.qt-brd-purple {
  border-color: #9a69cb !important;
}

.qt-brd-purple--hover:hover, .qt-brd-purple--active.active {
  border-color: #9a69cb !important;
}

*:hover > .qt-brd-purple--hover-parent {
  border-color: #9a69cb !important;
}

.qt-brd-purple-opacity-0_1 {
  border-color: rgba(154, 105, 203, 0.1) !important;
}

/* Color Dark Purple */
.qt-brd-darkpurple {
  border-color: #6639b6 !important;
}

.qt-brd-darkpurple--hover:hover, .qt-brd-darkpurple--active.active {
  border-color: #6639b6 !important;
}

*:hover > .qt-brd-darkpurple--hover-parent {
  border-color: #6639b6 !important;
}

/* Color Pink */
.qt-brd-pink {
  border-color: #e81c62 !important;
}

.qt-brd-pink--hover:hover, .qt-brd-pink--active.active {
  border-color: #e81c62 !important;
}

*:hover > .qt-brd-pink--hover-parent {
  border-color: #e81c62 !important;
}

/* Color Orange */
.qt-brd-orange {
  border-color: #e57d20 !important;
}

.qt-brd-orange--hover:hover, .qt-brd-orange--active.active {
  border-color: #e57d20 !important;
}

*:hover > .qt-brd-orange--hover-parent {
  border-color: #e57d20 !important;
}

/* Color Deep Orange */
.qt-brd-deeporange {
  border-color: #fe541e !important;
}

.qt-brd-deeporange--hover:hover, .qt-brd-deeporange--active.active {
  border-color: #fe541e !important;
}

*:hover > .qt-brd-deeporange--hover-parent {
  border-color: #fe541e !important;
}

/* Color Yellow */
.qt-brd-yellow {
  border-color: #ebc71d !important;
}

.qt-brd-yellow--hover:hover, .qt-brd-yellow--active.active {
  border-color: #ebc71d !important;
}

*:hover > .qt-brd-yellow--hover-parent {
  border-color: #ebc71d !important;
}

/* Color Aqua */
.qt-brd-aqua {
  border-color: #29d6e6 !important;
}

.qt-brd-aqua--hover:hover, .qt-brd-aqua--active.active {
  border-color: #29d6e6 !important;
}

*:hover > .qt-brd-aqua--hover-parent {
  border-color: #29d6e6 !important;
}

/* Color Cyan */
.qt-brd-cyan {
  border-color: #00bed6 !important;
}

.qt-brd-cyan--hover:hover, .qt-brd-cyan--active.active {
  border-color: #00bed6 !important;
}

*:hover > .qt-brd-cyan--hover-parent {
  border-color: #00bed6 !important;
}

/* Color Teal */
.qt-brd-teal {
  border-color: #18ba9b !important;
}

.qt-brd-teal--hover:hover, .qt-brd-teal--active.active {
  border-color: #18ba9b !important;
}

*:hover > .qt-brd-teal--hover-parent {
  border-color: #18ba9b !important;
}

/* Color Brown */
.qt-brd-brown {
  border-color: #9c8061 !important;
}

.qt-brd-brown--hover:hover, .qt-brd-brown--active.active {
  border-color: #9c8061 !important;
}

*:hover > .qt-brd-brown--hover-parent {
  border-color: #9c8061 !important;
}

/* Color Blue Gray */
.qt-brd-bluegray {
  border-color: #585f69 !important;
}

.qt-brd-bluegray--hover:hover, .qt-brd-bluegray--active.active {
  border-color: #585f69 !important;
}

*:hover > .qt-brd-bluegray--hover-parent {
  border-color: #585f69 !important;
}

/* Primary Colors */
.qt-brd-primary-top {
  border-top-color: #72c02c !important;
}

.qt-brd-primary-top--before::before {
  border-top-color: #72c02c !important;
}

.qt-brd-primary-bottom {
  border-bottom-color: #72c02c !important;
}

.qt-brd-primary-bottom--before:before {
  border-bottom-color: #72c02c !important;
}

.qt-brd-primary-left {
  border-left-color: #72c02c !important;
}

.qt-brd-primary-left--before:before {
  border-left-color: #72c02c !important;
}

.qt-brd-primary-right {
  border-right-color: #72c02c !important;
}

.qt-brd-primary-right--before:before {
  border-right-color: #72c02c !important;
}

.qt-brd-primary-opacity-0_3-top {
  border-top-color: rgba(114, 192, 44, 0.3) !important;
}

.qt-brd-primary-opacity-0_3-bottom {
  border-bottom-color: rgba(114, 192, 44, 0.3) !important;
}

.qt-brd-primary-opacity-0_3-left {
  border-left-color: rgba(114, 192, 44, 0.3) !important;
}

.qt-brd-primary-opacity-0_3-right {
  border-right-color: rgba(114, 192, 44, 0.3) !important;
}

.qt-brd-primary-dark-dark-v1-top {
  border-top-color: #6db82a !important;
}

.qt-brd-primary-dark-dark-v1-bottom {
  border-bottom-color: #6db82a !important;
}

.qt-brd-primary-dark-dark-v1-left {
  border-left-color: #6db82a !important;
}

.qt-brd-primary-dark-dark-v1-right {
  border-right-color: #6db82a !important;
}

.qt-brd-primary-dark-dark-v2-top {
  border-top-color: #66ab27 !important;
}

.qt-brd-primary-dark-dark-v2-bottom {
  border-bottom-color: #66ab27 !important;
}

.qt-brd-primary-dark-dark-v2-left {
  border-left-color: #66ab27 !important;
}

.qt-brd-primary-dark-dark-v2-right {
  border-right-color: #66ab27 !important;
}

.qt-brd-primary-dark-dark-v3-top {
  border-top-color: #599722 !important;
}

.qt-brd-primary-dark-dark-v3-bottom {
  border-bottom-color: #599722 !important;
}

.qt-brd-primary-dark-dark-v3-left {
  border-left-color: #599722 !important;
}

.qt-brd-primary-dark-dark-v3-right {
  border-right-color: #599722 !important;
}

/* Black Colors */
.qt-brd-black-top {
  border-top-color: #000 !important;
}

.qt-brd-black-bottom {
  border-bottom-color: #000 !important;
}

.qt-brd-black-left {
  border-left-color: #000 !important;
}

.qt-brd-black-right {
  border-right-color: #000 !important;
}

/* White */
.qt-brd-white-top {
  border-top-color: #fff !important;
}

.qt-brd-white-bottom {
  border-bottom-color: #fff !important;
}

.qt-brd-white-left {
  border-left-color: #fff !important;
}

.qt-brd-white-right {
  border-right-color: #fff !important;
}

.qt-brd-white-opacity-0_1-top {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.qt-brd-white-opacity-0_1-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.qt-brd-white-opacity-0_1-left {
  border-left-color: rgba(255, 255, 255, 0.1) !important;
}

.qt-brd-white-opacity-0_1-right {
  border-right-color: rgba(255, 255, 255, 0.1) !important;
}

.qt-brd-white-opacity-0_2-top {
  border-top-color: rgba(255, 255, 255, 0.2) !important;
}

.qt-brd-white-opacity-0_2-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

.qt-brd-white-opacity-0_2-left {
  border-left-color: rgba(255, 255, 255, 0.2) !important;
}

.qt-brd-white-opacity-0_2-right {
  border-right-color: rgba(255, 255, 255, 0.2) !important;
}

.qt-brd-white-opacity-0_3-top {
  border-top-color: rgba(255, 255, 255, 0.3) !important;
}

.qt-brd-white-opacity-0_3-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.3) !important;
}

.qt-brd-white-opacity-0_3-left {
  border-left-color: rgba(255, 255, 255, 0.3) !important;
}

.qt-brd-white-opacity-0_3-right {
  border-right-color: rgba(255, 255, 255, 0.3) !important;
}

.qt-brd-white-opacity-0_4-top {
  border-top-color: rgba(255, 255, 255, 0.4) !important;
}

.qt-brd-white-opacity-0_4-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.4) !important;
}

.qt-brd-white-opacity-0_4-left {
  border-left-color: rgba(255, 255, 255, 0.4) !important;
}

.qt-brd-white-opacity-0_4-right {
  border-right-color: rgba(255, 255, 255, 0.4) !important;
}

.qt-brd-white-opacity-0_5-top {
  border-top-color: rgba(255, 255, 255, 0.5) !important;
}

.qt-brd-white-opacity-0_5-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}

.qt-brd-white-opacity-0_5-left {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}

.qt-brd-white-opacity-0_5-right {
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}

.qt-brd-white-opacity-0_6-top {
  border-top-color: rgba(255, 255, 255, 0.6) !important;
}

.qt-brd-white-opacity-0_6-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.6) !important;
}

.qt-brd-white-opacity-0_6-left {
  border-left-color: rgba(255, 255, 255, 0.6) !important;
}

.qt-brd-white-opacity-0_6-right {
  border-right-color: rgba(255, 255, 255, 0.6) !important;
}

/* Gray Colors */
.qt-brd-gray-dark-v1-top {
  border-top-color: #111 !important;
}

.qt-brd-gray-dark-v1-bottom {
  border-bottom-color: #111 !important;
}

.qt-brd-gray-dark-v1-left {
  border-left-color: #111 !important;
}

.qt-brd-gray-dark-v1-right {
  border-right-color: #111 !important;
}

.qt-brd-gray-dark-v2-top {
  border-top-color: #333 !important;
}

.qt-brd-gray-dark-v2-bottom {
  border-bottom-color: #333 !important;
}

.qt-brd-gray-dark-v2-left {
  border-left-color: #333 !important;
}

.qt-brd-gray-dark-v2-right {
  border-right-color: #333 !important;
}

.qt-brd-gray-dark-v3-top {
  border-top-color: #555 !important;
}

.qt-brd-gray-dark-v3-bottom {
  border-bottom-color: #555 !important;
}

.qt-brd-gray-dark-v3-left {
  border-left-color: #555 !important;
}

.qt-brd-gray-dark-v3-right {
  border-right-color: #555 !important;
}

.qt-brd-gray-dark-v4-top {
  border-top-color: #777 !important;
}

.qt-brd-gray-dark-v4-bottom {
  border-bottom-color: #777 !important;
}

.qt-brd-gray-dark-v4-left {
  border-left-color: #777 !important;
}

.qt-brd-gray-dark-v4-right {
  border-right-color: #777 !important;
}

.qt-brd-gray-dark-v5-top {
  border-top-color: #999 !important;
}

.qt-brd-gray-dark-v5-bottom {
  border-bottom-color: #999 !important;
}

.qt-brd-gray-dark-v5-left {
  border-left-color: #999 !important;
}

.qt-brd-gray-dark-v5-right {
  border-right-color: #999 !important;
}

.qt-brd-gray-light-v1-top {
  border-top-color: #bbb !important;
}

.qt-brd-gray-light-v1-bottom {
  border-bottom-color: #bbb !important;
}

.qt-brd-gray-light-v1-left {
  border-left-color: #bbb !important;
}

.qt-brd-gray-light-v1-right {
  border-right-color: #bbb !important;
}

.qt-brd-gray-light-v2-top {
  border-top-color: #ccc !important;
}

.qt-brd-gray-light-v2-bottom {
  border-bottom-color: #ccc !important;
}

.qt-brd-gray-light-v2-left {
  border-left-color: #ccc !important;
}

.qt-brd-gray-light-v2-right {
  border-right-color: #ccc !important;
}

.qt-brd-gray-light-v3-top {
  border-top-color: #ddd !important;
}

.qt-brd-gray-light-v3-bottom {
  border-bottom-color: #ddd !important;
}

.qt-brd-gray-light-v3-left {
  border-left-color: #ddd !important;
}

.qt-brd-gray-light-v3-right {
  border-right-color: #ddd !important;
}

.qt-brd-gray-light-v4-top {
  border-top-color: #eee !important;
}

.qt-brd-gray-light-v4-bottom {
  border-bottom-color: #eee !important;
}

.qt-brd-gray-light-v4-left {
  border-left-color: #eee !important;
}

.qt-brd-gray-light-v4-right {
  border-right-color: #eee !important;
}

.qt-brd-gray-light-v5-top {
  border-top-color: #f7f7f7 !important;
}

.qt-brd-gray-light-v5-bottom {
  border-bottom-color: #f7f7f7 !important;
}

.qt-brd-gray-light-v5-left {
  border-left-color: #f7f7f7 !important;
}

.qt-brd-gray-light-v5-right {
  border-right-color: #f7f7f7 !important;
}

/* Transparent */
.qt-brd-transparent-top {
  border-top-color: transparent !important;
}

.qt-brd-transparent-bottom {
  border-bottom-color: transparent !important;
}

.qt-brd-transparent-left {
  border-left-color: transparent !important;
}

.qt-brd-transparent-right {
  border-right-color: transparent !important;
}

/* Complementary Colors
------------------------------------*/
/* Color Green */
.qt-brd-green-top {
  border-top-color: #72c02c !important;
}

.qt-brd-green-bottom {
  border-bottom-color: #72c02c !important;
}

.qt-brd-green-left {
  border-left-color: #72c02c !important;
}

.qt-brd-green-right {
  border-right-color: #72c02c !important;
}

/* Color Blue */
.qt-brd-blue-top {
  border-top-color: #3398dc !important;
}

.qt-brd-blue-bottom {
  border-bottom-color: #3398dc !important;
}

.qt-brd-blue-left {
  border-left-color: #3398dc !important;
}

.qt-brd-blue-right {
  border-right-color: #3398dc !important;
}

/* Color Light Blue */
.qt-brd-lightblue-top {
  border-top-color: #edf2f8 !important;
}

.qt-brd-lightblue-bottom {
  border-bottom-color: #edf2f8 !important;
}

.qt-brd-lightblue-left {
  border-left-color: #edf2f8 !important;
}

.qt-brd-lightblue-right {
  border-right-color: #edf2f8 !important;
}

.qt-brd-lightblue-v1-top {
  border-top-color: #d6e2ee !important;
}

.qt-brd-lightblue-v1-bottom {
  border-bottom-color: #d6e2ee !important;
}

.qt-brd-lightblue-v1-left {
  border-left-color: #d6e2ee !important;
}

.qt-brd-lightblue-v1-right {
  border-right-color: #d6e2ee !important;
}

/* Color Dark Blue */
.qt-brd-darkblue-top {
  border-top-color: #009 !important;
}

.qt-brd-darkblue-bottom {
  border-bottom-color: #009 !important;
}

.qt-brd-darkblue-left {
  border-left-color: #009 !important;
}

.qt-brd-darkblue-right {
  border-right-color: #009 !important;
}

/* Color Indigo */
.qt-brd-indigo-top {
  border-top-color: #4263a3 !important;
}

.qt-brd-indigo-bottom {
  border-bottom-color: #4263a3 !important;
}

.qt-brd-indigo-left {
  border-left-color: #4263a3 !important;
}

.qt-brd-indigo-right {
  border-right-color: #4263a3 !important;
}

/* Color Red */
.qt-brd-red-top {
  border-top-color: #f00 !important;
}

.qt-brd-red-bottom {
  border-bottom-color: #f00 !important;
}

.qt-brd-red-left {
  border-left-color: #f00 !important;
}

.qt-brd-red-right {
  border-right-color: #f00 !important;
}

/* Color Light Red */
.qt-brd-lightred-top {
  border-top-color: #e64b3b !important;
}

.qt-brd-lightred-bottom {
  border-bottom-color: #e64b3b !important;
}

.qt-brd-lightred-left {
  border-left-color: #e64b3b !important;
}

.qt-brd-lightred-right {
  border-right-color: #e64b3b !important;
}

/* Color Dark Red */
.qt-brd-darkred-top {
  border-top-color: #a10f2b !important;
}

.qt-brd-darkred-bottom {
  border-bottom-color: #a10f2b !important;
}

.qt-brd-darkred-left {
  border-left-color: #a10f2b !important;
}

.qt-brd-darkred-right {
  border-right-color: #a10f2b !important;
}

/* Color Purple */
.qt-brd-purple-top {
  border-top-color: #9a69cb !important;
}

.qt-brd-purple-bottom {
  border-bottom-color: #9a69cb !important;
}

.qt-brd-purple-left {
  border-left-color: #9a69cb !important;
}

.qt-brd-purple-right {
  border-right-color: #9a69cb !important;
}

/* Color Dark Purple */
.qt-brd-darkpurple-top {
  border-top-color: #6639b6 !important;
}

.qt-brd-darkpurple-bottom {
  border-bottom-color: #6639b6 !important;
}

.qt-brd-darkpurple-left {
  border-left-color: #6639b6 !important;
}

.qt-brd-darkpurple-right {
  border-right-color: #6639b6 !important;
}

/* Color Pink */
.qt-brd-pink-top {
  border-top-color: #e81c62 !important;
}

.qt-brd-pink-bottom {
  border-bottom-color: #e81c62 !important;
}

.qt-brd-pink-left {
  border-left-color: #e81c62 !important;
}

.qt-brd-pink-right {
  border-right-color: #e81c62 !important;
}

/* Color Orange */
.qt-brd-orange-top {
  border-top-color: #e57d20 !important;
}

.qt-brd-orange-bottom {
  border-bottom-color: #e57d20 !important;
}

.qt-brd-orange-left {
  border-left-color: #e57d20 !important;
}

.qt-brd-orange-right {
  border-right-color: #e57d20 !important;
}

/* Color Deep Orange */
.qt-brd-deeporange-top {
  border-top-color: #fe541e !important;
}

.qt-brd-deeporange-bottom {
  border-bottom-color: #fe541e !important;
}

.qt-brd-deeporange-left {
  border-left-color: #fe541e !important;
}

.qt-brd-deeporange-right {
  border-right-color: #fe541e !important;
}

/* Color Yellow */
.qt-brd-yellow-top {
  border-top-color: #ebc71d !important;
}

.qt-brd-yellow-bottom {
  border-bottom-color: #ebc71d !important;
}

.qt-brd-yellow-left {
  border-left-color: #ebc71d !important;
}

.qt-brd-yellow-right {
  border-right-color: #ebc71d !important;
}

/* Color Aqua */
.qt-brd-aqua-top {
  border-top-color: #29d6e6 !important;
}

.qt-brd-aqua-bottom {
  border-bottom-color: #29d6e6 !important;
}

.qt-brd-aqua-left {
  border-left-color: #29d6e6 !important;
}

.qt-brd-aqua-right {
  border-right-color: #29d6e6 !important;
}

/* Color Cyan */
.qt-brd-cyan-top {
  border-top-color: #00bed6 !important;
}

.qt-brd-cyan-bottom {
  border-bottom-color: #00bed6 !important;
}

.qt-brd-cyan-left {
  border-left-color: #00bed6 !important;
}

.qt-brd-cyan-right {
  border-right-color: #00bed6 !important;
}

/* Color Teal */
.qt-brd-teal-top {
  border-top-color: #18ba9b !important;
}

.qt-brd-teal-bottom {
  border-bottom-color: #18ba9b !important;
}

.qt-brd-teal-left {
  border-left-color: #18ba9b !important;
}

.qt-brd-teal-right {
  border-right-color: #18ba9b !important;
}

/* Color Brown */
.qt-brd-brown-top {
  border-top-color: #9c8061 !important;
}

.qt-brd-brown-bottom {
  border-bottom-color: #9c8061 !important;
}

.qt-brd-brown-left {
  border-left-color: #9c8061 !important;
}

.qt-brd-brown-right {
  border-right-color: #9c8061 !important;
}

/* Color Blue Gray */
.qt-brd-bluegray-top {
  border-top-color: #585f69 !important;
}

.qt-brd-bluegray-bottom {
  border-bottom-color: #585f69 !important;
}

.qt-brd-bluegray-left {
  border-left-color: #585f69 !important;
}

.qt-brd-bluegray-right {
  border-right-color: #585f69 !important;
}

/* O */
.qt-brd-primary-top--hover:hover {
  border-top-color: #72c02c !important;
}

.qt-brd-primary-top--hover:hover::after {
  border-top-color: #72c02c;
}

.qt-brd-primary-top--active.active {
  border-top-color: #72c02c !important;
}

.qt-brd-primary-top--active.active::after {
  border-top-color: #72c02c;
}

.qt-brd-primary-bottom--hover:hover {
  border-bottom-color: #72c02c !important;
}

.qt-brd-primary-bottom--hover:hover::after {
  border-bottom-color: #72c02c;
}

.qt-brd-primary-bottom--active.active {
  border-bottom-color: #72c02c !important;
}

.qt-brd-primary-bottom--active.active::after {
  border-bottom-color: #72c02c;
}

.qt-brd-pinterest {
  border-color: #c8232c !important;
}

.qt-brd-pinterest::after {
  border-color: #c8232c !important;
}

.qt-brd-pinterest-top--hover:hover {
  border-top-color: #c8232c !important;
}

.qt-brd-pinterest-top--hover:hover::after {
  border-top-color: #c8232c;
}

.qt-brd-pinterest-top--active.active {
  border-top-color: #c8232c !important;
}

.qt-brd-pinterest-top--active.active::after {
  border-top-color: #c8232c;
}

.qt-brd-pinterest-bottom--hover:hover {
  border-bottom-color: #c8232c !important;
}

.qt-brd-pinterest-bottom--hover:hover::after {
  border-bottom-color: #c8232c;
}

.qt-brd-pinterest-bottom--active.active {
  border-bottom-color: #c8232c !important;
}

.qt-brd-pinterest-bottom--active.active::after {
  border-bottom-color: #c8232c;
}

/*------------------------------------
  Social Border Colors
------------------------------------*/
/* Facebook */
.qt-brd-facebook {
  border-color: #3b5998;
}

.qt-brd-facebook--hover:hover {
  border-color: #3b5998 !important;
}

/* Twitter */
.qt-brd-twitter {
  border-color: #00acee;
}

.qt-brd-twitter--hover:hover {
  border-color: #00acee !important;
}

/* Skype */
.qt-brd-skype {
  border-color: #00aff0;
}

.qt-brd-skype--hover:hover {
  border-color: #00aff0 !important;
}

/* Pinterest */
.qt-brd-pinterest {
  border-color: #c8232c;
}

.qt-brd-pinterest--hover:hover {
  border-color: #c8232c !important;
}

/* Vine */
.qt-brd-vine {
  border-color: #00bf8f;
}

.qt-brd-vine--hover:hover {
  border-color: #00bf8f !important;
}

/* Youtube */
.qt-brd-youtube {
  border-color: #c4302b;
}

.qt-brd-youtube--hover:hover {
  border-color: #c4302b !important;
}

/* Google plus */
.qt-brd-google-plus {
  border-color: #dd4b39;
}

.qt-brd-google-plus--hover:hover {
  border-color: #dd4b39 !important;
}

/* Dribbble */
.qt-brd-dribbble {
  border-color: #ea4c89;
}

.qt-brd-dribbble--hover:hover {
  border-color: #ea4c89 !important;
}

/* VK */
.qt-brd-vk {
  border-color: #2b587a;
}

.qt-brd-vk--hover:hover {
  border-color: #2b587a !important;
}

/* Linkedin */
.qt-brd-linkedin {
  border-color: #0e76a8;
}

.qt-brd-linkedin--hover:hover {
  border-color: #0e76a8 !important;
}

/* Instagram */
.qt-brd-instagram {
  border-color: #3f729b;
}

.qt-brd-instagram--hover:hover {
  border-color: #3f729b !important;
}

/*------------------------------------
  Typography Font Size
------------------------------------*/
.qt-font-size-default {
  font-size: 1rem !important;
}

.qt-font-size-70x {
  font-size: 70% !important;
}

.qt-font-size-75x {
  font-size: 75% !important;
}

.qt-font-size-80x {
  font-size: 80% !important;
}

.qt-font-size-85x {
  font-size: 85% !important;
}

.qt-font-size-90x {
  font-size: 90% !important;
}

.qt-font-size-95x {
  font-size: 95% !important;
}

.qt-font-size-0 {
  font-size: 0;
}

.qt-font-size-5 {
  font-size: 0.35714rem !important;
}

.qt-font-size-8 {
  font-size: 0.57143rem !important;
}

.qt-font-size-9 {
  font-size: 0.64286rem !important;
}

.qt-font-size-10 {
  font-size: 0.71429rem !important;
}

.qt-font-size-11 {
  font-size: 0.78571rem !important;
}

.qt-font-size-12 {
  font-size: 0.85714rem !important;
}

.qt-font-size-13 {
  font-size: 0.92857rem !important;
}

.qt-font-size-14 {
  font-size: 1rem !important;
}

.qt-font-size-15 {
  font-size: 1.07143rem !important;
}

.qt-font-size-16 {
  font-size: 1.14286rem !important;
}

.qt-font-size-17 {
  font-size: 1.21429rem !important;
}

.qt-font-size-18 {
  font-size: 1.28571rem !important;
}

.qt-font-size-20 {
  font-size: 1.42857rem !important;
}

.qt-font-size-22 {
  font-size: 1.57143rem !important;
}

.qt-font-size-23 {
  font-size: 1.64286rem !important;
}

.qt-font-size-24 {
  font-size: 1.71429rem !important;
}

.qt-font-size-25 {
  font-size: 1.78571rem !important;
}

.qt-font-size-26 {
  font-size: 1.85714rem !important;
}

.qt-font-size-27 {
  font-size: 1.92857rem !important;
}

.qt-font-size-28 {
  font-size: 2rem !important;
}

.qt-font-size-30 {
  font-size: 2.14286rem !important;
}

.qt-font-size-32 {
  font-size: 2.28571rem !important;
}

.qt-font-size-33 {
  font-size: 2.35714rem !important;
}

.qt-font-size-35 {
  font-size: 2.5rem !important;
}

.qt-font-size-36 {
  font-size: 2.57143rem !important;
}

.qt-font-size-38 {
  font-size: 2.71429rem !important;
}

.qt-font-size-40 {
  font-size: 2.85714rem !important;
}

.qt-font-size-42 {
  font-size: 3rem !important;
}

.qt-font-size-45 {
  font-size: 3.21429rem !important;
}

.qt-font-size-46 {
  font-size: 3.28571rem !important;
}

.qt-font-size-48 {
  font-size: 3.42857rem !important;
}

.qt-font-size-50 {
  font-size: 3.57143rem !important;
}

.qt-font-size-55 {
  font-size: 3.92857rem !important;
}

.qt-font-size-56 {
  font-size: 4rem !important;
}

.qt-font-size-60 {
  font-size: 4.28571rem !important;
}

.qt-font-size-65 {
  font-size: 4.64286rem !important;
}

.qt-font-size-70 {
  line-height: 70px;
  font-size: 5rem !important;
}

.qt-font-size-75 {
  font-size: 5.35714rem !important;
}

.qt-font-size-76 {
  font-size: 5.42857rem !important;
}

.qt-font-size-80 {
  font-size: 5.71429rem !important;
}

.qt-font-size-86 {
  font-size: 6.14286rem !important;
}

.qt-font-size-90 {
  font-size: 6.42857rem !important;
}

.qt-font-size-120 {
  font-size: 8.57143rem !important;
}

.qt-font-size-200 {
  line-height: 210px;
  font-size: 14.28571rem !important;
}

.qt-font-size-180 {
  font-size: 12.85714rem !important;
}

@media (min-width: 576px) {
  .qt-font-size-20--sm {
    font-size: 1.42857rem !important;
  }
  .qt-font-size-25--sm {
    font-size: 1.78571rem !important;
  }
  .qt-font-size-40--sm {
    font-size: 2.85714rem !important;
  }
  .qt-font-size-50--sm {
    font-size: 3.57143rem !important;
  }
  .qt-font-size-240--sm {
    font-size: 17.14286rem !important;
  }
}

@media (min-width: 768px) {
  .qt-font-size-default--md {
    font-size: 1rem !important;
  }
  .qt-font-size-12--md {
    font-size: 0.85714rem !important;
  }
  .qt-font-size-16--md {
    font-size: 1.14286rem !important;
  }
  .qt-font-size-18--md {
    font-size: 1.28571rem !important;
  }
  .qt-font-size-20--md {
    font-size: 1.42857rem !important;
  }
  .qt-font-size-24--md {
    font-size: 1.71429rem !important;
  }
  .qt-font-size-25--md {
    font-size: 1.78571rem !important;
  }
  .qt-font-size-26--md {
    font-size: 1.85714rem !important;
  }
  .qt-font-size-27--md {
    font-size: 1.92857rem !important;
  }
  .qt-font-size-28--md {
    font-size: 2rem !important;
  }
  .qt-font-size-30--md {
    font-size: 2.14286rem !important;
  }
  .qt-font-size-32--md {
    font-size: 2.28571rem !important;
  }
  .qt-font-size-35--md {
    font-size: 2.5rem !important;
  }
  .qt-font-size-36--md {
    font-size: 2.57143rem !important;
  }
  .qt-font-size-40--md {
    font-size: 2.85714rem !important;
  }
  .qt-font-size-45--md {
    font-size: 3.21429rem !important;
  }
  .qt-font-size-46--md {
    font-size: 3.28571rem !important;
  }
  .qt-font-size-48--md {
    font-size: 3.42857rem !important;
  }
  .qt-font-size-50--md {
    font-size: 3.57143rem !important;
  }
  .qt-font-size-55--md {
    font-size: 3.92857rem !important;
  }
  .qt-font-size-56--md {
    font-size: 4rem !important;
  }
  .qt-font-size-60--md {
    font-size: 4.28571rem !important;
  }
  .qt-font-size-65--md {
    font-size: 4.64286rem !important;
  }
  .qt-font-size-70--md {
    font-size: 5rem !important;
  }
  .qt-font-size-75--md {
    font-size: 5.35714rem !important;
  }
  .qt-font-size-76--md {
    font-size: 5.42857rem !important;
  }
  .qt-font-size-90--md {
    font-size: 6.42857rem !important;
  }
  .qt-font-size-130--md {
    font-size: 9.28571rem !important;
  }
}

@media (min-width: 992px) {
  .qt-font-size-default--lg {
    font-size: 1rem !important;
  }
  .qt-font-size-16--lg {
    font-size: 1.14286rem !important;
  }
  .qt-font-size-18--lg {
    font-size: 1.28571rem !important;
  }
  .qt-font-size-26--lg {
    font-size: 1.85714rem !important;
  }
  .qt-font-size-32--lg {
    font-size: 2.28571rem !important;
  }
  .qt-font-size-35--lg {
    font-size: 2.5rem !important;
  }
  .qt-font-size-36--lg {
    font-size: 2.57143rem !important;
  }
  .qt-font-size-42--lg {
    font-size: 3rem !important;
  }
  .qt-font-size-60--lg {
    font-size: 4.28571rem !important;
  }
  .qt-font-size-75--lg {
    font-size: 5.35714rem !important;
  }
  .qt-font-size-76--lg {
    font-size: 5.42857rem !important;
  }
  .qt-font-size-420--lg {
    font-size: 30rem !important;
  }
}

@media (min-width: 1200px) {
  .qt-font-size-17--xl {
    font-size: 1.21429rem !important;
  }
}

@media (max-width: 576px - 1) {
  .qt-font-size-25 {
    font-size: 1.78571rem !important;
  }
}

/*------------------------------------
  Typography Font Weight
------------------------------------*/
.qt-font-weight-100 {
  font-weight: 100 !important;
}

.qt-font-weight-200 {
  font-weight: 200 !important;
}

.qt-font-weight-300 {
  font-weight: 300 !important;
}

.qt-font-weight-400 {
  font-weight: 400 !important;
}

.qt-font-weight-500 {
  font-weight: 500 !important;
}

.qt-font-weight-600 {
  font-weight: 600 !important;
}

.qt-font-weight-700 {
  font-weight: 700 !important;
}

.qt-font-weight-800 {
  font-weight: 800 !important;
}

.qt-font-weight-900 {
  font-weight: 900 !important;
}

@media (min-width: 768px) {
  .qt-font-weight-100--md {
    font-weight: 100 !important;
  }
  .qt-font-weight-200--md {
    font-weight: 200 !important;
  }
  .qt-font-weight-300--md {
    font-weight: 300 !important;
  }
  .qt-font-weight-400--md {
    font-weight: 400 !important;
  }
  .qt-font-weight-500--md {
    font-weight: 500 !important;
  }
  .qt-font-weight-600--md {
    font-weight: 600 !important;
  }
  .qt-font-weight-700--md {
    font-weight: 700 !important;
  }
  .qt-font-weight-800--md {
    font-weight: 800 !important;
  }
  .qt-font-weight-900--md {
    font-weight: 900 !important;
  }
}

/*------------------------------------
  Typography Text Transform
------------------------------------*/
.qt-text-transform-none {
  text-transform: none !important;
}

/*------------------------------------
  Typography Text Decoration
------------------------------------*/
.qt-text-underline {
  text-decoration: underline;
}

.qt-text-underline--none--hover:focus, .qt-text-underline--none--hover:hover {
  text-decoration: none;
}

.qt-text-strike {
  text-decoration: line-through;
}

/*------------------------------------
  Typography Letter Spacing
------------------------------------*/
.qt-letter-spacing-minus-2 {
  letter-spacing: -0.14286rem;
}

.qt-letter-spacing-0_5 {
  letter-spacing: 0.03571rem;
}

.qt-letter-spacing-1_5 {
  letter-spacing: 0.10714rem;
}

.qt-letter-spacing-0 {
  letter-spacing: 0px;
}

.qt-letter-spacing-1 {
  letter-spacing: 0.07143rem;
}

.qt-letter-spacing-2 {
  letter-spacing: 0.14286rem;
}

.qt-letter-spacing-3 {
  letter-spacing: 0.21429rem;
}

.qt-letter-spacing-4 {
  letter-spacing: 0.28571rem;
}

.qt-letter-spacing-5 {
  letter-spacing: 0.35714rem;
}

.qt-letter-spacing-6 {
  letter-spacing: 0.42857rem;
}

.qt-letter-spacing-7 {
  letter-spacing: 0.5rem;
}

.qt-letter-spacing-8 {
  letter-spacing: 0.57143rem;
}

.qt-letter-spacing-9 {
  letter-spacing: 0.64286rem;
}

.qt-letter-spacing-10 {
  letter-spacing: 0.71429rem;
}

.qt-letter-spacing-11 {
  letter-spacing: 0.78571rem;
}

.qt-letter-spacing-12 {
  letter-spacing: 0.85714rem;
}

/*------------------------------------
  Typography Line Height
------------------------------------*/
.qt-line-height-0 {
  line-height: 0 !important;
}

.qt-line-height-0_7 {
  line-height: .7 !important;
}

.qt-line-height-0_8 {
  line-height: .8 !important;
}

.qt-line-height-0_9 {
  line-height: .9 !important;
}

.qt-line-height-1 {
  line-height: 1 !important;
}

.qt-line-height-1_1 {
  line-height: 1.1 !important;
}

.qt-line-height-1_2 {
  line-height: 1.2 !important;
}

.qt-line-height-1_3 {
  line-height: 1.3 !important;
}

.qt-line-height-1_4 {
  line-height: 1.4 !important;
}

.qt-line-height-1_5 {
  line-height: 1.5 !important;
}

.qt-line-height-1_6 {
  line-height: 1.6 !important;
}

.qt-line-height-1_8 {
  line-height: 1.8 !important;
}

.qt-line-height-2 {
  line-height: 2 !important;
}

/*------------------------------------
  Z-Index
------------------------------------*/
.qt-z-index-auto {
  z-index: auto;
}

.qt-z-index-1 {
  z-index: 1;
}

.qt-z-index-2 {
  z-index: 2;
}

.qt-z-index-3 {
  z-index: 3;
}

.qt-z-index-3--hover:hover {
  z-index: 3;
}

.qt-z-index-4 {
  z-index: 4;
}

.qt-z-index-4--hover:hover {
  z-index: 4;
}

.qt-z-index-99 {
  z-index: 99;
}

.qt-z-index-9999 {
  z-index: 9999;
}

.qt-z-index-minus-1 {
  z-index: -1;
}

/*------------------------------------
  Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
/* Inherit Colors */
.qt-color-inherit {
  color: inherit !important;
}

/* Main Colors */
.qt-color-main {
  color: #555 !important;
}

.qt-color-main--hover:hover {
  color: #555 !important;
}

/* Primary Colors */
.qt-color-primary {
  color: #72c02c !important;
}

.u-block-hover:hover .qt-color-primary--hover, .qt-color-primary--hover:hover {
  color: #72c02c !important;
}

.qt-parent:hover .qt-color-primary--parent-hover {
  color: #72c02c !important;
}

.qt-color-primary-opacity-0_3 {
  color: rgba(114, 192, 44, 0.3) !important;
}

.qt-color-primary-opacity-0_4 {
  color: rgba(114, 192, 44, 0.4) !important;
}

.qt-color-primary--active.active {
  color: #72c02c !important;
}

.active .qt-color-primary--parent-active {
  color: #72c02c !important;
}

.qt-color-primary--before::before, .qt-color-primary--after::after {
  color: #72c02c;
}

/* Secondary Colors */
.qt-color-secondary {
  color: #e74b3c !important;
}

.u-block-hover:hover .qt-color-secondary--hover, .qt-color-secondary--hover:hover {
  color: #e74b3c !important;
}

.qt-parent:hover .qt-color-secondary--parent-hover {
  color: #e74b3c !important;
}

/* Black Colors */
.qt-color-black {
  color: #000 !important;
}

.qt-color-black--hover:hover {
  color: #000 !important;
}

.qt-parent:hover .qt-color-black--parent-hover {
  color: #000 !important;
}

.qt-color-black--active.active {
  color: #000 !important;
}

.qt-color-black-opacity-0_1 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.qt-color-black-opacity-0_3 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.qt-color-black-opacity-0_5 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.qt-color-black-opacity-0_6 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.qt-color-black-opacity-0_7 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.qt-color-black-opacity-0_8 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.qt-color-black-opacity-0_8--child * {
  color: rgba(0, 0, 0, 0.8) !important;
}

.qt-color-black-opacity-0_9 {
  color: rgba(0, 0, 0, 0.9) !important;
}

/* White Colors */
.qt-color-white {
  color: #fff !important;
}

.qt-color-white--opened-menu:not(.collapsed) {
  color: #fff !important;
}

.u-block-hover:hover .qt-color-white--hover, .qt-color-white--hover:hover {
  color: #fff !important;
}

.qt-parent:hover .qt-color-white--parent-hover {
  color: #fff !important;
}

.qt-color-white--active.active {
  color: #fff !important;
}

.active .qt-color-white--parent-active {
  color: #fff !important;
}

.qt-color-white--child * {
  color: #fff !important;
}

.qt-color-white-opacity-0_1 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.qt-color-white-opacity-0_2 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.qt-color-white-opacity-0_3 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.qt-color-white-opacity-0_5, .qt-color-white-opacity-0_5--hover:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}

.qt-color-white-opacity-0_6 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.qt-parent:hover .qt-color-white-opacity-0_6--parent-hover {
  color: rgba(255, 255, 255, 0.6) !important;
}

.qt-color-white-opacity-0_7, .qt-color-white-opacity-0_7--hover:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

.qt-color-white-opacity-0_75 {
  color: rgba(255, 255, 255, 0.75) !important;
}

.qt-color-white-opacity-0_8 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.qt-color-white-opacity-0_8--child * {
  color: rgba(255, 255, 255, 0.8) !important;
}

.qt-color-white-opacity-0_9, .qt-color-white-opacity-0_9--hover:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}

.u-block-hover:hover .qt-color-white-opacity-0_7--hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Gray Colors */
.qt-color-gray-light-v1 {
  color: #bbb !important;
}

.qt-color-gray-light-v1--hover:hover {
  color: #bbb !important;
}

.qt-color-gray-light-v2 {
  color: #ccc !important;
}

.qt-color-gray-light-v2--hover:hover {
  color: #ccc !important;
}

.qt-color-gray-light-v3 {
  color: #ddd !important;
}

.qt-color-gray-light-v3--hover:hover {
  color: #ddd !important;
}

.qt-color-gray-light-v4 {
  color: #eee !important;
}

.qt-color-gray-light-v4--hover:hover {
  color: #eee !important;
}

.qt-color-gray-light-v4-opacity-0_6 {
  color: rgba(238, 238, 238, 0.6) !important;
}

.qt-color-gray-light-v5 {
  color: #f7f7f7 !important;
}

.qt-color-gray-light-v5--hover:hover {
  color: #f7f7f7 !important;
}

.qt-color-gray-dark-v1 {
  color: #111 !important;
}

.qt-color-gray-dark-v1--hover:hover {
  color: #111 !important;
}

.qt-color-gray-dark-v2 {
  color: #333 !important;
}

.qt-color-gray-dark-v2--hover:hover {
  color: #333 !important;
}

.qt-color-gray-dark-v2-opacity-0_75 {
  color: rgba(51, 51, 51, 0.75) !important;
}

.qt-color-gray-dark-v3 {
  color: #555 !important;
}

.qt-color-gray-dark-v3--hover:hover {
  color: #555 !important;
}

.qt-color-gray-dark-v4 {
  color: #777 !important;
}

.qt-color-gray-dark-v4--hover:hover {
  color: #777 !important;
}

.qt-color-gray-dark-v5 {
  color: #999 !important;
}

.qt-color-gray-dark-v5--hover:hover {
  color: #999 !important;
}

.qt-parent:hover .qt-color-gray-dark-v5--parent-hover {
  color: #999 !important;
}

/* Complementary Colors
------------------------------------*/
/* Color Green */
.qt-color-green {
  color: #72c02c !important;
}

.qt-color-green--hover:hover {
  color: #72c02c !important;
}

/* Color Blue */
.qt-color-blue {
  color: #3398dc !important;
}

.qt-color-blue--hover:hover {
  color: #3398dc !important;
}

.qt-color-blue-dark-v1 {
  color: #175a88 !important;
}

/* Color Light Blue */
.qt-color-lightblue {
  color: #edf2f8 !important;
}

.qt-color-lightblue--hover:hover {
  color: #edf2f8 !important;
}

.qt-color-lightblue-v1 {
  color: #d6e2ee !important;
}

.qt-color-lightblue-v1--hover:hover {
  color: #d6e2ee !important;
}

/* Color Dark Blue */
.qt-color-darkblue {
  color: #009 !important;
}

.qt-color-darkblue--hover:hover {
  color: #009 !important;
}

/* Color Indigo */
.qt-color-indigo {
  color: #4263a3 !important;
}

.qt-color-indigo--hover:hover {
  color: #4263a3 !important;
}

/* Color Red */
.qt-color-red {
  color: #f00 !important;
}

.qt-color-red--hover:hover {
  color: #f00 !important;
}

*:hover > .qt-color-red--parent-hover {
  color: #f00 !important;
}

/* Color Light Red */
.qt-color-lightred {
  color: #e64b3b !important;
}

.qt-color-lightred--hover:hover {
  color: #e64b3b !important;
}

/* Color Dark Red */
.qt-color-darkred {
  color: #a10f2b !important;
}

.qt-color-darkred--hover:hover {
  color: #a10f2b !important;
}

/* Color Purple */
.qt-color-purple {
  color: #9a69cb;
}

.qt-color-purple--hover:hover {
  color: #9a69cb !important;
}

.qt-color-purple-dark-v1 {
  color: #552c7e !important;
}

/* Color Dark Purple */
.qt-color-darkpurple {
  color: #6639b6 !important;
}

.qt-color-darkpurple--hover:hover {
  color: #6639b6 !important;
}

/* Color Pink */
.qt-color-pink {
  color: #e81c62;
}

.qt-color-pink--hover:hover {
  color: #e81c62 !important;
}

.qt-color-pink-dark-v1 {
  color: #6f0b2d !important;
}

/* Color Orange */
.qt-color-orange {
  color: #e57d20 !important;
}

.qt-color-orange--hover:hover {
  color: #e57d20 !important;
}

/* Color Deep Orange */
.qt-color-deeporange {
  color: #fe541e !important;
}

.qt-color-deeporange--hover:hover {
  color: #fe541e !important;
}

/* Color Yellow */
.qt-color-yellow {
  color: #ebc71d !important;
}

.qt-color-yellow--hover:hover {
  color: #ebc71d !important;
}

/* Color Aqua */
.qt-color-aqua {
  color: #29d6e6;
}

.qt-color-aqua--hover:hover {
  color: #29d6e6 !important;
}

.qt-color-aqua-dark-v1 {
  color: #11848e !important;
}

/* Color Cyan */
.qt-color-cyan {
  color: #00bed6 !important;
}

.qt-color-cyan--hover:hover {
  color: #00bed6 !important;
}

/* Color Teal */
.qt-color-teal {
  color: #18ba9b !important;
}

.qt-color-teal--hover:hover {
  color: #18ba9b !important;
}

/* Color Brown */
.qt-color-brown {
  color: #9c8061 !important;
}

.qt-color-brown--hover:hover {
  color: #9c8061 !important;
}

/* Color Blue Gray */
.qt-color-bluegray {
  color: #585f69 !important;
}

.qt-color-bluegray--hover:hover {
  color: #585f69 !important;
}

/*------------------------------------
  Social Colors
------------------------------------*/
/* Facebook */
.qt-color-facebook {
  color: #3b5998;
}

.qt-color-facebook:hover {
  color: #344e86;
}

.qt-color-facebook--hover:hover {
  color: #3b5998 !important;
}

/* Twitter */
.qt-color-twitter {
  color: #00acee;
}

.qt-color-twitter:hover {
  color: #009ad5;
}

.qt-color-twitter--hover:hover {
  color: #00acee !important;
}

/* Skype */
.qt-color-skype {
  color: #00aff0;
}

.qt-color-skype:hover {
  color: #009cd7;
}

.qt-color-skype--hover:hover {
  color: #00aff0 !important;
}

/* Pinterest */
.qt-color-pinterest {
  color: #c8232c;
}

.qt-color-pinterest:hover {
  color: #b21f27;
}

.qt-color-pinterest--hover:hover {
  color: #c8232c !important;
}

/* Vine */
.qt-color-vine {
  color: #00bf8f;
}

.qt-color-vine:hover {
  color: #00a67c;
}

.qt-color-vine--hover:hover {
  color: #00bf8f !important;
}

/* Youtube */
.qt-color-youtube {
  color: #c4302b;
}

.qt-color-youtube:hover {
  color: #af2b26;
}

.qt-color-youtube--hover:hover {
  color: #c4302b !important;
}

/* Google plus */
.qt-color-google-plus {
  color: #dd4b39;
}

.qt-color-google-plus:hover {
  color: #d73925;
}

.qt-color-google-plus--hover:hover {
  color: #dd4b39 !important;
}

/* Dribbble */
.qt-color-dribbble {
  color: #ea4c89;
}

.qt-color-dribbble:hover {
  color: #e7357a;
}

.qt-color-dribbble--hover:hover {
  color: #ea4c89 !important;
}

/* VK */
.qt-color-vk {
  color: #2b587a;
}

.qt-color-vk:hover {
  color: #244a67;
}

.qt-color-vk--hover:hover {
  color: #2b587a !important;
}

/* Linkedin */
.qt-color-linkedin {
  color: #0e76a8;
}

.qt-color-linkedin:hover {
  color: #0c6590;
}

.qt-color-linkedin--hover:hover {
  color: #0e76a8 !important;
}

/* Instagram */
.qt-color-instagram {
  color: #3f729b;
}

.qt-color-instagram:hover {
  color: #386589;
}

.qt-color-instagram--hover:hover {
  color: #3f729b !important;
}