﻿.desktopCFP2020 {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 250px;
  z-index: 1;
}
.fasOr {
  font-size: 1.4em;
  display: block;
  text-align: center;
  margin: 27px 0px;
  color: #59c6f2;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.mobileCFP2020 {
  display: none;
  position: fixed;
  bottom: 4px;
  right: 4px;
  width: 150px;
  z-index: 1;
}
.mobileCFP2020 img {
  margin: 0;
}
a {
  color: #00b5d1;
}
a:hover {
  color: #5ec3ec;
}

.intro {
  background: url("/cisiweb2/image/qualifications/whyfpintrobg2.jpg");
  margin-bottom: 20px !important;
  background-position: center top;
  background-size: cover;
}
.introCopy {
  text-align: center;
  padding: 20px;
  background: rgba(255, 255, 255, 0.8);
  margin: 0 -15px;
}
.introCopy h1,
.introCopy h2 {
  margin: 0;
  font-weight: 600;
}
.introCopy h1 {

  font-family: "Open Sans";
  font-size: 34px;
}
.introCopy h2 {

  font-family: "Open Sans";
  font-size: 28px;
  line-height: 34px !important;
}
.introCopy p {
  font-weight: 500;
  margin-top: 16px;
  font-size: 14px !important;
}

.mainWrapper h1,
.mainWrapper h3,
.mainWrapper h4 {

  font-family: "Open Sans";
}
.mainWrapper h2 {
  /* color: #08899c;
    font-family: 'Open Sans'; */
}
.whyStats {
  text-align: center;
  margin: 60px 0px;
}
.whyStats h4 {
  margin-top: 20px;
  font-weight: 400 !important;
  margin-bottom: 40px;
}
.whyStats p {
  font-size: 18px;
}
.whyStats .fas {
  font-size: 5em;
  color: #006666;
}
.learningMaterials {
  text-align: center;
}
.learningMaterials h3 {
  margin-top: 0px;
}
.homeWrapper {
  background: url("/cisiweb2/image/qualifications/whyfphomebg.jpg");
  background-position: left center;
  background-size: cover;
  margin-top: 0px !important;
  margin-bottom: 120px !important;
}
.blueBlock {
  padding: 40px;
  margin: 0px 0px;
  background: rgba(0, 181, 209, 0.8);
  color: #fff;
}
.blueBlock h2 {
  color: #fff;
  margin-top: 0px;
}
.blueBlock .stats .col-sm-6 {
  text-align: center;
  padding: 0;
}
.blueBlock .stats .col-sm-6 p {
  font-weight: 500;
}
.blueBlock .stats .col-sm-6 .fas {
  color: #fff;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 4em;
}
small {
  font-size: 70%;
  font-weight: 400;
  line-height: 1.4 !important;
  display: block;
  color: #888;
}
.examSection .entryRequirements {
  background: #efefef;
  padding: 30px;
  font-size: 14px;
  color: #717171;
  font-weight: 500;
  margin-bottom: 30px;
  transition: all 0.3s;
}
.examSection .education {
  background: #eaf6fe;
  padding: 30px;
  font-size: 14px;
  color: #0080b5;
  font-weight: 500;
  margin-bottom: 30px;
  transition: all 0.3s;
}
.examSection .ethics {
  background: #cce3f2;
  padding: 30px;
  font-size: 14px;
  color: #0080b5;
  font-weight: 500;
  margin-bottom: 30px;
  transition: all 0.3s;
}
.examSection .experience {
  background: #bad3ea;
  padding: 30px;
  font-size: 14px;
  color: #1a3176;
  font-weight: 500;
  margin-bottom: 30px;
  transition: all 0.3s;
}

.examSection .entryRequirements:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  z-index: 1;
  transform: scale(1.03);
}

.examSection .education:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  z-index: 1;
  transform: scale(1.03);
}

.examSection .ethics:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  z-index: 1;
  transform: scale(1.03);
}

.examSection .experience:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  z-index: 1;
  transform: scale(1.03);
}

