@font-face {
  font-family: 'Lato-Black';
  src: url("https://compliantcampaign.com/wp-content/themes/cc/fonts/latoBlack/Lato-Black.eot#iefix") format("embedded-opentype"), url("../fonts/latoBlack/Lato-Black.woff") format("woff"), url("https://compliantcampaign.com/wp-content/themes/cc/fonts/latoBlack/Lato-Black.ttf") format("truetype"), url("https://compliantcampaign.com/wp-content/themes/cc/fonts/latoBlack/Lato-Black.svg#Lato-Black") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Rubik-Regular';
  src: url("https://compliantcampaign.com/wp-content/themes/cc/fonts/rubic/Rubik-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/rubic/Rubik-Regular.woff") format("woff"), url("https://compliantcampaign.com/wp-content/themes/cc/fonts/rubic/Rubik-Regular.ttf") format("truetype"), url("https://compliantcampaign.com/wp-content/themes/cc/fonts/rubic/Rubik-Regular.svg#Rubik-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Lato-Regular';
  src: url("https://compliantcampaign.com/wp-content/themes/cc/fonts/latoRegular/Lato-Regular.eot#iefix") format("embedded-opentype"), url("https://compliantcampaign.com/wp-content/themes/cc/fonts/latoRegular/Lato-Regular.woff") format("woff"), url("https://compliantcampaign.com/wp-content/themes/cc/fonts/latoRegular/Lato-Regular.ttf") format("truetype"), url("https://compliantcampaign.com/wp-content/themes/cc/fonts/latoRegular/Lato-Regular.svg#Lato-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
/*# sourceMappingURL=main.css.map */
body {
  font-family: "Lato-Black" !important; }
  body .container.page {
    color: black; }

.bar1 {
  width: 35px;
  height: 5px;
  background-color: #66caf0;
  margin: 6px 0;
  transition: 0.4s; }

.bar2 {
  width: 35px;
  height: 5px;
  background-color: #66caf0;
  margin: 6px 0;
  transition: 0.4s; }

.bar3 {
  width: 35px;
  height: 5px;
  background-color: #66caf0;
  margin: 6px 0;
  transition: 0.4s; }

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px); }
.change .bar2 {
  opacity: 0; }
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px); }

*:not(.elementor) a {
  transition: 0.3s !important;
  text-decoration: none !important;
  display: block; }
*:not(.elementor) img {
  max-width: 100%; }
*:not(.elementor) section {
  width: 100%; }
