* {
  font-family: motiva-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #333;
  margin: 0;
  padding: 0;
}

/* Background & Content */
html,
body {
  color: #000;
  background-position: center bottom;
  height: 100%;
}

h1 {
  font-size: 32px;
  margin: 26px 0 40px;
  color: #fff;
  text-align: center;
  line-height: 36px;
  font-family: motiva-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}

h2 {
  font-size: 26px;
  font-weight: 400;
  margin: 0 0 31px;
}

h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 31px;
}

p,
a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 24px;
  font-family: motiva-sans, sans-serif;
  font-style: normal;
}

.feature ul {
  padding-left: 15px;
}

.feature ul li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 10px;
  font-family: motiva-sans, sans-serif;
  font-style: normal;
}

.teaser {
  font-family: motiva-sans, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.intro p {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 20px;
  color: #fff;
}

.intro p span {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 20px;
  color: #fff;
}

.pdflabel {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #DB4C4C;
  display: inline-block;
}

.pdficon {
  display: inline-block;
  padding-right: 8px;
  position: relative;
  top: 3px;
}

.pdf {
  float: right;
  margin-right: 40px;
  background-color: #fff;
  padding: 2px 20px 5px;
  border-radius: 48px;
  box-shadow: 0 2px 16px rgba(136, 0, 0, 0.9);
}

/* Intro Content */
.ie .top {
  background-attachment: inherit;
}

.top {
  width: 100%;
  /*height: 760px;*/
  margin: 0 auto;
  text-align: center;
  background-image: url("../img/bg_pattern3.png");
  /*background-color: #903535;*/
  background-color: #BA3D3D;
  /*background-color: #BA3D3D;*/
  background-position: center top;
  background-attachment: fixed;
}

.header-logo {
  width: 100%;
  text-align: left;
}

.logo {
  position: relative;
  left: 40px;
  top: 40px;
}

.tinyheader {
  text-transform: uppercase;
  border-bottom: 1px solid rgba(256, 256, 256, .6);

  padding-bottom: 8px;
  margin: 0 auto;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.46px;
  text-align: center;
  line-height: 20px;
  font-family: motiva-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
}

.intro {
  max-width: 1280px;
  padding: 24px 0 0px;
  margin: 10px auto 0;
  overflow: hidden;
}

.intro img {
  width: 89%;
  position: relative;
  bottom: -6px;
  transition: all 0.1s ease-in;
}

.intro img.newClass {
  bottom: -15px;
  transition: all 0.3s ease-in;
}

.top-content {
  max-width: 864px;
  margin: 0 auto;
  margin-bottom: 48px;
}

/* Main Content */
.bottom {
  background-color: #fff;
  max-width: 1280px;
  height: 20px;
  margin: 0 auto;
  padding-top: 24px;
}

.disclaimer {
  font-size: 13px;
  font-weight: 300;
  color: #757575;
  text-align: center;
  line-height: 10px;
  padding-bottom: 100px;
  background-color: #fff;
  margin: 0 auto;
  max-width: 1280px;
  padding-top: 24px;
}

.main {
  max-width: 1024px;
  background-color: #fff;
  margin: 0 auto;
  padding: 0 40px;
}

.mainContent {
  width: 100%;
}


/* .nav.fixed {
  position: fixed;
  top: 132px;
} */

.theheader.fixed {
  position: fixed;
  top: 0;
}

.safari .theheader.fixed {
  position: fixed;
  top: 0;
}

.nav {
  float: left;
  width: 168px;
  padding-top: 30px;
  transition: all 0.3s ease-in;
}

.nav a {
  display: block;
  width: 220px;
  text-decoration: none;
  color: #969697;
  font-weight: 400;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-left: 3px solid transparent;
}

.nav a.current {
  color: #000;
  font-weight: 500;
  border-left: 3px solid #DB4C4C;
}

.feature {
  background-color: #fff;
  float: right;
  max-width: 744px;
  padding: 30px 0 48px;
  margin-right: 0px;
}
.feature p span {
    font-weight: 500;
}
.comps {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: top;
  padding-bottom: 54px;
  margin-top: 64px;
}

.before {
  max-width: 400px;
  padding: 0 27.5px;
  text-align: center;
}

.before img,
.after img {
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.20);
}

