@charset "UTF-8";
/* Color */
/* Custom Colors */
/* Shadow */
/* Breakpoints */
/* GLOBAL STYLES
-------------------------------------------------- */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html, body {
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: #212529;
  font-family: "Poppins", sans-serif !important;
  font-size: 16px; }

body {
  overflow-x: hidden; }

/* Drop Shadow - 5, 5, 50% */
.text-shadow {
  text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5); }

.cta {
  color: white;
  -webkit-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5);
  margin-top: 0.75rem;
  border-radius: 21.5px;
  z-index: 200; }

.cta:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px); }

.btn-info:hover {
  background: #cb3100; }

.on-dark {
  color: white; }

/* NAVBAR
-------------------------------------------------- */
.navbar {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  background-color: rgba(0, 45, 230, 0.9) !important;
  border-bottom: 3px solid black; }

.nav-link {
  width: 7.25em;
  text-align: center; }

.navbar .active {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  border-bottom: 3px solid white; }

.nav-item a:hover {
  background-color: #022280; }

@media (max-width: 992px) {
  .nav-link {
    text-align: left !important;
    padding-left: 1rem !important; } }
.navbar-toggler {
  border: none; }

.navbar-toggler:focus {
  outline: none; }

/* Sticky footer styles
-------------------------------------------------- */
.footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 240px;
  height: auto;
  /* Set the fixed height of the footer here */
  line-height: 0.8rem;
  /* Vertically center the text there */
  background-color: #343a40;
  padding: 1rem 0 0 0;
  z-index: 200; }

.footer-heading {
  color: white;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 20px; }

.copyright {
  background-color: #212529;
  padding: 1rem 0 1rem 0;
  position: relative;
  bottom: -1rem;
  color: white; }

.footer a {
  color: #ced4da !important; }

.footer a:hover {
  color: #00c2ff !important; }

/* BUTTONS
-------------------------------------------------- */
.scrolltop {
  display: none;
  width: 100%;
  margin: 0 auto;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 5000; }

.scroll:hover {
  background-color: #7f1e00; }

.scroll {
  position: absolute;
  right: 20px;
  bottom: 10px;
  background: #b22b00;
  padding: 10px;
  text-align: center;
  margin: 0 0 0 0;
  cursor: pointer;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5);
  border-radius: 5px; }

.scroll .fa {
  font-size: 30px;
  margin-top: -5px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s; }

/* CUSTOMIZE THE CAROUSEL
  -------------------------------------------------- */
/* Carousel base class */
.carousel {
  padding: 0; }

#myCarousel {
  width: 100%;
  overflow-x: hidden; }

#myCarousel,
.carousel-inner,
.carousel-item {
  min-height: 100vh;
  height: auto; }
  @media (max-width: 768px) {
    #myCarousel,
    .carousel-inner,
    .carousel-item {
      min-height: 750px; } }

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  height: 70%;
  max-width: 80%;
  left: 10%;
  right: 10%;
  top: 10%;
  z-index: 50; }
  @media (max-width: 768px) {
    .carousel-caption {
      max-width: 70%;
      left: 15%;
      right: 15%; } }

.carousel-caption h1 {
  font-size: 75px; }

.carousel-caption h2 {
  font-size: 30px; }

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh !important;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover; }

.carousel-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 45, 230, 0.6); }

.image-bottom {
  position: absolute;
  width: 3456px !important;
  height: auto;
  left: -12px;
  margin-top: -16rem;
  z-index: 100;
  -webkit-clip-path: inset(0px 30% 0px 0px);
          clip-path: inset(0px 30% 0px 0px); }

.image-bottom img {
  -o-object-fit: cover;
     object-fit: cover; }

.carousel-indicators {
  width: 100%;
  margin: auto;
  bottom: 220px;
  z-index: 115; }
  @media (max-width: 768px) {
    .carousel-indicators {
      bottom: 120px; } }

.btn {
  position: relative;
  z-index: 1000; }

a.download {
  width: 390px; }
  @media (max-width: 576px) {
    a.download {
      width: auto; } }

.item {
  height: 100px;
  width: 100%;
  margin-left: -20px;
  position: relative;
  z-index: 110;
  left: 0;
  bottom: 150px; }

.product-scroll-item {
  width: 100%;
  height: 100px;
  margin-left: -20px;
  position: relative;
  left: 0px;
  bottom: 30px; }