*:not(.elementor) .shadowStyle {
  box-shadow: 5px 5px 17px #847e7a !important; }
*:not(.elementor) span {
  display: block !important; }

.orangeBrd {
  border-bottom: 5px solid #EB730B !important; }

.blueBrd {
  border-bottom: 5px solid #12DBD8 !important; }

.blueBrdTwo {
  border: 1px solid #25B2CB !important; }

.pinkBrd {
  border-bottom: 5px solid #F4144F !important; }

.pinkBrdTwo {
  border: 1px solid #EC0334 !important; }

.yellowBrd {
  border: 1px solid #ffe09f !important; }

.noShadow {
  box-shadow: none !important; }

.centervandh {
  margin-right: auto !important;
  margin-left: auto !important; }

.blueBg {
  background-color: #2FB7EA;
  border: 1px solid #2FB7EA; }

.ltr {
  direction: ltr !important; }

.blueBgWithOut {
  background-color: #2FB7EA; }

.transform-0 {
  transform: translateX(0) !important; }

.transparent {
  background-color: transparent; }

.blueColor {
  color: #2FB7EA !important; }

.bgDarkBlue {
  background-color: #102244; }

.changeWidth {
  width: 100%; }

.padTop-20 {
  padding-top: 20px !important; }

.padTop-10 {
  padding-top: 10px !important; }

.padTop-80 {
  padding-top: 80px !important; }

.padTop-30 {
  padding-top: 30px; }

.padBtm-30 {
  padding-bottom: 30px; }

.padTop-90 {
  padding-top: 90px; }

.padBtm-90 {
  padding-bottom: 90px; }

.changePad {
  margin-top: 20px; }

.padLeft-100 {
  padding-left: 100px !important; }

.padBtm-50 {
  padding-bottom: 50px !important; }

.noMrgTop {
  margin-top: 0 !important; }

.padBtm-20 {
  padding-bottom: 20px !important; }

.mrgBtm-20 {
  margin-bottom: 20px !important; }

.mrgTop-50 {
  margin-top: 50px !important; }

.mrgTop-80 {
  margin-top: 80px; }

.mrgTop-100 {
  margin-top: 100px !important; }

.mrgTop-140 {
  margin-top: 140px !important; }

.mrgBtm-50 {
  margin-bottom: 50px; }

.mrgBtm-30 {
  margin-bottom: 30px; }

.mrgTop-10 {
  margin-top: 10px; }

.mrgTop-20 {
  margin-top: 20px; }

.mrgbtm-220 {
  margin-bottom: 220px !important; }

.mrgTop-220 {
  margin-top: 220px !important; }

.noPad {
  padding: 0 !important; }

.fontSize-65 {
  font-size: 65px !important; }

.transformY {
  transform: translateY(-213px) !important; }

.transformX-42 {
  transform: translateX(42px) !important; }

.transformX-100 {
  transform: translateX(100px); }

.pinkBgImage {
  background-image: url(https://compliantcampaign.com/wp-content/themes/cc/img/about-hero.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }

.border {
  border-bottom: 2px solid #f1f1f1 !important;
  display: block;
  width: 100%;
  margin-bottom: 85px; }

.autoWidth {
  width: auto !important; }

.hidePhone {
  display: none; }

.hideDec {
  display: block; }

.makeABrd {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 20px; }
  .makeABrd::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #2FB7EA;
    width: 40px;
    height: 2px; }

.stepahead-nhsa .makeABrd {
  color: #305282 !important; }
.stepahead-nhsa .curvySection .absImg img {
  width: 80%; }
.stepahead-nhsa .mainSection {
  margin-bottom: 0px; }
.stepahead-nhsa form h3 {
  margin-bottom: 20px; }

.stepahead .makeABrd {
  color: #305282 !important; }

.makeABrd.leftBrdr::after {
  left: 0 !important;
  transform: translateX(0) !important; }

.myContainer {
  max-width: 950px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto; }

.mixWhite {
  border: 1px solid #fff !important;
  color: #fff !important;
  background-color: transparent !important; }

.pinkBg {
  background-color: #fff2f9; }

.greyBg {
  background-color: #f8f8f8; }

.theButton {
  width: 200px;
  height: 40px;
  background-image: linear-gradient(to right, #0FD3FA, #03a1eb);
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  display: block;
  text-align: center;
  border-radius: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  transition: 0.3s; }
  .theButton:hover {
    background-image: linear-gradient(to right, #fff, #fff);
    border: 1px solid #0ECFF9 !important;
    color: #0abff4 !important; }

.commonBlock {
  font-size: 32px;
  color: #000;
  margin-left: auto;
  margin-right: auto; }
  .commonBlock p {
    font-size: 50%;
    font-family: "Rubik-Regular" !important;
    line-height: 24px; }

.commonBlock.adBrdr span {
  font-size: 100%;
  display: block;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative; }
  .commonBlock.adBrdr span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #2FB7EA;
    width: 40px;
    height: 2px; }

.commonBlock.adBrdr.leftBrdr span::after {
  left: 0 !important;
  transform: translateX(0) !important; }

.commonBlock.addBlueColor span {
  color: #305282 !important; }

.commonBlock.coloeWhite {
  color: #fff !important; }
  .commonBlock.coloeWhite a {
    color: #fff;
    font-size: 14px; }

.commonBlock.darkBlue {
  color: #305282 !important; }
  .commonBlock.darkBlue a {
    font-size: 14px;
    color: #2FB7EA; }

.commonBlock.smallSize span {
  font-size: 18px !important; }

header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  z-index: 99999;
  padding-top: 20px;
  padding-bottom: 20px; }
  header .links {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    border-top: 1px solid #05abee;
    top: 91px !important;
    background-color: #fff;
    z-index: 99999;
    padding-top: 30px;
    transform: translateX(-100%);
    z-index: -2222;
    transition: 1s; }
    header .links ul li {
      display: block;
      vertical-align: middle;
      font-family: "Lato-Regular" !important; }
      header .links ul li a {
        color: #000;
        padding-bottom: 20px;
        display: block; }
        header .links ul li a svg {
          vertical-align: middle !important;
          padding-left: 5px;
          font-size: 25px; }
      header .links ul li:hover a {
        color: #2FB7EA; }
      header .links ul li:last-child {
        padding-left: 15px !important;
        line-height: 40px; }
        header .links ul li:last-child a {
          top: -10px;
          position: relative;
          background-image: linear-gradient(to right, #0abff4, #03a1eb);
          border-radius: 20px;
          border: 1px solid transparent;
          width: 100px;
          color: #fff;
          margin-left: auto;
          margin-right: auto;
          transition: 0.5s; }
        header .links ul li:last-child:hover a {
          color: #2FB7EA !important;
          border: 1px solid #2FB7EA !important;
          background-image: linear-gradient(to right, #fff, #fff); }
    header .links ul li.relativeLi {
      overflow: hidden; }
      header .links ul li.relativeLi ul.dropDown {
        position: static;
        width: 160px;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        transition: opacity 0.5s;
        padding-top: 15px;
        height: 0;
        z-index: 0; }
        header .links ul li.relativeLi ul.dropDown li {
          display: block;
          padding-right: 0 !important;
          padding-left: 0 !important;
          width: 100%;
          padding-top: 5px !important;
          padding-bottom: 5px !important; }
          header .links ul li.relativeLi ul.dropDown li a {
            color: #305282 !important;
            border-radius: 0 !important;
            background-image: linear-gradient(to right, transparent, transparent);
            border: 0 !important;
            padding-right: 10px;
            padding-left: 10px; }
          header .links ul li.relativeLi ul.dropDown li:hover {
            background-color: #f5f5f5; }
      header .links ul li.relativeLi ul.dropDown.isActive {
        opacity: 1 !important;
        z-index: 9999999999999999999999999999 !important;
        top: 40px !important;
        height: auto; }
  header .links.isActive {
    z-index: 9999 !important;
    transform: translateX(0) !important; }
  header .menue {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-top: 12px; }

.secondSection {
  overflow: hidden;
  margin-bottom: 50px;
  margin-top: 100px;
  text-align: center; }
  .secondSection .firstBlock {
    font-size: 35px;
    margin-bottom: 30px;
    direction: ltr;
    text-align: left;
    margin-top: 30px; }
    .secondSection .firstBlock span {
      font-size: 100%;
      color: #000;
      display: block; }
    .secondSection .firstBlock p {
      font-size: 16px;
      margin-top: 10px;
      color: #000; }
    .secondSection .firstBlock a {
      margin-top: 40px; }
  .secondSection .secondBlock img {
    width: auto; }

.secondSection.mixPadLeft {
  padding-left: 30px; }

.cards {
  padding-top: 45px;
  position: relative; }
  .cards .absCard {
    position: absolute;
    left: 0;
    right: 0;
    top: 67%;
    display: none; }
  .cards .wrrap .card {
    border: none;
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 100%; }
    .cards .wrrap .card .card-body {
      flex-direction: column;
      text-align: center; }
      .cards .wrrap .card .card-body img {
        text-align: center;
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 20px; }
      .cards .wrrap .card .card-body .card-bottom {
        align-items: flex-end; }
  .cards .wrrap .card.mixmrgBtm {
    margin-bottom: 30px; }

.bigCards .firstBigCard {
  padding-top: 50px;
  padding-bottom: 25px;
  margin-bottom: 50px;
  position: relative; }
  .bigCards .firstBigCard .commonBlock {
    width: 75%; }
  .bigCards .firstBigCard .absBigCard {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%); }

.bigSection .vedio {
  text-align: center;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .bigSection .vedio .photo img {
    width: 100%; }
  .bigSection .vedio .photo .puseIcon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer; }
    .bigSection .vedio .photo .puseIcon img {
      width: auto; }
.bigSection .card {
  border: none !important; }

.centerSection {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px; }
  .centerSection a {
    margin-right: auto;
    margin-left: auto; }

.lastBeforSection .leftPart {
  color: #000;
  width: 100%; }
  .lastBeforSection .leftPart span {
    font-size: 32px;
    display: block;
    margin-bottom: 20px;
    text-align: center; }
  .lastBeforSection .leftPart p {
    font-size: 16px;
    font-family: "Rubik-Regular" !important;
    line-height: 24px; }
.lastBeforSection .leftForm {
  margin-top: 50px; }
  .lastBeforSection .leftForm .form-group input {
    font-size: 16px;
    border: 1px solid #CCCCCC; }
    .lastBeforSection .leftForm .form-group input::placeholder {
      color: #CCCCCC;
      font-size: 16px; }
  .lastBeforSection .leftForm .form-group textarea::placeholder {
    color: #CCCCCC;
    font-size: 16px; }
  .lastBeforSection .leftForm .form-group a {
    margin-right: auto;
    margin-left: auto; }
.lastBeforSection .rightImage {
  display: none; }

.curvySection.nhsa .form-group input::placeholder {
  color: #CCCCCC;
  font-size: 16px; }

body:not(.elementor-page) footer {
  background-color: #102244;
  padding-top: 50px;
  margin-top: 80px;
  text-align: center;
  padding-bottom: 20px; }
  body:not(.elementor-page) footer .leftFooter {
    text-align: center;
    margin-top: 35px; }
    body:not(.elementor-page) footer .leftFooter img {
      width: auto !important; }
    body:not(.elementor-page) footer .leftFooter h1 {
      padding-bottom: 30px; }
    body:not(.elementor-page) footer .leftFooter ul li {
      color: #fff;
      font-size: 14px;
      padding-bottom: 10px; }
  body:not(.elementor-page) footer .rightFooter {
    margin-top: 40px; }
  body:not(.elementor-page) footer span {
    font-size: 11px; }
  body:not(.elementor-page) footer a {
    color: white; }

.centerImage {
  margin-top: 70px; }
  .centerImage img {
    width: 350px; }
  .centerImage span {
    display: block;
    font-size: 16px;
    color: #000;
    padding-top: 20px;
    font-family: "Lato-Regular" !important; }

.curvySection {
  background-color: #2FB7EA;
  margin-top: 230px; }
  .curvySection .absImg {
    transform: translateY(-125px);
    text-align: center; }
    .curvySection .absImg img {
      width: 100%; }
  .curvySection .commonBlock {
    margin-top: 135px !important; }
    .curvySection .commonBlock p {
      line-height: 24px; }

.mainSection {
  margin-top: 0;
  margin-bottom: 100px; }
  .mainSection .vedio {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto; }
    .mainSection .vedio .photo {
      position: relative; }
      .mainSection .vedio .photo img {
        width: 100%; }
      .mainSection .vedio .photo .puseIcon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  .mainSection .orangePiece {
    position: relative; }
    .mainSection .orangePiece .absOrange {
      width: 30%;
      text-align: center;
      font-size: 15px;
      border: 2px solid #fff;
      border-radius: 50%;
      padding: 50px 10px;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.needHelp {
  padding-top: 30px; }
  .needHelp .rightImage {
    transform: translateY(-116px);
    display: none; }

.computerSection {
  background-color: #ffeef4;
  padding-bottom: 35px; }
  .computerSection .centerPhoto {
    position: relative; }
    .computerSection .centerPhoto img {
      width: 100%; }
    .computerSection .centerPhoto .absWord {
      position: absolute;
      left: 50%;
      top: 30%;
      transform: translate(-50%, -30%);
      font-family: "Lato-Regular" !important; }
      .computerSection .centerPhoto .absWord p {
        font-size: 14px;
        color: #fff; }
      .computerSection .centerPhoto .absWord span {
        color: #e4155f;
        font-size: 16px;
        display: block;
        padding-top: 25px; }

.collection .onePiece {
  margin-bottom: 100px; }
  .collection .onePiece .topImg {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px; }

.alotOfParts .leftPart {
  margin-bottom: 40px; }
  .alotOfParts .leftPart img {
    width: 100%; }
.alotOfParts .rightPart {
  margin-bottom: 40px; }

.form-group input {
  font-size: 16px;
  border: 1px solid #CCCCCC; }

.nhsa .theButton {
  margin-bottom: 40px;
  margin-top: 40px;
  margin: 0 auto; }

.pdgTop-100 {
  padding-top: 100px !important; }

.container main {
  margin-top: 120px; }

.hidden {
  display: none !important; }

.contact .lastBeforSection {
  margin-top: 130px; }

.theButton-blue {
  width: 200px;
  height: 40px;
  border: none;
  background: #102244;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  display: block;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
  transition: 0.3s; }

.single-post section h1 {
  font-size: 32px;
  display: block;
  margin-bottom: 20px;
  color: #305282; }
.single-post article {
  color: black; }

.container.page main {
  margin-top: 0px; }

article h2 {
  margin-bottom: 20px; }
  article h2 a {
    color: #305282; }
article .entry-meta {
  display: inline-block;
  margin-bottom: 20px; }
  article .entry-meta a {
    display: inline-block; }
article span {
  display: inline-block !important; }
article a {
  display: initial; }
article ul li {
  margin-left: 25px;
  margin-left: 25px;
  list-style: circle;
  list-style: circle; }
article p {
  margin: 10px 0;
  font-size: 16px;
  font-family: "Rubik-Regular" !important;
  line-height: 24px; }
article ol li {
  margin-left: 25px;
  margin-left: 25px;
  list-style-type: decimal;
  list-style-type: decimal; }

.page:not(.elementor-page) a {
  color: #305282; }

.entry-meta {
  color: #757575; }
  .entry-meta * {
    color: #757575; }

.article-content {
  margin: 20px 0;
  font-size: 16px;
  font-family: "Rubik-Regular" !important;
  line-height: 24px; }

.sidebar-widget h3 {
  color: #2FB7EA;
  padding-bottom: 10px; }
  .sidebar-widget h3:before {
    margin-right: 5px;
    color: #2FB7EA;
    font-weight: 800; }
.sidebar-widget > div {
  margin-bottom: 40px;
  border-bottom: 1px solid #dee8f3;
  padding-bottom: 20px; }

.widget_categories ul li a {
  margin-bottom: 10px;
  color: #305282;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase; }
  .widget_categories ul li a:before {
    position: relative;
    top: 3px;
    padding-right: 8px;
    color: #305282;
    font-size: 25px;
    font-weight: 400;
    content: ">"; }

@media (min-width: 500px) {
  .secondSection {
    margin-top: 140px; }
    .secondSection .firstBlock {
      font-size: 50px !important; }
    .secondSection .secondBlock img {
      width: auto; }

  .curvySection .absImg {
    transform: translateY(-165px); } }
@media (min-width: 700px) {
  .firstBlock {
    text-align: center !important; }
    .firstBlock a {
      margin-right: auto !important;
      margin-left: auto !important; } }
@media (min-width: 768px) {
  .changeWidth {
    width: 57% !important; }

  .secondSection {
    margin-top: 70px;
    text-align: left !important; }
    .secondSection .firstBlock {
      font-size: 35px !important;
      text-align: left !important; }
      .secondSection .firstBlock a {
        margin-left: 0 !important;
        margin-right: 0 !important; }
    .secondSection .secondBlock img {
      width: auto; }

  .curvySection {
    margin-top: 325px; }
    .curvySection .absImg {
      transform: translateY(-245px); }
    .curvySection .commonBlock {
      margin-top: 0 !important; }

  .mainSection {
    margin-top: 100px; }

  .changePad {
    margin-top: 0 !important; }

  .rightImage {
    display: block !important; }

  .form-group a {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  footer {
    text-align: left !important; }
    footer .leftFooter {
      text-align: left !important;
      margin-top: 0 !important; }
    footer .rightFooter {
      transform: translateY(160px);
      margin-top: 0 !important; }

  .hideDec {
    display: none !important; }

  .orangePiece {
    position: relative; }
    .orangePiece .absOrange {
      width: 40% !important;
      text-align: center;
      font-size: 12px !important;
      border: 2px solid #fff;
      border-radius: 50%;
      padding: 40px 10px !important;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

  .card-body {
    text-align: left !important; }

  .bigSection .vedio .photo {
    box-shadow: 5px 5px 17px #847e7a !important; } }
@media (max-width: 768px) {
  .noPadLeftAndRight {
    padding-left: 0 !important;
    padding-right: 0 !important; } }
@media (min-width: 800px) {
  .firstBlock {
    font-size: 40px !important; }

  .hidePhone {
    display: block !important; } }
@media (min-width: 992px) {
  .transY-90 {
    transform: translateY(-90px) !important; }

  .menue {
    display: none !important; }

  .links {
    position: static !important;
    opacity: 1 !important;
    z-index: 999;
    background-color: transparent !important;
    top: 0 !important;
    border: none !important;
    padding-top: 0 !important;
    transform: translateX(0) !important; }
    .links ul li {
      display: inline-block !important;
      padding-right: 10px;
      font-size: 16px;
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
      .links ul li a svg {
        display: none !important; }
    .links ul li.relativeLi {
      height: 39px;
      overflow: hidden; }
      .links ul li.relativeLi:hover {
        height: auto;
        overflow: visible; }
        .links ul li.relativeLi:hover .dropDown {
          opacity: 1 !important;
          z-index: 9999999999999999999999999999 !important;
          top: 40px; }
      .links ul li.relativeLi .dropDown {
        position: absolute !important;
        width: 160px;
        margin-left: 0 !important;
        margin-right: auto !important;
        background-color: #fff;
        left: 0 !important;
        transition: 0.5s;
        padding-top: 15px;
        opacity: 0 !important;
        height: auto !important;
        z-index: -3333 !important;
        border-top: 2px solid #2FB7EA; }
        .links ul li.relativeLi .dropDown li {
          display: block;
          padding-right: 0 !important;
          padding-left: 0 !important;
          width: 100%;
          padding-top: 5px !important;
          padding-bottom: 5px !important; }
          .links ul li.relativeLi .dropDown li a {
            color: #305282 !important;
            border-radius: 0 !important;
            background-image: linear-gradient(to right, transparent, transparent);
            border: 0 !important;
            padding-right: 10px;
            padding-left: 10px; }
            .links ul li.relativeLi .dropDown li a svg {
              vertical-align: middle !important; }
          .links ul li.relativeLi .dropDown li:hover {
            background-color: #f5f5f5; }

  .secondBlock {
    transform: translateX(143px); }
    .secondBlock img {
      width: 100% !important; }

  .orangePiece {
    width: 65% !important; }

  .centerPhoto img {
    width: auto !important; }

  .leftPart img {
    width: auto !important; }

  .rightPart {
    margin-top: 80px; }

  .secondSection .firstBlock {
    font-size: 45px !important;
    margin-top: 70px; }
  .secondSection .secondBlock img {
    width: auto; }

  .secondSection.mixPadLeft {
    padding-left: 100px !important; }

  .curvySection {
    margin-top: 400px;
    background-image: url(https://compliantcampaign.com/wp-content/themes/cc/img/curveBlue.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: center;
    background-color: transparent !important; }
    .curvySection .absImg {
      transform: translateY(-340px); }
    .curvySection .commonBlock {
      text-align: center !important; }

  .cards {
    margin-top: 140px; }
    .cards .absCard {
      display: block !important; }
    .cards .card {
      box-shadow: 5px -1px 11px 0px #ccc !important; }

  .stepahead-nhsa.cards {
    margin-top: 0px; }

  .seluotionSection {
    margin-top: 100px !important; }

  .border {
    display: none; }

  .firstBigCard {
    text-align: center; }

  .transparent {
    border: 1px solid #AFAFAF !important; }

  .vedio .photo {
    box-shadow: 5px 5px 17px #847e7a !important; }

  .lastBeforSection .leftPart span {
    text-align: left !important; }

  .rightImage {
    display: block !important; } }
@media (min-width: 1200px) {
  .secondSection .firstBlock {
    font-size: 65px !important; }

  .curvySection {
    margin-top: 500px !important; }
    .curvySection .absImg {
      transform: translateY(-405px); }

  .curvySection.nhsa {
    max-height: 600px; }
    .curvySection.nhsa .transformY {
      transform: translateY(-345px) !important; } }
@media (min-width: 1280px) {
  .container {
    max-width: 1240px !important; } }
@media (min-width: 1580px) {
  .container {
    max-width: 1500px !important; } }

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