.entryRequirements h4,
.education h4,
.ethics h4,
.experience h4 {
  display: block;
  color: #fff;
  padding: 10px 0px;
  text-align: center;
  font-weight: 500 !important;
  margin: -30px -30px 20px;
  font-size: 18px;
}
.entryRequirements h4 {
  background: #969696;
}
.education h4 {
  background: #59c6f2;
}
.ethics h4 {
  background: #0080b5;
}
.experience h4 {
  background: #033b71;
}
.entryRequirements.examBlock .btn {
  background: #969696;
  color: #fff !important;
  font-weight: 500 !important;
  padding: 10px 10px;
  border-color: #969696;
  display: block;
  border-radius: 10px;
  white-space: normal;
}

.entryRequirements.examBlock .btn:hover {
  background: #848484;
  border-color: #848484;
}

.ethics.examBlock .btn {
  background: #0080b5;
  color: #fff !important;
  font-weight: 500 !important;
  padding: 10px 10px;
  border-color: #0080b5;
  display: block;
  border-radius: 10px;
  white-space: normal;
}
.ethics.examBlock .btn:hover {
  background: #006b97;
  border-color: #006b97;
}
.experience.examBlock .btn {
  background: #033b71;
  color: #fff !important;
  font-weight: 500 !important;
  padding: 10px 10px;
  border-color: #033b71;
  display: block;
  border-radius: 10px;
  white-space: normal;
}
.experience.examBlock .btn:hover {
  background: #0b1d54;
  border-color: #0b1d54;
}
.experience small {
  font-size: 80%;
  font-weight: 500;
  color: #7c7caf;
}
.education.examBlock .btn {
  background: #59c6f2;
  color: #fff !important;
  font-weight: 500 !important;
  padding: 10px 10px;
  border-color: #59c6f2;
  display: block;
  border-radius: 10px;
  white-space: normal;
}
.education.examBlock .btn:hover {
  background: #3eacd9;
  border-color: #3eacd9;
}
.entryRequirements .fas {
  font-size: 1.4em;
  display: block;
  text-align: center;
  margin: 10px 0px;
  color: #848484;
}
.ethics .fas {
  font-size: 1.4em;
  display: block;
  text-align: center;
  margin: 10px 0px;
}
.education .fas {
  font-size: 1.4em;
  display: block;
  text-align: center;
  margin: 10px 0px;
  color: #59c6f2;
}
.entryRequirements small {
  color: #fff;
}
.orText {
  text-align: center;
  display: block;
  padding: 10px;
  margin-top: 12%;
}
#faqsAlready a {
  display: block;
  margin-top: 15px;
  color: #444;
  font-weight: 400 !important;
}
.well {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}
.examBlock .btn.equalsDiploma {
  cursor: unset;
  background: #ffffff !important;
  border-color: #59c6f2 !important;
  color: #43b6e4 !important;
  border-width: 2px;
}
.row.examSection {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 20px;
}
#examDetails .content {
  background: #eaf6fe !important;
}