.before p,
.after p,
.caption p {
  margin-top: 27px;
}

.after {
  max-width: 400px;
  padding: 0 27.5px;
  text-align: center;
}

.caption {
  padding: 0 27.5px;
  text-align: center;
}

.pb-0 {
  padding-bottom: 0;
}

.caption img {
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.20);
}


.label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-align: center;
}

.clear {
  clear: both;
}

/* Footer */
.footer {
  height: 200px;
  width: 100%;
  border-top: 2px solid #cc0000;
  margin: 0 auto;
  text-align: center;
  padding-top: 40px;
}

.footer a {
  color: #cc0000;
  text-decoration: none;
}

.backtop {
  width: 24px;
  height: 24px;
  padding: 12px 12px;
  background-color: #DB4C4C;
  border-radius: 32px;
  margin: 0 auto;
  transition: all .3s ease;
}

.backtop:hover {
  background-color: #cc0000;
  transition: all .3s ease;
}

/* Dropdown Header */
.theheader {
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;

}

header {
  position: fixed;
  display: none;
  width: 100%;
  height: 128px;
  background: url("../img/header_1024.png")no-repeat;
  top: -27px;
  margin: 0 auto;
  text-align: center;
}

.zindex-1 {
  z-index: 1;
}

.zindex-2 {
  z-index: 2;
}

.zindex-3 {
  z-index: 3;
}

.zindex-4 {
  z-index: 4;
}

.zindex-5 {
  z-index: 5;
}

/*20-04-20*/
.text-white {
  color: #fff;
}

.pb-1 {
  padding-bottom: .25rem;
}

.mb-4 {
  margin-bottom: 20px;
}

.shadow {
  box-shadow: 0 -20px 50px -10px rgba(136, 0, 0, 0.72);
}

.red-badge {
  color: #DB4C4C;
  font-weight: 500
}