.mouse {
  width: 40px;
  height: 60px;
  border-radius: 20px;
  border: 4px solid #00c2ff;
  background: #fff;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 20px); }

.mouse:before,
.mouse:after {
  content: "";
  display: block;
  position: absolute; }

/* Middle */
.m-4:before,
.m-4:after {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 10px;
  left: calc(50% - 3px);
  background: #00c2ff;
  opacity: 0;
  -webkit-animation: m-4-ball 1.2s ease-in-out infinite;
  animation: m-4-ball 1.2s ease-in-out infinite; }

.m-4:after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

@-webkit-keyframes m-4-ball {
  50% {
    opacity: 1; }
  47.5%,
  52.5% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }
@keyframes m-4-ball {
  50% {
    opacity: 1; }
  47.5%,
  52.5% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }
.cd-logo {
  height: 1.5rem;
  margin-bottom: 6px;
  margin-left: 8px; }

.demo {
  margin-top: 0 !important;
  min-width: 430px;
  width: 30%;
  max-height: 325px;
  height: auto;
  color: white; }

.demo img {
  height: 150px; }

.demo-description {
  width: auto;
  text-align: center;
  margin-top: 1rem; }

.dongle img {
  margin-left: 5rem;
  height: 230px; }

/* RESPONSIVE CSS for Carousel
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1200px) {
  .carousel-caption {
    top: 3rem; }

  .carousel-caption h1 {
    font-size: 40px; }

  .carousel-caption h2 {
    font-size: 22px; }

  .demo img {
    height: 140px; } }
@media (max-width: 768px) {
  .carousel-caption {
    top: 2rem; }

  .carousel-caption h1 {
    font-size: 28px; }

  .carousel-caption h2 {
    font-size: 20px; }

  .demo img {
    height: 100px; } }
/* SECTIONS - GENERAL
-------------------------------------------------- */
section {
  padding: 2rem 0 2rem 0 !important;
  width: 100% !important;
  height: auto;
  position: relative;
  left: 0;
  margin-top: 0; }

.section-heading {
  color: #002de6; }

.white-bg {
  background-color: white; }

.light-bg {
  background-color: #e2f2ff; }

.dark-bg {
  color: white; }

.section-divider {
  margin-top: -0.3rem;
  margin-bottom: 2rem; }

.gradient-bg-v {
  background: -webkit-gradient(linear, left bottom, left top, from(#00c2ff), to(#002de6));
  background: linear-gradient(0deg, #00c2ff 0%, #002de6 100%); }

.gradient-bg-h {
  background: -webkit-gradient(linear, left top, right top, from(#002de6), to(#00c2ff));
  background: linear-gradient(90deg, #002de6 0%, #00c2ff 100%); }

/* AS SEEN ON SECTION
-------------------------------------------------- */
#as-seen-on {
  z-index: 200 !important;
  margin-top: -6rem; }

#as-seen-on img {
  margin-bottom: 1rem; }

.as-seen-on-logos img {
  max-width: 50%;
  padding: 0.5rem; }

/* STATS SECTION
-------------------------------------------------- */
/* INDUSTRIES SERVED SECTION
-------------------------------------------------- */
.industry {
  color: white;
  text-shadow: -1.5px -1.5px 0 #002de6, 1.5px -1.5px 0 #002de6, -1.5px 1.5px 0 #002de6, 1.5px 1.5px 0 #002de6; }

.industry {
  position: relative; }

.industry-name {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.industry img {
  margin-bottom: 1rem; }

/* TESTIMONIALS SECTION
-------------------------------------------------- */
#testimonials {
  margin-top: 0; }

.thumbs-up {
  width: 80px;
  height: 80px;
  margin-left: calc(50% - 40px);
  margin-top: -4.5rem;
  background-color: #002de6;
  border: 5px solid white; }

.thumbs-up i {
  padding-top: 0.8rem; }

.quote p {
  font-family: "Caveat", cursive;
  font-size: 28px; }

/* Quotation Marks */
.quote:before {
  left: 15px;
  top: -1rem;
  content: "“";
  font-family: "Sail", cursive;
  font-size: 80px;
  font-style: normal;
  line-height: 1;
  position: absolute; }

.quote:after {
  right: 15px;
  bottom: -0.7em;
  content: "”";
  font-family: "Sail", cursive;
  font-size: 80px;
  font-style: normal;
  line-height: 1;
  position: absolute; }

/* CTA BANNER SECTION WITH CENTER BACKGROUND AND GRADIENT 
-------------------------------------------------- */
.cta-banner {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../assets/cta-banner-bg.jpg), no-repeat, center center;
  background-size: cover;
  z-index: 200; }
  .cta-banner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(103deg, #002de6 0%, #fe3d00 33%, #fe3d00 67%, #002de6 100%);
    opacity: 0.7; }

.cta-banner h1 {
  text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5); }

/* ===================== PAGE - ABOUT-US.HTML =======================*/
.main {
  margin-top: -1.5rem;
  z-index: 200 !important; }

.jumbotron {
  background-image: url(../assets/lightblue_abstract-bg-1.jpg);
  width: 100%;
  height: 350px;
  overflow-x: hidden;
  overflow-y: hidden;
  border-radius: 0; }
  @media (max-width: 768px) {
    .jumbotron {
      height: 260px; } }

@media (max-width: 768px) {
  #privacy-policy-jumbotron {
    height: 200px; } }

.banner-heading h1 {
  font-size: 60px; }

.image-bottom-basic {
  position: relative;
  width: 3456px !important;
  height: auto;
  left: -40px;
  margin-top: -8.5rem;
  -webkit-clip-path: inset(0px 30% 0px 0px);
          clip-path: inset(0px 30% 0px 0px); }

/* ===================== PAGE - RELICENSING-POLICY.HTML =======================*/
.text-red {
  color: red; }

.image-bottom-basic-shorter {
  position: relative;
  width: 3456px !important;
  height: auto;
  left: -40px;
  margin-top: -6rem;
  -webkit-clip-path: inset(0px 30% 0px 0px);
          clip-path: inset(0px 30% 0px 0px); }

@media (max-width: 768px) {
  #contact-us-jumbotron {
    height: 200px; } }

/* ===================== PAGE - SUPPORT.HTML =======================*/
/* FAQ SECTION
-------------------------------------------------- */
.card-body {
  margin-left: 2.5rem; }

#accordion .card-header .btn-link,
#accordion .card-body .btn-link {
  text-align: left; }

.accordion .btn {
  white-space: normal !important; }

.accordion .collapsed .rotate-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg) !important; }

.accordion .card-header {
  background-color: #002de6; }

.accordion .btn {
  color: white !important; }

/* VIDEO TUTORIALS SECTION
-------------------------------------------------- */
@media (max-width: 992px) {
  #video-tutorials iframe {
    width: 100%;
    height: 100%; } }
/* UPDATE HISTORY SECTION
-------------------------------------------------- */
.dynamic-pills .nav > li > a:link {
  border-radius: 15px 15px 0 0;
  background-color: #002de6;
  color: white;
  margin-bottom: -2px;
  text-align: center !important;
  position: relative;
  z-index: 10;
  width: 12rem; }
  @media (max-width: 992px) {
    .dynamic-pills .nav > li > a:link {
      width: auto; } }

.dynamic-pills .nav > li > .active,
.dynamic-pills .nav > li > a:visited,
.dynamic-pills .nav > li > a:active {
  border-radius: 15px 15px 0 0;
  background-color: white !important;
  color: #002de6 !important;
  border: 2px solid #002de6 !important;
  border-bottom-color: white !important;
  position: relative;
  z-index: 12 !important; }

.dynamic-pills .nav > li > a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #ced4da; }

.dynamic-pills .tab-content {
  background-color: white;
  padding-top: 1rem;
  padding-bottom: 0;
  border: 2px solid #002de6;
  position: relative;
  z-index: 11; }

.dynamic-pills hr {
  margin-top: 2rem; }

/* ===================== PAGE - DONGLE.HTML =======================*/
/* FEATURES SECTION (ALSO IN WHAT'S NEW SECTIONS ON OTHER TWO PRODUCT PAGES)
-------------------------------------------------- */
.fa-star {
  color: #f0c002;
  float: right;
  height: 60px; }

.fa-rocket {
  color: #fe3d00;
  float: right;
  height: 60px; }

.product-features {
  background-color: transparent; }

/* HERO IMAGE SECTION
-------------------------------------------------- */
.product-page-resize,
img.product-page-resize {
  min-height: 770px !important; }
  @media (max-width: 992px) {
    .product-page-resize,
    img.product-page-resize {
      min-height: 600px !important; } }

#dongle-carousel .product-page-resize,
#dongle-carousel img.product-page-resize {
  min-height: 720px !important; }
  @media (max-width: 992px) {
    #dongle-carousel .product-page-resize,
    #dongle-carousel img.product-page-resize {
      min-height: 470px !important; } }

/* PRICING SECTION
-------------------------------------------------- */
.dongle-table td,
.dxfpro-table th,
td {
  padding-left: 1.5rem !important; }

/* ===================== PAGE - DXFTOOL-PRO.HTML =======================*/
/* HERO - PRODUCT DEMO
-------------------------------------------------- */
.important-notes {
  background-color: #ffc439;
  border-radius: 22px;
  color: #212529; }

.table-btn i {
  font-size: 18px; }

.table-btn i.fa-hand-pointer {
  font-size: 20px; }

#view-cart-form {
  margin-bottom: -30px; }

#view-cart {
  background-color: transparent;
  border: none; }

#view-cart:hover {
  cursor: pointer;
  color: #fe3d00 !important; }

.paypal-btn:focus {
  outline: none; }

.paypal-btn:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px); }

/*# sourceMappingURL=style.css.map */