#examDetails .content h2,
#examDetails .content h4 .examStats .col-sm-4 > div {
  color: #0082bc !important;
}
#examSyllabusLinks a,
#examPrice a,
#examResourcesLinks a {
  color: #0082bc !important;
}
.examStats .col-sm-4 > div {
  background: #59c6f2;
  height: 150px;
}
.bookNow .statTitle {
  font-size: 18px !important;
  font-weight: 300 !important;
}
.bookNow > div,
.bookNow > div:hover {
  background: #2685ab !important;
}
.PRWrapper h3,
.CISITVWrapper h3,
.ReviewWrapper h3,
.EventsWrapper h3 {
  margin-top: 0px;
}
.PRWrapper p,
.CISITVWrapper p,
.ReviewWrapper p {
  margin: 0px;
}
.PRWrapper,
.CISITVWrapper,
.ReviewWrapper,
.EventsWrapper {
  padding: 30px 20px !important;
  margin-bottom: 10px !important;
  display: flex;
  align-items: center;
}
.EventsWrapper .btn-primary,
.PRWrapper .btn-primary {
  white-space: normal;
}
.PRWrapper {
  background: #eaf7f9;
}
.CISITVWrapper {
  background: #d3edf1;
}
.ReviewWrapper {
  background: #cbf2f7;
}
.EventsWrapper {
  background: #a9dde4;
}
.greyWrapper .btn {
  color: #fff !important;
  white-space: normal;
}
.prModule {
  position: relative;
  margin-top: 20px;
}
.prModule img {
  margin: 0;
}
.prTitleBar {
  background: rgba(0, 150, 173, 0.8);
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cisitvTitleBar {
  background: rgba(0, 150, 173, 0.8);
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reviewTitleBar {
  background: rgba(0, 150, 173, 0.8);
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eventsTitleBar {
  background: rgba(0, 150, 173, 0.8);
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.equalsCFP {
}
.equalsCFP .fas {
  display: block;
  font-size: 2.5em;
  color: #fff;
  margin-left: 0px;
  text-align: center;
}
.equalsCFP img {
  display: block;
  width: 40%;
  margin: 20px auto 50px;
  text-align: center;
}
.table-responsive table {
  margin-bottom: 0px !important;
  background: #0b58a2;
  font-size: 14px;
  font-weight: 400;
}
.table-hover > tbody > tr:hover {
  background-color: #0d75da;
}
.total td {
  font-size: 20px;
  font-weight: 600;
}
.gettingStartedBlock .col-sm-6 > div,
.gettingStartedBlock .col-sm-4 > div {
  background: linear-gradient(
    180deg,
    rgba(4, 97, 187, 1) 0%,
    rgba(0, 73, 144, 1) 100%
  );
  padding: 20px;
  margin-bottom: 20px;
}
.gettingStartedBlock h4 {
  color: #fff;
  font-weight: 600 !important;
  text-align: center;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 22px;
  border-radius: 10px;
}
.gettingStartedBlock .btn-lg {
  width: 100%;
  margin-top: 20px;
  background: #37b7ea;
  border-color: #37b7ea;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 10px;
}
.totalPrice small {
  color: #fff;
  font-size: 12px;
  margin-top: 4px;
  cursor: pointer;
}
.fpQualsBlock > .col-sm-6 {
}
.fpQualsBlock > .col-sm-6 > div {
  text-align: center;
  padding: 20px;
  min-height: 260px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fpQualsBlock > .col-sm-6 > div:hover {
  background-size: 115%;
}
.fpQualsBlock > .col-sm-6 h4 {
  color: #fff;
  margin-top: 0px;
  font-weight: 600 !important;
  font-family: "Open Sans";
}
.fpQualsBlock > .cfpBlock h4 {
  margin-bottom: 0px;
}
.fpQualsBlock > .col-sm-6 h5 {
  color: #fff;
  margin-top: 0px;
  font-weight: 400 !important;
  font-family: "Open Sans";
}
.iadBlock > div {
  background: url(/cisiweb2/image/qualifications/iadblock.jpg);
  background-size: cover;
  background-position: center center;
  transition: all 0.5s;
}
.certPPBlock > div {
  background: url(/cisiweb2/image/qualifications/parablock.jpg);
  background-size: cover;
  background-position: center center;
  transition: all 0.5s;
}
.pensionsBlock > div {
  background: url(/cisiweb2/image/qualifications/pensionsblock.jpg);
  background-size: cover;
  background-position: center center;
  transition: all 0.5s;
}
.cfpBlock > div {
  background: url(/cisiweb2/image/qualifications/cfpblock.jpg);
  background-size: cover;
  background-position: center center;
  transition: all 0.5s;
}
.cfpBlock > div > div {
  width: 80%;
}
.iadBlock > div > div {
  width: 80%;
}
.certPPBlock > div > div {
  width: 80%;
}
.pensionsBlock > div > div {
  width: 80%;
}
.fpQualsBlock .btn {
  background: #fff;
  color: #39a5b7;
  border-color: #fff;
  font-weight: 600 !important;
}
.fpQualsBlock .cfpBlock .btn {
  background: #fff;
  color: #004890;
  border-color: #fff;
  font-weight: 600 !important;
}
.greyWrapper {
  background-color: #004990;
  padding: 40px 0px 100px 0px !important;
  color: #fff !important;
  margin-top: 140px !important;
  margin-bottom: 0px !important;
}

.greyWrapper h1,
.greyWrapper h2,
.greyWrapper h3 {
  color: #fff !important;
}

.greyWrapper a {
  color: #8bdcfd;
  font-weight: 700;
  text-decoration: underline;
}
.qualsBlockCFPLogo {
  width: 70px !important;
  margin: 0px auto 10px !important;
}
.examStats .bookNow {
  display: none !important;
}
.videoSlider {
  margin-top: 30px;
}
.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #428bca;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #fff;
}
.lSSlideWrapper.usingCss {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  .introCopy {
    text-align: center;
    padding: 60px;
    background: rgba(255, 255, 255, 0.8);
    margin: 0 -15px;
  }
  .introCopy h1 {
    color: #004990;
    font-family: "Open Sans";
    font-size: 50px;
  }

  .introCopy h2 {
    font-size: 40px;
  }
  .whyStats h4 {
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .blueBlock {
    padding: 40px;
    margin: 50px 0px;
    color: #fff;
  }
  .examBreakdown {
    display: flex;
    align-items: center;
  }
  .examStats .col-sm-4 > div {
    background: #59c6f2;
    height: 400px !important;
  }
}

@media (min-width: 992px) {
  .intro {
    margin-bottom: 50px !important;
  }
  .introCopy h1 {
    font-size: 60px;
  }
  .introCopy h2 {
    font-size: 50px;
  }
  .introCopy {
    text-align: right;
    padding: 60px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 -15px;
  }
  .blueBlock {
    padding: 30px;
    margin: 120px 0px;
    color: #fff;
  }

  .prModule {
    position: relative;
    margin-top: 0px;
  }
  .examStats .col-sm-4 > div {
    background: #59c6f2;
    height: 350px !important;
  }
  .bookNow .statTitle {
    font-size: 22px !important;
    font-weight: 300 !important;
  }
}

@media (min-width: 1200px) {
  .introCopy h1 {
    font-size: 50px;
  }
  .introCopy h2 {
    font-size: 34px;
  }
  .introCopy {
    text-align: right;
    padding: 80px 60px 60px 0px;
    background: transparent;
    margin: 0 -15px;
  }
  .blueBlock {
    padding: 30px;
    margin: 120px 0px;
    color: #fff;
  }
  .examSection .education {
    margin-bottom: 0px;
  }
  .equalsCFP {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .equalsCFP .fas {
    display: inline-block;
    font-size: 2em;
    color: #fff;
    margin-left: 20px;
  }

  .equalsCFP img {
    display: inline-block;
    width: 70%;
    margin: 0px 0px 0px 30px;
    text-align: center;
  }
  .fpQualsBlock > .col-sm-6 > div {
    text-align: center;
    padding: 20px;
    min-height: 210px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .iadBlock > div {
    background: url(/cisiweb2/image/qualifications/iadblock.jpg);
    background-size: 100%;
    background-position: center center;
    transition: all 0.5s;
  }

  .certPPBlock > div {
    background: url(/cisiweb2/image/qualifications/parablock.jpg);
    background-size: 100%;
    background-position: center center;
    transition: all 0.5s;
  }

  .pensionsBlock > div {
    background: url(/cisiweb2/image/qualifications/pensionsblock.jpg);
    background-size: 100%;
    background-position: center center;
    transition: all 0.5s;
  }

  .cfpBlock > div {
    background: url(/cisiweb2/image/qualifications/cfpblock.jpg);
    background-size: 100%;
    background-position: center center;
    transition: all 0.5s;
  }
  .examStats .col-sm-4 > div {
    background: #59c6f2;
    height: 250px !important;
  }
}

@media (min-width: 1600px) {
  .introCopy h1 {
    font-size: 70px;
  }
  .introCopy h2 {
    font-size: 40px;
  }
  .introCopy {
    text-align: right;
    padding: 100px 100px 100px 0px;
    background: transparent;
    margin: 0 -15px;
  }
  .blueBlock {
    padding: 40px;
    margin: 180px 0px;
    color: #fff;
  }
  .entryRequirements h4,
  .education h4,
  .ethics h4,
  .experience h4 {
    padding: 10px;
    font-size: 20px;
  }
  .examStats .col-sm-4 > div {
    background: #59c6f2;
    height: 200px;
  }
}
@media (max-width: 800px) {
  .PRWrapper,
  .CISITVWrapper,
  .ReviewWrapper,
  .EventsWrapper {
    flex-direction: column;
  }
}