.footer p {
  padding-top: 28px;
  font-size: 400;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.nav.sidebar-menu li {
  display: inline-block;
}

.pdf {
  line-height: inherit !important;
  margin-top: -1px;
}

.btn-navigation {
  display: none;
}

.navbar {
  display: inline-block;
  width: 100%;
  padding-top: 8px;
}

.mobile,
.mobile-2,
.desktop_820 {
  display: none;
}

.ie .main.fixed .theheader {
  position: fixed;
  margin: 0px auto;
  width: auto;
}

.edge .sidebar-menu.fixed,
.ie .sidebar-menu.fixed {
  position: fixed;
}

.ie .comps img {
  width: 100%;
}

.ie .after,
.ie .before {
  padding: 0 15px;
}

.header_responsive {
  display: none
}

a {
  outline: none;
}

.footer-wrap {
  margin: 45px auto 0 auto;
  max-width: 1024px;
}



/*Respnasive Start Here*/
@media (max-width:1099px) {
  .feature {
    margin-right: 0;
  }

  .intro img {
    width: 100%;
    max-width: 945px;
  }

  .intro img {
    bottom: -8px;
  }

  .bottom {
    padding-top: 28px;
  }

  .disclaimer {
    padding-bottom: 94px;
  }

  h1 {
    margin: 28px 0 38px;
  }

  .feature {
    max-width: 745px;
  }

  .footer-wrap {
    margin: 45px auto 0 auto;
    max-width: 100%;
    padding: 0 40px;
  }
}

@media (max-width:1024px) {
  h1 {
    font-size: 30px;
  }

  .comps {
    padding-bottom: 85px;
  }

}

@media (max-width:999px) {
  .main {
    padding: 0 40px;
  }

  .intro {
    padding-left: 40px;
    padding-right: 40px;
  }

  .top-content {
    padding: 0 40px;
  }

  .feature {
    max-width: 538px;
  }

  .disclaimer {
    padding-bottom: 80px;
  }

  .header_responsive {
    display: inline-block;
  }

  .header_desktop {
    display: none;
  }

  .theheader {
    position: sticky;
    top: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .footer-wrap {
    margin: 50px auto 0 auto;
  }

  .before {
    padding: 0 29px 0 0;
  }

  .after {
    padding: 0 0px 0 29px;
  }

  .caption {
    padding: 0px;
  }

  .feature {
    padding-bottom: 0px;
  }


}

@media (max-width:820px) {

  .nav,
  .desktop {
    display: none;
  }

  .disclaimer {
    padding-bottom: 40px;
  }

  .feature {
    max-width: 100%;
  }

  .theheader,
  .header_responsive {
    display: none;
  }

  p {
    font-size: 16px;
  }

  .desktop_820 {
    display: inline-block;
  }

  .before {
    padding: 0 19px 0 0;
    max-width: 240px;
  }

  .after {
    padding: 0 0px 0 19px;
    max-width: 240px;
  }

  .caption {
    padding: 0px;
    max-width: 535px;
  }

}

@media (max-width:700px) {
  .disclaimer {
    padding-bottom: 40px;
  }

  .desktop,
  .desktop_820 {
    display: none;
  }

  .mobile {
    display: block;
  }

  h1 {
    font-size: 24px;
  }

  .top-content {
    padding: 0;
  }

  .intro img {
    bottom: 0px;
  }

  .caption {
    padding: 0px;
    max-width: 100%;
  }
}

@media (max-width:600px) {
  .disclaimer {
    padding-bottom: 40px;
  }

  .desktop,
  .mobile,
  .pdf,
  .desktop_820 {
    display: none;
  }

  .mobile-2 {
    display: block;
  }

  .main {
    max-width: 100%;
  }

  .feature {
    max-width: 100%;
  }

  .d-block {
    display: block !important;
  }

  .sidebar-menu {
    top: 106px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);

  }

  .nav.sidebar-menu li {
    display: block;
    text-align: center;
  }

  .nav a br {
    display: none;
  }

  .header-logo {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 40px 0 20px;
  }

  .logo {
    position: inherit;
  }

  .footer-wrap {
    padding: 0 28px;
  }

  .intro img.newClass {
    bottom: -25px;
  }

  .before {
    padding: 0 12px 0 0;
    max-width: 260px;
  }

  .after {
    padding: 0 0px 0 12px;
    max-width: 260px;
  }

  .caption {
    padding: 0 0px 0 0px;
  }

  .comps {
    padding-bottom: 45px;
  }

  .footer-wrap {
    padding-top: 20px;
  }

}

@media (max-width:480px) {


  .intro {
    padding: 10px 20px 0;
  }

  .main {
    padding: 10px 28px 0;
  }

  .comps {
    flex-direction: column;
  }

  h1 {
    font-size: 22px;
    line-height: 24px;
    margin: 9px 0 28px;
  }

  .intro p {
    margin-bottom: 10px;
  }

  .disclaimer {
    font-size: 12px;
  }

  .bottom {
    padding-top: 18px;
  }

  .feature {
    margin-top: 32px
  }

  .before p,
  .after p {
    margin-top: 13px;
    margin-bottom: 40px;
  }

  .before,
  .after {
    padding: 0;
    max-width: 100%;
  }

  .comps {
    padding-bottom: 15px;
  }

  .footer-wrap {
    padding-top: 40px;
  }

  .footer p {
    font-size: 14px;
  }

  .tinyheader {
    padding-bottom: 4px;
    margin-bottom: 50px;
  }

  .feature {
    margin-top: 0px;
    padding-top: 10px;
  }
}



.clear {
  clear: both;
  float: none;
}


.sidebar {
  width: 200px;
  float: left;
}