@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Permanent+Marker");
@import url("https://fonts.googleapis.com/css?family=Patua+One&display=swap");
@import url("https://fonts.googleapis.com/css?family=Dancing+Script&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Prata&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Varela+Round&display=swap");
@import url("https://fonts.cdnfonts.com/css/myriad-pro");
/* CSS Document */

/* Welcome tile */

.sliderContainer li .welcome.nigeria {
  background-image: url("/cisiweb2/image/homepage/nigeria/nigeria.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .welcome.waemu {
  background-image: url("/cisiweb2/image/homepage/waemuBack.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .welcome.waemu h1,
.sliderContainer li .welcome.waemu h5,
.sliderContainer li .welcome.waemu p {
  color: #ffffff !important;
}

.sliderContainer li .welcome.qatar {
  background-image: url("/cisiweb2/image/homepage/qatarBack.jpg");
  background-position: center 66%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .welcome.kuwait {
  background-image: url("/cisiweb2/image/homepage/kuwait.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .welcome.switzerland {
  background-image: url("/cisiweb2/image/homepage/swiss.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}

.sliderContainer li .welcome.cyprus {
  background-image: url("/cisiweb2/image/homepage/cyprus.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .welcome.cyprus .cyprusUK,
.sliderContainer li .welcome.srilanka .slUK,
.sliderContainer li .welcome.philippines .philUK,
.sliderContainer li .welcome.india .inUK {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 220px;
  z-index: 1;
}

.sliderContainer li .welcome.uk {
  background-image: url("/cisiweb2/image/aboutus/aboutus2.jpg");
  background-position: center center;
  color: #ffffff !important;
  background-size: cover;
}

.sliderContainer li .welcome.russia {
  background-image: url("/cisiweb2/image/homepage/russia.jpg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .welcome.singapore {
  background-image: url("/cisiweb2/image/homepage/singapore3.jpg");
  background-position: center 30%;
  background-size: cover;
}

.sliderContainer li .welcome.srilanka {
  background-image: url("/cisiweb2/image/homepage/slb1R.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .welcome.kazakhstan {
  background-image: url("/cisiweb2/image/homepage/kz.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .welcome.uae {
  background-image: url("/cisiweb2/image/homepage/uae.jpg");
  background-position: center 30%;
}

.sliderContainer li .welcome.india {
  background-image: url("/cisiweb2/image/homepage/india-2.jpg");
  background-position: center 50%;
  background-size: cover;
}

.sliderContainer li .welcome.ireland {
  background-image: url("/cisiweb2/image/homepage/ireland1.jpg");
  background-position: center 45%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .welcome.ireland .container {
  /*padding-right: 30%;*/
}

.sliderContainer li .welcome.hongkong {
  background-image: url("/cisiweb2/image/homepage/hongkong.jpg");
  background-position: center 30%;
}

.sliderContainer li .welcome.nairobi {
  background-image: url("/cisiweb2/image/homepage/africa.jpg");
  background-position: center 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .welcome.philippines {
  background-image: url("/cisiweb2/image/homepage/philippines.jpg");
  background-position: center 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .welcome.china {
  background-image: url("/cisiweb2/image/homepage/china.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .christmas {
  background-image: url("/cisiweb2/image/homepage/xmas2016b.jpg");
  background-position: center 70%;
}

/* --- */
/*sl event*/
.slFinance {
  background: url(/cisiweb2/image/slSustainableF.jpg);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  font-family: "myriad-pro", sans-serif;
}
.slFinance .container {
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  background: #00000042;
  height: 100vh;
}
.slFinance .detail-block > * {
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
}
.slFinance .container .content {
  width: 53%;
}
.slFinance .container .content .btn.btn-primary {
  background-color: #e0b937;
  color: #fffffe;
  /* font-size: 20px; */
  font-size: 18px;
  font-weight: 900;
  border-color: #e0b937;
}
.slFinance .container .content p {
  font-size: 20px;
  color: white;
  width: 65%;
  margin-top: 20px;
}
.slFinance .container .bgText {
  color: #ffffff;
  /* background-color: #d9d9d9b0; */
  font-size: 46px;
  /* padding: 20px; */
  border-radius: 20px;
  margin-top: 40px;
  /* margin: 0; */
  font-family: "myriad-pro", sans-serif;
  font-weight: 600;
  display: inline-block;
}
.slFinance h2.smText {
  color: #e8f58b;
  font-size: 35px;
  font-weight: 600;
  margin-top: 20px;
}
.slFinance .logoBlock img {
  width: 130px;
}
.slFinance .logoBlock {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}

.slFinance .date {
  color: white;
  font-size: 25px;
  font-weight: 600;
}

.slFinance .time {
  color: #e8f48c;
  font-size: 25px;
  /* font-weight: unset; */
}

.slFinance .cpd {
  color: #ffffff;
  font-size: 25px;
}

.slFinance .venue {
  color: #e8f48c;
  font-size: 25px;
}
.slFinance a.btn.btn-primary {
  color: white;
  font-size: 24px;
  font-weight: 600;
  background-color: #76ca37;
  border-radius: 7px;
  border-color: #76ca37;
  margin-top: 20px;
  padding: 14px 35px;
}

@media (max-width: 768px) {
  .slFinance {
    background-position-x: 90%;
  }
}
@media (max-width: 600px) {
  .slFinance {
    background-position-x: 90%;
  }

  .slFinance .container .content {
    width: 100%;
  }

  .slFinance .container {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: space-evenly;
  }

  .slFinance {
  }

  h2.bgText {
    font-size: 28px !important;
  }

  .slFinance .logoBlock {
    display: none;
  }

  .slFinance .container .bgText {
    display: none;
  }

  .slFinance h2.smText {
    font-size: 30px;
    margin-top: 10px;
    text-align: center;
  }

  .detail-block > * {
    font-size: 20px !important;
  }

  .slFinance .smText::before {
    content: " Sustainable Finance: ";
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-size: 40px !important;
    text-align: center;
  }
  .slFinance .container {
    height: 60vh;
  }
}
/* RISK MANAGEMENT - AN INTEGRATED APPROACH */

.sliderContainer li .rmaia {
  /* background: #31728c; */
  background-image: url("/cisiweb2/image/homepage/rmaia.jpg");
  font-family: Roboto, sans-serif;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 1599px) {
  .sliderContainer li .rmaia {
    background-position: 0 -180px;
  }
}

@media (max-width: 1598px) and (min-width: 991px) {
  .rmaia .container div {
    top: 10%;
  }
}

@media (max-width: 768px) {
  .rmaia .container > div {
    width: 107vw !important;
    right: 15px;
    padding: 20px 10vw;
    background: rgba(0, 0, 0, 0.4);
  }
}

div.when,
div.where {
  width: auto !important;
}

.rmaia .container div {
  height: auto;
  width: 57%;
  position: relative;
  top: 20%;
}

.rmaia .tag {
  background: #cca955a6;
  text-align: center;
  color: white;
}

.rmaia h1,
.rmaia .date,
.rmaia .where,
.rmaia .a {
  color: white;
}

.rmaia h1 {
  margin-top: 0;
}

.rmaia h1 span.y,
.rmaia .time {
  color: #cca955;
}

.rmaia a {
  background: transparent;
  margin-top: 20px;
  transition: 0.5s all;
  color: white;
}

/* --- */

/* AVOIDING THE TRAGEDY OF THE HORIZON */

.sliderContainer li .toh {
  background-image: url("/cisiweb2/image/homepage/moss.jpg");
  background-size: cover;
  background-position: 0;
}

.toh .copy {
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 0 40px;
}

.toh .container div {
  height: auto;
  width: 100%;
  top: 20%;
  /* left   : 5%; */
  position: relative;
  text-align: center;
}

.toh .maintitle,
.toh .description,
.toh .when,
.toh .where {
  color: #000;
}

.toh .maintitle {
  border-top: 3px solid #000;
  font-size: 30px;
  font-weight: 500;
}

.toh .description {
  font-size: 20px;
}

.toh .when,
.toh .where {
  font-weight: 500;
}

.toh a.action {
  background: transparent;
  border: 3px solid #000;
  color: #000;
  font-weight: 500;
  font-size: 17px;
  margin-top: 10px;
  transition: 0.1s all;
  position: relative;
  padding: 5px 10px;
  top: 15px;
}

.toh a.action:hover {
  /* border: 3px solid black; */
  background: transparent;
  color: #f0f1eb;
  background: #000;
}

@media (max-width: 1199px) {
  .toh .container div {
    width: 100%;
    left: unset;
  }
}

@media (max-width: 499px) {
  .toh .container div {
    top: 5%;
  }
}

/* --- */

/* SMCR BANNER */

.sliderContainer li .smcrKit {
  background-image: url("/cisiweb2/image/homepage/smcrBg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.smcrKit .container div {
  height: auto;
  border: 1px solid black;
  width: 50%;
  top: 20%;
  position: relative;
  text-align: center;
}

.smcrKit .container div p {
  margin: 0;
}

.smcrKit p.grey,
.smcrkit p.greyBold {
  color: #727b82;
}

.smcrKit .smcr,
.smcrKit .toolkit {
  color: #db4234;
}

.smcrKit .smcr,
.smcrKit .greyBold,
.smcrKit .toolkit {
  text-transform: uppercase !important;
}

.smcrKit p.grey {
  font-size: 35px;
}

.smcrKit p.smcr {
  font-size: 80px;
  letter-spacing: 15px;
}

.smcrKit p.greyBold {
  font-weight: 500;
  font-size: 35px;
}

.smcrKit p.toolkit {
  font-size: 80px;
}

/* --- */

/* INDIA PANEL DISCUSSION */

.sliderContainer li .panelBanner {
  background-image: url("/cisiweb2/image/misc/iw.jpg");
  background-size: cover;
  background-position: 0 0;
}

.panelBanner .container div {
  height: auto;
}

.panelBanner .container {
  height: auto;
  width: 70%;
  text-align: center;
  position: relative;
  top: 26%;
  color: white;
}

.panelBanner div.title {
  font-size: 38px;
}

.panelBanner a {
  background: rgba(0, 0, 0, 0.5);
  margin-top: 15px;
  color: white;
  border-radius: 200px;
  transition: 0.4s all;
}

.panelBanner a:hover {
  font-weight: 500;
}

@media (max-width: 1199px) {
  .panelBanner .container {
    top: 13%;
  }
}

@media (max-width: 499px) {
  .panelBanner .container {
    width: 100%;
    top: 22%;
  }

  .panelBanner div.title {
    font-size: 30px;
  }
}

/* --- */

/* ADVENT CHRISTMAS 2019 */

/* ireland banner */

h1.dayTitleB {
  color: #ffeaac;
  font-family: "Dancing Script", cursive;
  font-size: 45px;
}

a#regular {
  border: unset;
  background: unset;
  margin-top: unset;
  padding: unset;
  transition: unset;
  text-decoration: underline;
}

/* end of ireland banner */

.sliderContainer li div.xmadvent19.day {
  background: url(/cisiweb2/image/advent19/background.jpg);
  background-size: cover;
}

.xmadvent19.day .logo img {
  width: 70%;
  margin: 0 auto 20px;
}

.xmadvent19.day .mid img {
  width: 60px;
  display: inline-block !important;
  margin: 0 auto;
}

.xmadvent19.day .mid img.hidden-xs {
  display: none !important;
}

.xmadvent19.day .mid {
  color: #ffeaac;
  text-align: center;
}

.xmadvent19 .gift {
  height: auto;
  font-size: 16px;
  margin-top: 10px;
}

.xmadvent19 .dayTitle {
  font-family: Raleway;
  font-weight: 100;
  color: #ffeaac;
  margin-top: 20px;
  display: inline-block;
}

.xmadvent19.day .mid a {
  color: #ffeaac;
  border: 2px solid #ffeaac;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  font-size: 16px;
  padding: 6px 20px 10px;
  transition: all 0.5s;
}

.xmadvent19.day .mid a:hover {
  background: rgba(0, 0, 0, 0.5);
}

.xmadvent19 .mid > div {
  width: 96%;
  height: auto;
}

.bauble img {
  max-width: 80%;
}

.bauble {
  text-align: center;
}

.xmadvent19 .logo {
  text-align: center;
}

@media (min-width: 767px) {
  .xmadvent19.day .mid img.hidden-xs {
    display: block !important;
  }

  .xmadvent19.day .mid img.visible-xs {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .xmadvent19.day .mid a {
    margin-top: 30px;
    font-size: 20px;
  }

  .xmadvent19 .gift {
    font-size: 20px;
  }

  .xmadvent19.day .logo img {
    width: 95%;
  }

  .xmadvent19.day .mid img {
    width: 40%;
    margin: 0 auto;
    display: block;
  }

  .xmadvent19 .dayTitle {
    display: block;
  }
}

@media (max-width: 767px) {
  .xmadvent19 .logo,
  .xmadvent19 .mid,
  .xmadvent19 .bauble {
    height: auto;
  }
}

/* --- */

/* IRELAND GREEN NOV 7 2019 */

.sliderContainer li .irelandGreen {
  background-image: url(/cisiweb2/image/homepage/irelandGreen.jpg);
  background-size: cover;
  background-position: bottom;
}

.irelandGreen .copy {
  text-align: center;
  position: relative;
  top: 20%;
  height: auto;
  padding: 20px 40px;
}

.irelandGreen h1 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 50px;
  font-weight: 500;
  color: #8fbc8f;
}

.irelandGreen p.h1sub {
  font-weight: 500;
  margin-bottom: 5px;
  color: #deb887;
}

.irelandGreen p.why {
  font-weight: 500;
  color: #556b2f;
  margin-bottom: 20px;
}

.irelandGreen a {
  color: white;
  border: 1px solid white;
  padding: 10px 20px;
  border-radius: 50px;
  font-weight: 500;
}

@media (max-width: 1199px) {
  .irelandGreen .copy {
    top: 10%;
  }
}

@media (max-width: 449px) {
  .irelandGreen .copy {
    top: 0;
  }

  .irelandGreen h1 {
    font-size: 35px;
  }
}

/* --- */

/* AML INDIA 6 NOVEMBER */

.sliderContainer li .amlIndia {
  background-image: url(/cisiweb2/image/homepage/amlIndia.jpg);
  background-size: cover;
}

.amlIndia div div {
  width: 44%;
  position: relative;
  left: 5%;
  top: 15%;
  height: auto;
}

.amlIndia h1.title,
.amlIndia h3.date,
.amlIndia h3.time {
  color: #000;
}

.amlIndia a {
  background: #faebce;
  color: black;
  border: 2px solid black;
  font-size: 20px;
  transition: 0.5s all;
}

.amlIndia a:hover {
  background: #febd2f;
  color: black;
  border: 2px solid black;
  font-size: 20px;
  transform: scale(1.2);
}

.amlIndia a:active {
  border: 2px solid black;
  color: black;
  background: #febd2f;
}

@media (max-width: 768px) {
  .amlIndia div div {
    width: 100%;
    text-align: center;
    left: 0;
    top: 25%;
    padding: 20px;
    background: rgba(255, 255, 255, 0.8);
  }
}

/* --- */

/* MENTAL HEALTH PORTAL */

.sliderContainer li .mhPortal {
  background: url(/cisiweb2/image/mh/introbg2.jpg);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.sliderContainer li .mhPortal .container {
  padding-bottom: 70px;
  padding-top: 100px;
  padding-right: 15px;
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
}

.sliderContainer li .mhPortal h1.first {
  color: #0086c2;
  font-size: 40px;
  margin-bottom: 0px;
  font-weight: 500;
  font-family: "Patua One", cursive;
}

.sliderContainer li .mhPortal h1.second {
  color: #11ada7;
  margin-top: 0px;
  font-size: 36px;
  font-weight: 500;
  font-family: "Patua One", cursive;
}

.sliderContainer li .mhPortal p {
  color: #0277ab;
  font-weight: 500;
}

.sliderContainer li .mhPortal a {
  font-weight: 500;
  border: 2px solid #11ada7;
  padding: 14px 20px;
  border-radius: 200px;
  transition: 0.5s all;
}

.sliderContainer li .mhPortal a:hover {
  color: #fff;
  background: #11ada7;
}

@media (min-width: 768px) {
  .sliderContainer li .mhPortal .container {
    padding-bottom: 60px;
    padding-top: 40px;
    padding-right: 40%;
    background: none;
  }

  .sliderContainer li .mhPortal h1.first {
    font-size: 45px;
    margin-bottom: -15px;
  }

  .sliderContainer li .mhPortal h1.second {
    font-size: 45px;
  }

  .workLife .container {
    padding-left: 35%;
  }

  .sliderContainer li .mhPortal {
    background-position: 75% bottom;
  }
}

@media (min-width: 992px) {
  .sliderContainer li .mhPortal h1.first {
    font-size: 50px;
  }

  .sliderContainer li .mhPortal h1.second {
    font-size: 50px;
  }

  .sliderContainer li .mhPortal {
    background-position: right bottom;
  }
}

@media (min-width: 1280px) {
  .sliderContainer li .mhPortal .container {
    padding-bottom: 60px;
    padding-top: 40px;
    padding-right: 28%;
  }

  .sliderContainer li .mhPortal h1.first {
    font-size: 60px;
  }

  .sliderContainer li .mhPortal h1.second {
    font-size: 60px;
  }
}

@media (min-width: 1600px) {
  .sliderContainer li .mhPortal .container {
    padding-bottom: 100px;
    padding-top: 80px;
    padding-right: 28%;
  }

  .sliderContainer li .mhPortal h1.first {
    font-size: 70px;
  }

  .sliderContainer li .mhPortal h1.second {
    font-size: 70px;
  }

  .workLife .container {
    padding-left: 22%;
  }
}

@media (min-width: 1700px) {
  .sliderContainer li .mhPortal .container {
    padding-bottom: 100px;
    padding-top: 80px;
    padding-right: 24%;
  }

  .sliderContainer li .mhPortal h1.first {
    font-size: 80px;
  }

  .sliderContainer li .mhPortal h1.second {
    font-size: 80px;
  }
}

/* --- */

/* FINANCIAL PLANNING WEEK UK 2019 */

@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600");

.sliderContainer li .fpw19uk {
  background-image: url("/cisiweb2/image/homepage/fptile.jpg");
}

.fpw19uk .container div {
  text-align: center;
}

.fpw19uk .container {
  display: flex;
  justify-content: center;
}

h1.main {
  margin-top: 40%;
  margin-bottom: 30px;
  letter-spacing: 5px;
  font-family: "Montserrat", sans-serif;
}

h1.main span {
  font-weight: 600;
}

h3.title,
h3.when {
  margin-top: 20px;
  text-transform: uppercase;
}

h3.when {
  margin-bottom: 30px;
  margin-top: 0;
}

h3.title {
  margin-bottom: 5px;
}

.sliderContainer li .fpw19uk h1,
.sliderContainer li .fpw19uk h3 {
  color: white;
}

.fpw19uk a {
  border: 2px solid #fff !important;
  border-radius: 200px;
  font-weight: 500;
  color: white;
  padding: 10px 15px;
  transition: 0.5s all;
}

.fpw19uk a:hover {
  color: #de9342;
  background: white;
}

/* --- */

/* INDIA MOVE */

.sliderContainer li .iMove {
  background-image: url("/cisiweb2/image/homepage/indiaMove.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

.sliderContainer li .iMove div .contentWrapper {
  width: 50%;
  position: relative;
  top: 27%;
  height: auto;
}

.iMove div div div h2 {
  margin-top: 10px;
  color: #b3752a !important;
  font-weight: 500 !important;
  font-size: 50px;
}

p.a a {
  text-decoration: none;
  color: #b3752a;
  font-weight: 500;
}

.iMove p.p {
  color: black;
  font-weight: 500;
  background: #fd894c;
  padding: 5px;
  text-align: center;
}

@media (max-width: 768px) {
  .sliderContainer li .iMove div .contentWrapper {
    width: 100%;
    text-align: center;
  }
}

/* --- */

/* Introduction to Financial and Cyber Crime India Webcast */

.sliderContainer li .ifcc {
  background-image: url("/cisiweb2/image/homepage/ifcc.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.sliderContainer li .ifcc .container div {
  width: 50%;
  position: relative;
  top: 20%;
  right: 5%;
}

@media (max-width: 700px) {
  .sliderContainer li .ifcc {
    background: #69c3ff;
  }

  .sliderContainer li .ifcc .container div {
    text-align: center;
    right: 0;
    width: 100%;
  }
}

h1.title {
  margin-bottom: 0;
  color: #164869;
  font-weight: 500;
  /* font-size : 50px; */
}

h3.date {
  margin-bottom: 0;
}

h3.time {
  margin-bottom: 15px;
}

h3.date,
h3.time {
  margin-top: 8px;
  font-weight: 500;
  color: #4663af;
}

.ifcc a.btn {
  background: #45c2c6;
  border: none;
  color: white;
  font-weight: 500;
  font-size: 18px;
  border-radius: 15px;
  width: 27%;
  transition: 0.5s all;
}

.ifcc a.btn:hover {
  background: #4663af;
}

/* --- */

div.wmp {
  text-align: center;
}

div.wmp h2 {
  margin-top: 0 !important;
  font-weight: 500;
}

div.wmp a.btn {
  color: #177777;
  background: transparent;
  border: 1px solid #177777;
  font-weight: 500;
  transition: 0.5s all;
  border-radius: 10px;
}

div.wmp a.btn:hover {
  transform: scale(1.1);
}

.sliderContainer li div.wmp div.text {
  background: rgba(255, 255, 255, 0.7);
  position: relative;
  top: 10%;
  left: 1%;
  height: auto;
  width: 42%;
  padding: 30px;
  border-radius: 20px;
}

@media (max-width: 991px) {
  .sliderContainer li div.wmp div.text {
    width: 74%;
    right: 10%;
  }
}

@media (max-width: 668px) {
  .sliderContainer li div.wmp div.text {
    width: 100%;
  }
}

/* --- */

/* IRELAND EVENT BANNER */

.sliderContainer li .wmc {
  background-image: url("/cisiweb2/image/homepage/pts.jpg");
  background-position: center center;
  background-size: cover;
}

.sliderContainer div.wmc div .copy {
  position: relative;
  top: 10%;
  background: #fcfae3;
  padding: 30px;
  color: #7b8362;
  height: auto;
  width: 55%;
  border: 5px solid #7b8362;
}

.sliderContainer div.wmc div .copy h1 {
  color: #b7814f;
  font-weight: 500;
  margin-top: 0;
}

.sliderContainer div.wmc div .copy p {
  font-weight: 500;
  font-size: 23px;
}

.sliderContainer div.wmc div .copy a {
  background: transparent;
  color: #b7814f;
  border: 2px solid #b7814f;
  font-weight: 500;
  transition: 0.4s all;
}

.sliderContainer div.wmc div .copy a:hover {
  background: #b7814f;
  color: #fff;
}

@media (max-width: 1199px) {
  /* .sliderContainer div.wmc div .copy {
		top: 0;
	} */
  .sliderContainer div.wmc div .copy p {
    font-size: 15px;
  }
}

@media (max-width: 991px) {
  .sliderContainer div.wmc div .copy {
    width: 75%;
    right: 85px;
  }
}

@media (max-width: 899px) {
  .sliderContainer div.wmc div .copy {
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .sliderContainer div.wmc div .copy {
    width: 100%;
    margin: 0 auto;
    right: unset;
    text-align: center;
  }
}

@media (max-width: 344px) {
  .sliderContainer div.wmc div .copy {
    top: 20px;
    padding: 15px;
  }

  .sliderContainer div.wmc div .copy h1 {
    font-weight: unset;
  }

  .sliderContainer div.wmc div .copy p:nth-child(3) {
    display: none;
  }
}

/* --- */

/* BEHAVIOURAL ECONOMICS */

.sliderContainer li .be {
  background-image: url("/cisiweb2/image/homepage/beBack.jpg");
  background-position: center center;
}

.sliderContainer .be .container .row div.col-sm-6 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.sliderContainer li .be .col-sm-6 div.text {
  height: auto;
  color: white;
}

.sliderContainer li .be .text a {
  color: #29e9c1;
  background: transparent;
  border: 2px solid #29e9c1;
  border-radius: 35px;
  font-size: 20px;
  transition: all 0.25s;
}

.sliderContainer li .be .text a:hover {
  box-shadow: #29e9c1 0px 0px 15px;
}

p.title,
p.date,
p.time {
  color: #29e9c1;
  /* font-family: unset; */
}

p.title {
  font-size: 35px;
}

p.date,
p.time {
  font-size: 20px;
}

p.date {
  margin-bottom: 0;
}

img.brain {
  width: 55%;
  margin-left: 125px;
}

@media (max-width: 991px) {
  img.brain {
    margin-left: 75px;
  }
}

@media (max-width: 768px) {
  .sliderContainer li .be .col-sm-6 div.text {
    margin-left: 50px;
  }
}

/* --- */

/* LUCK OF THE IRISH */

.sliderContainer li .ib2 {
  background-image: url("/cisiweb2/image/homepage/ib2.jpg");
  background-size: cover;
  background-position: center center;
}

.ib2 .container {
  display: flex;
  align-items: center;
}

.ib2 .container .copy {
  text-align: center;
  padding: 30px 40px;
  background: rgba(219, 230, 247, 0.73);
  height: auto;
  width: 70%;
  margin: auto;
}

.ib2 .container .copy h3,
.ib2 .container .copy p {
  font-weight: 500;
  margin-top: 0;
  color: rgb(44, 87, 179);
}

.ib2 .container .copy a.btn.btn-default {
  background: transparent;
  color: rgb(44, 87, 179);
  border: 1px solid rgb(44, 87, 179);
  font-weight: 500;
  transition: 0.75s all;
}

.ib2 .container .copy a.btn.btn-default:hover {
  background: #5066bb;
  color: white;
}

.ib2 .container .copy iframe {
  margin-top: 20px;
}

@media (max-width: 1199px) {
  .ib2 .container .copy iframe {
    display: none;
  }

  .ib2 .container .copy {
    padding: 80px 20px;
  }
}

@media (max-width: 991px) {
  .ib2 .container .copy {
    padding: 125px 20px;
  }
}

@media (max-width: 590px) {
  .ib2 .container .copy {
    padding: 80px 20px;
  }
}

@media (max-width: 499px) {
  .ib2 .container .copy {
    padding: 50px 20px;
  }

  .ib2 .container .copy h3,
  .ib2 .container .copy p {
    font-weight: 300;
    font-size: 14px;
  }
}

/* --- */

/* CYPRUS DINNER */

.sliderContainer li .cyprusDinner19 {
  background-image: url("/cisiweb2/image/homepage/cyprusDinner19.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .cyprusDinner19 .container div {
  position: absolute;
  top: 10%;
  left: 10%;
  height: auto;
  margin: 40px 0;
  width: 30%;
  color: white;
}

.sliderContainer li .cyprusDinner19 .container div h1 {
  color: white;
}

@media (max-width: 1199px) {
  .sliderContainer li .cyprusDinner19 .container div {
    top: -8%;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .cyprusDinner19 .container div {
    top: 2%;
    margin-top: 0;
    width: 34%;
  }
}

@media (max-width: 768px) {
  .sliderContainer li .cyprusDinner19 {
    background-image: url("/cisiweb2/image/homepage/cyprusDinnerMobile.jpg");
  }

  .sliderContainer li .cyprusDinner19 .container div {
    width: 80%;
    margin-top: 80px;
  }
}

/* --- */

/* Nigeria */

.welcome.nigeria .container .copy {
  background: none repeat scroll 0 0 rgba(0, 102, 102, 0.85);
  color: #ffffff !important;
  padding: 1px 40px 20px;
  height: auto;
}

.welcome.nigeria .container .copy h1,
.welcome.nigeria .container .copy h5 {
  color: white;
}

/* --- */

/* SINGAPORE */

.sliderContainer li .mfsg {
  background-image: url(/cisiweb2/image/homepage/mfsg.jpg);
  background-size: cover;
  background-position: center center;
}

.memberS {
  height: auto !important;
  line-height: 22px;
  background-color: rgba(255, 255, 255, 0.8);
  width: 650px;
  padding: 5px 30px 30px 30px;
  margin-top: 50px;
}

.memberS h5 {
  font-weight: 400;
  line-height: 22px;
}

/*temporary banner for india*/

.sliderContainer li .tiwms {
  background-image: url(/cisiweb2/image/homepage/tiwms.jpg);
  background-position: 10%;
}

.tiwms h3 {
  font-weight: 500;
  color: #ffb76b;
  font-size: 70px;
}

.tiwms h1 {
  font-weight: 500;
  color: white;
}

.snow {
  background-image: url(/cisiweb2/image/homepage/snow-transparent.gif);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.ireland .copy,
.nairobi .copy,
.russia .copy,
.switzerland .copy,
.qatar .copy,
.kuwait .copy {
  background: none repeat scroll 0 0 rgba(0, 102, 102, 0.85);
  color: #ffffff !important;
  padding: 1px 40px 20px;
  height: auto;
}

.ireland .copy h1,
.ireland .copy h5,
.nairobi .copy h1,
.nairobi .copy h5,
.russia .copy h1,
.russia .copy h5,
.qatar .copy h1,
.qatar .copy h5,
.kuwait .copy h1,
.kuwait .copy h5 {
  color: #ffffff !important;
}

.hongkong .container h1 {
  margin-top: 0;
}

.sliderContainer li .welcome .container {
  padding-left: 0%;
  padding-top: 4%;
}

.sliderContainer li .welcome.philippines.withVideo .container {
  padding-right: 0%;
  padding-left: 0%;
  padding-top: 0%;
}

.sliderContainer li .welcome.russia .container {
  padding-left: 44%;
  padding-right: 0%;
  padding-top: 4%;
}

.sliderContainer li .christmas .container {
  padding-right: 25%;
  padding-left: 0%;
  padding-top: 8%;
}

.sliderContainer li .welcome.uk .container {
  padding-right: 42% !important;
  padding-left: 0%;
  padding-top: 3%;
}

.sliderContainer li .welcome.china .container {
  padding-right: 20% !important;
  padding-left: 0%;
  padding-top: 0%;
}

.sliderContainer li .welcome h1 {
  font-size: 60px !important;
}

.sliderContainer li .welcome.christmas h1 {
  color: #cd0000;
}

.sliderContainer li .welcome h5 {
  font-size: 34px !important;
  font-weight: 200;
  color: #444444;
  margin-bottom: 20px;
}

.sliderContainer li .welcome.christmas h5 {
  font-size: 30px !important;
  font-weight: 200;
  color: #222222;
  margin-bottom: 20px;
}

.sliderContainer li .welcome.uk h1 {
  color: #ffffff !important;
  margin-top: 0px;
}

.sliderContainer li .welcome.uk h5 {
  color: #c4dddd !important;
}

.sliderContainer li .welcome.uk p {
  font-size: 18px;
}

.sliderContainer li .welcome .ifp {
  font-size: 28px !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .welcome h1 {
    font-size: 50px !important;
  }

  .sliderContainer li .welcome h5 {
    font-size: 30px !important;
  }

  .sliderContainer li .welcome.uk p {
    font-size: 16px;
  }

  .sliderContainer li .welcome .container {
    padding-right: 4%;
    padding-left: 4% !important;
    /* padding-top: 4%; */
  }

  .sliderContainer li .welcome.russia .container {
    padding-left: 30%;
    padding-right: 4% !important;
    padding-top: 4%;
  }

  .sliderContainer li .christmas .container {
    padding-right: 20%;
    padding-left: 0%;
    padding-top: 10%;
  }

  .sliderContainer li .welcome.ireland .container {
    padding-right: 25%;
  }

  .sliderContainer li .welcome.uk .container {
    padding-right: 40% !important;
    padding-left: 0% !important;
  }

  .sliderContainer li .welcome .ifp {
    font-size: 24px !important;
  }
}

@media (max-width: 1399px) {
  .sliderContainer li .welcome.uk .container {
    padding-right: 50% !important;
    padding-left: 0% !important;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .welcome {
    background-size: 160%;
  }

  .sliderContainer li .welcome h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .welcome h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .welcome .ifp {
    font-size: 18px !important;
  }

  .sliderContainer li .welcome p {
    font-size: 12px !important;
  }

  .sliderContainer li .welcome {
    background-size: 160%;
  }

  .sliderContainer li .welcome.uk .container {
    padding-right: 40%;
    padding-left: 0%;
    padding-top: 30px;
  }

  .sliderContainer li .welcome.uk .container .btn {
    padding: 5px 10px !important;
  }

  .sliderContainer li .christmas .container {
    padding-right: 20%;
    padding-left: 0%;
    padding-top: 5%;
  }

  .sliderContainer li .welcome.christmas h5 {
    font-size: 24px !important;
    font-weight: 200;
    color: #222222;
    margin-bottom: 20px;
  }

  .sliderContainer li .welcome.christmas h1 {
    font-size: 40px !important;
    color: #900;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .welcome .container {
    padding-right: 5% !important;
    padding-left: 5% !important;
    padding-top: 5% !important;
    padding-bottom: 5% !important;
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
  }

  .sliderContainer li .welcome {
    background-size: cover !important;
  }

  .sliderContainer li .welcome h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .welcome h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .welcome p {
    font-size: 16px !important;
  }

  .sliderContainer li .welcome.uk .container {
    padding-right: 5% !important;
    padding-left: 5% !important;
    color: #444444 !important;
    height: 100%;
  }

  .sliderContainer li .welcome.uk h1 {
    color: #006666 !important;
  }

  .sliderContainer li .welcome.uk h5 {
    color: #444444 !important;
  }

  .sliderContainer li .welcome.christmas h5 {
    font-size: 18px !important;
    font-weight: 200;
    color: #222222;
    margin-bottom: 20px;
  }

  .sliderContainer li .welcome.christmas h1 {
    font-size: 30px !important;
  }
}

@media (max-width: 767px) {
  .sliderContainer li .welcome p {
    font-size: 14px !important;
  }

  .sliderContainer li .christmas {
    background-image: url("/cisiweb2/image/homepage/xmas2016b.jpg");
    background-position: right 30%;
  }
}

/* --- */

/* PPC19 + FPC19 TILE */

.sliderContainer li .conferences {
  background-image: url("/cisiweb2/image/homepage/fpc.jpg");
  background-size: cover;
  background-position: center;
}

.conferences .col-xs-12 {
  text-align: center;
}

.conferences .row div img {
  max-height: 500px;
  margin-top: 80px;
}

img.lastChance {
  position: absolute;
  left: 58%;
  bottom: 50px;
}

@media (max-width: 1199px) {
  .conferences .row div img {
    max-height: 350px;
    margin-top: 40px;
  }

  img.lastChance {
    position: absolute;
    left: 60%;
    bottom: 50px;
    max-width: 150px;
  }
}

@media (max-width: 991px) {
  .conferences .row div img {
    max-height: 440px;
    margin-top: 40px;
  }
}

@media (max-width: 600px) {
  .conferences .row div img {
    max-height: 345px;
    margin-top: 90px;
  }

  img.lastChance {
    position: absolute;
    right: 0%;
    bottom: 50px;
    max-width: 100px;
  }
}

/* --- */

/* AC 2015 tile */

@import url(http://fonts.googleapis.com/css?family=Cinzel);

.sliderContainer li .ac2015 {
  background-image: url("/cisiweb2/image/homepage/ac2015.jpg");
  background-position: center center;
  background-size: cover;
}

.sliderContainer li .ac2015 .container div {
  bottom: 15%;
  height: auto;
  position: absolute;
}

.sliderContainer li .ac2015 .container div h5 {
  color: #888888 !important;
  margin: 0 !important;
  font-family: "cinzel" !important;
  font-weight: normal !important;
  font-size: 30px !important;
}

.sliderContainer li .ac2015 .container div h1 {
  color: #222222 !important;
  font-size: 70px !important;
  font-weight: normal !important;
  margin: 30px 0px !important;
  font-family: "cinzel" !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .ac2015 .container div h1 {
    font-size: 60px !important;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .ac2015 .container div h1 {
    font-size: 45px !important;
  }

  .sliderContainer li .ac2015 .container div h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .ac2015 .container div {
    left: 7%;
  }
}

@media (max-width: 767px) {
  .sliderContainer li .ac2015 {
    background-image: url("/cisiweb2/image/homepage/ac2015.jpg");
    background-position: center center;
  }

  .sliderContainer li .ac2015 .container div h1 {
    font-size: 40px !important;
    margin: 20px 0px !important;
    line-height: 40px;
  }

  .sliderContainer li .ac2015 .container div h5 {
    font-size: 18px !important;
  }
}

/* --- */

/* SRI LANKA NOTICE */

.sliderContainer li .srilankaNotice2 {
  background-image: url("/cisiweb2/image/homepage/slm_2.jpg");
  background-position: center;
  background-size: cover;
}

.srilankaNotice2 .container .textNotice {
  width: 40%;
  color: white;
  position: relative;
  top: calc(100% - 70%);
  height: auto !important;
  background-color: rgba(100, 100, 100, 0.5);
  padding: 30px;
  border: 1px solid white;
  border-radius: 20px;
  text-align: center;
}

@media (max-width: 1599px) {
}

@media (max-width: 1199px) {
  .srilankaNotice2 .container .textNotice {
    top: calc(100% - 84%);
  }
}

@media (max-width: 991px) {
  .srilankaNotice2 .container .textNotice {
    width: 60%;
    top: calc(100% - 78%);
  }
}

@media (max-width: 768px) {
  .srilankaNotice2 .container .textNotice {
    width: 100%;
    background-color: rgba(100, 100, 100, 0.8);
  }
}

/* --- */

/* Congrats achievers tile */

.sliderContainer li .welcome h1.awards {
  color: #e8cfa5 !important;
  font-family: georgia;
  font-size: 55px !important;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 0;
}

.sliderContainer li .welcome h2.awards {
  color: #fff;
  font-family: georgia;
  font-size: 22px;
  font-style: italic;
  margin-bottom: 5px;
  margin-top: 20px;
}

.sliderContainer li .welcome h3.awards {
  color: #fff;
  font-family: georgia;
  font-size: 18px;
  font-style: italic;
  margin-bottom: 20px;
  margin-top: 10px;
}

@media (max-width: 1599px) {
  .sliderContainer li .welcome h1.awards {
    font-size: 45px !important;
  }

  .sliderContainer li .welcome h2.awards {
    font-size: 20px;
  }

  .sliderContainer li .welcome h3.awards {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .welcome h1.awards {
    font-size: 30px !important;
  }

  .sliderContainer li .welcome h2.awards {
    font-size: 16px;
  }

  .sliderContainer li .welcome h3.awards {
    font-size: 14px;
  }
}

@media (max-width: 999px) {
  .sliderContainer li .welcome h1.awards {
    font-size: 25px !important;
    color: #000000;
  }

  .sliderContainer li .welcome h2.awards {
    font-size: 14px;
    color: #000000;
  }

  .sliderContainer li .welcome h3.awards {
    font-size: 14px;
    color: #000000;
  }
}

/* --- */

/* 2018 renewals tile */

.sliderContainer li .renewals {
  background-image: url("/cisiweb2/image/mycisi/renew20.jpg");
  background-size: cover;
  background-position: top center;
}

.sliderContainer li .renewals .container div {
  height: auto;
  padding-top: 50px;
  text-align: center;
}

.sliderContainer li .renewals .container div h1 {
  color: #ffffff !important;
  font-size: 60px !important;
  font-weight: 200 !important;
  margin-top: 60px;
}

.sliderContainer li .renewals .container div h2 {
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 300 !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .renewals .container div h1 {
    font-size: 46px !important;
  }

  .sliderContainer li .renewals .container div h2 {
    font-size: 24px !important;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .renewals .container div h1 {
    font-size: 36px !important;
    margin-top: 30px;
    margin-top: 60px;
  }

  .sliderContainer li .renewals .container div h2 {
    font-size: 20px !important;
  }

  .sliderContainer li .renewals .container div {
    height: auto;
    padding-top: 0px;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .renewals .container div {
    height: auto;
    padding-top: 30px;
    text-align: center;
  }

  .sliderContainer li .renewals .container div h1 {
    font-size: 26px !important;
  }

  .sliderContainer li .renewals .container div h2 {
    font-size: 18px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .sliderContainer li .renewals .container {
    background: none;
  }
}

/* --- */

/* Congrats achievers tile */

.sliderContainer li .climateRisk {
  background-image: url(/cisiweb2/image/climate/climate.jpg);
  background-size: 90%;
  background-position: bottom;
  background-repeat: no-repeat;
}

.sliderContainer li .climateRisk .container div {
  top: 10%;
  left: 10%;
  height: auto;
  margin: 0px 0 0;
  padding: 0px;
  position: absolute;
  width: 100%;
}

.sliderContainer li .climateRisk .container div h1 {
  color: #887344 !important;
  font-size: 60px !important;
  font-weight: 500 !important;
  margin-top: 0 !important;
}

.sliderContainer li .climateRisk .container div h5 {
  color: #24592d !important;
  font-size: 30px !important;
  margin-top: 0px !important;
  margin-bottom: 20px !important;
  line-height: 40px !important;
  font-weight: 500;
}

.sliderContainer li .climateRisk .btn-default {
  background: #24592d;
  color: #fff;
  border: 0px solid;
}

@media (max-width: 1599px) {
  .sliderContainer li .climateRisk .container div h1 {
    font-size: 60px !important;
  }

  .sliderContainer li .climateRisk .container div h5 {
    font-size: 26px !important;
    margin-top: 20px !important;
    line-height: 30px !important;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .climateRisk .container div h1 {
    font-size: 34px !important;
  }

  .sliderContainer li .climateRisk .container div h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .climateRisk .container div {
    padding: 20px;
    width: 100%;
    top: 0%;
    left: 0;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .climateRisk .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .climateRisk .container div h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .climateRisk .container div {
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 30px 30px;
    position: absolute;
    width: 100%;
  }
}

/* --- */

/* Congrats achievers tile */

.sliderContainer li .resultsDay {
  background-image: url("/cisiweb2/image/homepage/results.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .resultsDay .container div {
  top: 10%;
  left: 10%;
  height: auto;
  margin: 40px 0 0;
  padding: 30px;
  position: absolute;
  width: 40%;
}

.sliderContainer li .resultsDay .container div h1 {
  color: #00377e !important;
  font-size: 60px !important;
  font-weight: 200 !important;
  margin-top: 0 !important;
}

.sliderContainer li .resultsDay .container div h5 {
  color: #454c55 !important;
  font-size: 30px !important;
  margin-top: 30px !important;
  margin-bottom: 20px !important;
  line-height: 40px !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .resultsDay .container div h1 {
    font-size: 60px !important;
  }

  .sliderContainer li .resultsDay .container div h5 {
    font-size: 26px !important;
    margin-top: 20px !important;
    line-height: 30px !important;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .resultsDay .container div h1 {
    font-size: 34px !important;
  }

  .sliderContainer li .resultsDay .container div h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .resultsDay .container div {
    padding: 20px;
    width: 40%;
    top: 5%;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .resultsDay .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .resultsDay .container div h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .resultsDay .container div {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 30px;
    position: absolute;
    width: 100%;
  }
}

/* --- */

/* Big bang tile */

.sliderContainer li .bigBang {
  background-image: url("/cisiweb2/image/homepage/bang.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .bigBang.ifp {
  background-image: url("/cisiweb2/image/homepage/1year2.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .bigBang .container div {
  top: 5%;
  left: 7%;
  height: auto;
  margin: 40px 0 0;
  padding: 30px;
  position: absolute;
  width: 38%;
}

.sliderContainer li .bigBang.ifp .container div {
  top: 5%;
  left: 7%;
  height: auto;
  margin: 40px 0 0;
  padding: 30px;
  position: absolute;
  width: 50%;
}

.sliderContainer li .bigBang .container div h1 {
  color: #ffffff !important;
  font-size: 60px !important;
  font-weight: 200 !important;
  margin-top: 0 !important;
  font-family: century gothic;
  text-shadow: 0px 0px 20px #000000;
}

.sliderContainer li .bigBang.ifp .container div h1 {
  color: #ffffff !important;
  font-size: 60px !important;
  font-weight: 200 !important;
  margin-top: 0 !important;
  font-family: century gothic;
  text-shadow: 0px 0px 0px #000000;
}

.sliderContainer li .bigBang .container div h5 {
  color: #ffffff !important;
  font-size: 24px !important;
  margin-top: 30px !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  text-shadow: 0px 0px 20px #000000;
}

.sliderContainer li .bigBang.ifp .container div h5 {
  color: #ffffff !important;
  font-size: 40px !important;
  margin-top: 30px !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  text-shadow: 0px 0px 0px #000000;
}

@media (max-width: 1599px) {
  .sliderContainer li .bigBang .container div h1 {
    font-size: 50px !important;
  }

  .sliderContainer li .bigBang .container div h5 {
    font-size: 20px !important;
    margin-top: 20px !important;
  }

  .sliderContainer li .bigBang .container div {
    padding: 20px;
    width: 40%;
    top: 10%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .bigBang .container div h1 {
    font-size: 34px !important;
  }

  .sliderContainer li .bigBang .container div h5 {
    font-size: 16px !important;
    font-weight: 400;
  }

  .sliderContainer li .bigBang .container div {
    padding: 20px;
    width: 40%;
    top: 5%;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .bigBang .container div h1 {
    font-size: 34px !important;
  }

  .sliderContainer li .bigBang .container div h5 {
    font-size: 18px !important;
    font-weight: 500;
  }

  .sliderContainer li .bigBang .container div {
    background: none repeat scroll 0 0 rgb(0, 0, 0);
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 30px;
    position: absolute;
    width: 100%;
  }
}

/* --- */

/* 1 year on tile */

.sliderContainer li .oneyear {
  background-image: url("/cisiweb2/image/homepage/1year2.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .oneyear .container div {
  top: 5%;
  left: 7%;
  height: auto;
  margin: 40px 0 0;
  padding: 30px;
  position: absolute;
  width: 35%;
  color: #ffffff;
}

.sliderContainer li .oneyear .container div h1 {
  color: #ffffff !important;
  font-size: 50px !important;
  font-weight: 200 !important;
  margin-top: 0 !important;
  font-family: century gothic;
  text-shadow: 0px 0px 0px #000000;
}

.sliderContainer li .oneyear .container div h5 {
  color: #ffffff !important;
  font-size: 30px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  text-shadow: 0px 0px 0px #000000;
}

@media (max-width: 1599px) {
  .sliderContainer li .oneyear .container div h1 {
    font-size: 50px !important;
  }

  .sliderContainer li .oneyear .container div h5 {
    font-size: 20px !important;
    margin-top: 20px !important;
  }

  .sliderContainer li .oneyear .container div {
    padding: 20px;
    width: 40%;
    top: 10%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .oneyear .container div h1 {
    font-size: 34px !important;
  }

  .sliderContainer li .oneyear .container div h5 {
    font-size: 16px !important;
    font-weight: 400;
  }

  .sliderContainer li .oneyear .container div {
    padding: 20px;
    width: 40%;
    top: 3%;
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .oneyear .container div h1 {
    font-size: 34px !important;
  }

  .sliderContainer li .oneyear .container div h5 {
    font-size: 18px !important;
    font-weight: 500;
  }

  .sliderContainer li .oneyear .container div {
    background: none repeat scroll 0 0 rgb(0, 0, 0);
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 30px;
    position: absolute;
    width: 100%;
  }
}

/* --- */

/* Mandatory CPD tile */

.sliderContainer li .mandatoryCPD {
  background-image: url("/cisiweb2/image/homepage/whatiscpd2.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .mandatoryCPD .container div {
  top: 5%;
  left: 7%;
  height: auto;
  margin: 40px 0 0;
  padding: 40px;
  position: absolute;
  width: 38%;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.8);
}

.sliderContainer li .mandatoryCPD .container div h1 {
  color: #07414c !important;
  font-size: 56px !important;
  font-weight: 200 !important;
  margin-top: 0 !important;
}

.sliderContainer li .mandatoryCPD .container div h5 {
  color: #1973af !important;
  font-size: 26px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .mandatoryCPD .container div h1 {
    font-size: 46px !important;
  }

  .sliderContainer li .mandatoryCPD .container div h5 {
    font-size: 20px !important;
    margin-top: 20px !important;
  }

  .sliderContainer li .mandatoryCPD .container div {
    padding: 30px;
    width: 43%;
    top: 10%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .mandatoryCPD .container div h1 {
    font-size: 34px !important;
  }

  .sliderContainer li .mandatoryCPD .container div h5 {
    font-size: 16px !important;
    font-weight: 400;
  }

  .sliderContainer li .mandatoryCPD .container div {
    padding: 20px;
    width: 40%;
    top: 3%;
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .mandatoryCPD .container div h1 {
    font-size: 34px !important;
  }

  .sliderContainer li .mandatoryCPD .container div h5 {
    font-size: 18px !important;
    font-weight: 500;
  }

  .sliderContainer li .mandatoryCPD .container div {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 30px;
    position: absolute;
    width: 100%;
  }
}

/* --- */

/* 25th Anniversary tile */

.sliderContainer li .aniv25 {
  background-image: url("/cisiweb2/image/homepage/25aniv.jpg");
  background-size: cover;
  background-position: center right;
}

.sliderContainer li .aniv25 .container div {
  top: 5%;
  left: 7%;
  height: auto;
  margin: 40px 0 0;
  padding: 0px;
  position: absolute;
  width: 44%;
  color: #ffffff;
}

.sliderContainer li .aniv25 .container div h1,
.sliderContainer li .aniv25 .container div h1 a {
  color: #ffffff !important;
  font-size: 70px !important;
  font-weight: 200 !important;
  margin-top: 0 !important;
}

.sliderContainer li .aniv25 .container div h5,
.sliderContainer li .aniv25 .container div h5 a {
  color: #ffffff !important;
  font-size: 32px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-weight: 300;
}

@media (max-width: 1599px) {
  .sliderContainer li .aniv25 .container div h1,
  .sliderContainer li .aniv25 .container div h1 a {
    font-size: 52px !important;
  }

  .sliderContainer li .aniv25 .container div h5,
  .sliderContainer li .aniv25 .container div h5 a {
    font-size: 22px !important;
    margin-top: 20px !important;
  }

  .sliderContainer li .aniv25 .container div {
    padding: 0px;
    width: 50%;
    top: 10%;
  }
}

@media (max-width: 1300px) {
  .aniv25 .container {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .aniv25 .container div h1,
  .sliderContainer li .aniv25 .container div h1 a {
    font-size: 44px !important;
  }

  .sliderContainer li .aniv25 .container div h5,
  .sliderContainer li .aniv25 .container div h5 a {
    font-size: 20px !important;
    font-weight: 400;
  }

  .sliderContainer li .aniv25 .container div {
    padding: 0px;
    width: 50%;
    top: 3%;
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .aniv25 {
    background-size: cover;
    background-position: right center;
  }

  .sliderContainer li .aniv25 .container div h1,
  .sliderContainer li .aniv25 .container div h1 a {
    font-size: 40px !important;
  }

  .sliderContainer li .aniv25 .container div h5,
  .sliderContainer li .aniv25 .container div h5 a {
    font-size: 16px !important;
    font-weight: 500;
  }

  .sliderContainer li .aniv25 .container div {
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 30px;
    position: absolute;
    width: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  }
}

/* --- */

/* 25th Anniversary tile */

.sliderContainer li .results17 {
  background-image: url("/cisiweb2/image/homepage/exams17.jpg");
  background-size: cover;
  background-position: center right;
}

.sliderContainer li .results17 .container div {
  top: 10%;
  left: 7%;
  height: auto;
  margin: 40px 0 0;
  padding: 0px;
  position: absolute;
  width: 45%;
  color: #ffffff;
}

.sliderContainer li .results17 .container div h1,
.sliderContainer li .results17 .container div h1 a {
  color: #ffffff !important;
  font-size: 70px !important;
  font-weight: 200 !important;
  margin-top: 0 !important;
}

.sliderContainer li .results17 .container div h5,
.sliderContainer li .results17 .container div h5 a {
  color: #ffffff !important;
  font-size: 32px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-weight: 300;
}

@media (max-width: 1599px) {
  .sliderContainer li .results17 .container div h1,
  .sliderContainer li .results17 .container div h1 a {
    font-size: 52px !important;
  }

  .sliderContainer li .results17 .container div h5,
  .sliderContainer li .results17 .container div h5 a {
    font-size: 22px !important;
    margin-top: 20px !important;
  }

  .sliderContainer li .results17 .container div {
    padding: 0px;
    width: 45%;
    top: 10%;
  }
}

@media (max-width: 1300px) {
  .results17 .container {
    background: rgba(0, 0, 0, 0);
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .results17 .container div h1,
  .sliderContainer li .results17 .container div h1 a {
    font-size: 44px !important;
  }

  .sliderContainer li .results17 .container div h5,
  .sliderContainer li .results17 .container div h5 a {
    font-size: 20px !important;
    font-weight: 400;
  }

  .sliderContainer li .results17 .container div {
    padding: 0px;
    width: 45%;
    top: 3%;
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .results17 {
    background-size: cover;
    background-position: right center;
  }

  .sliderContainer li .results17 .container div h1,
  .sliderContainer li .results17 .container div h1 a {
    font-size: 40px !important;
  }

  .sliderContainer li .results17 .container div h5,
  .sliderContainer li .results17 .container div h5 a {
    font-size: 16px !important;
    font-weight: 500;
  }

  .sliderContainer li .results17 .container div {
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 30px;
    position: absolute;
    width: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  }
}

/* --- */

/* Yougov tile */

.sliderContainer li .yougov {
  background-image: url("/cisiweb2/image/homepage/yougov.jpg");
  background-size: cover;
  background-position: center right;
}

.sliderContainer li .yougov .container div {
  top: 5%;
  left: 7%;
  height: auto;
  margin: 80px 0 0;
  padding: 0px;
  position: absolute;
  width: 60%;
  color: #ffffff;
}

.sliderContainer li .yougov .container div h1,
.sliderContainer li .yougov .container div h1 a {
  color: #ffffff !important;
  font-size: 66px !important;
  font-weight: 200 !important;
  margin-top: 0 !important;
}

.sliderContainer li .yougov .container div h5,
.sliderContainer li .yougov .container div h5 a {
  color: #ffffff !important;
  font-size: 28px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-weight: 300;
}

@media (max-width: 1599px) {
  .sliderContainer li .yougov .container div h1,
  .sliderContainer li .yougov .container div h1 a {
    font-size: 52px !important;
  }

  .sliderContainer li .yougov .container div h5,
  .sliderContainer li .yougov .container div h5 a {
    font-size: 22px !important;
    margin-top: 20px !important;
  }

  .sliderContainer li .yougov .container div {
    padding: 0px;
    width: 50%;
    top: 10%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .yougov .container div h1,
  .sliderContainer li .yougov .container div h1 a {
    font-size: 36px !important;
  }

  .sliderContainer li .yougov .container div h5,
  .sliderContainer li .yougov .container div h5 a {
    font-size: 18px !important;
    font-weight: 400;
  }

  .sliderContainer li .yougov .container div {
    padding: 0px;
    width: 50%;
    top: 8%;
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .yougov {
    background-size: cover;
    background-position: right center;
  }

  .sliderContainer li .yougov .container div h1,
  .sliderContainer li .yougov .container div h1 a {
    font-size: 40px !important;
  }

  .sliderContainer li .yougov .container div h5,
  .sliderContainer li .yougov .container div h5 a {
    font-size: 16px !important;
    font-weight: 500;
  }

  .sliderContainer li .yougov .container div {
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 30px;
    position: absolute;
    width: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  }
}

/* --- */

/* Knowledge, Skills, Behaviour tile */

.sliderContainer li .knowledge {
  background-image: url("/cisiweb2/image/homepage/knowledge.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .skills {
  background-image: url("/cisiweb2/image/homepage/skills.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .behaviour {
  background-image: url("/cisiweb2/image/homepage/behaviour.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .knowledge .container div,
.sliderContainer li .skills .container div,
.sliderContainer li .behaviour .container div {
  background: none repeat scroll 0 0 rgb(0, 102, 102);
  background: none repeat scroll 0 0 rgba(0, 102, 102, 0.8);
  bottom: 10%;
  left: 10%;
  height: auto;
  margin: 40px 0 0;
  padding: 30px;
  position: absolute;
  width: 50%;
}

.sliderContainer li .knowledge .container div h1,
.sliderContainer li .skills .container div h1,
.sliderContainer li .behaviour .container div h1 {
  color: #ffffff !important;
  font-size: 80px !important;
  font-weight: 300 !important;
  margin-top: 0 !important;
}

.sliderContainer li .knowledge .container div h5,
.sliderContainer li .skills .container div h5,
.sliderContainer li .behaviour .container div h5 {
  color: #ffffff !important;
  font-size: 20px !important;
}

.sliderContainer li .knowledge .container div a,
.sliderContainer li .skills .container div a,
.sliderContainer li .behaviour .container div a {
  color: #ffffff !important;
}

.sliderContainer li .knowledge .container div .professionalism,
.sliderContainer li .skills .container div .professionalism,
.sliderContainer li .behaviour .container div .professionalism {
  color: #ffffff !important;
  font-weight: 400 !important;
  margin-bottom: 0;
  text-align: right;
}

@media (max-width: 1599px) {
  .sliderContainer li .knowledge .container div h1,
  .sliderContainer li .skills .container div h1,
  .sliderContainer li .behaviour .container div h1 {
    font-size: 70px !important;
  }

  .sliderContainer li .knowledge .container div h5,
  .sliderContainer li .skills .container div h5,
  .sliderContainer li .behaviour .container div h5 {
    font-size: 20px !important;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .knowledge .container div h1,
  .sliderContainer li .skills .container div h1,
  .sliderContainer li .behaviour .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .knowledge .container div h5,
  .sliderContainer li .skills .container div h5,
  .sliderContainer li .behaviour .container div h5 {
    font-size: 15px !important;
  }

  .sliderContainer li .knowledge .container div,
  .sliderContainer li .skills .container div,
  .sliderContainer li .behaviour .container div {
    padding: 20px;
    width: 60%;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .knowledge .container div h1,
  .sliderContainer li .skills .container div h1,
  .sliderContainer li .behaviour .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .knowledge .container div h5,
  .sliderContainer li .skills .container div h5,
  .sliderContainer li .behaviour .container div h5 {
    font-size: 15px !important;
  }

  .sliderContainer li .knowledge .container div,
  .sliderContainer li .skills .container div,
  .sliderContainer li .behaviour .container div {
    background: none repeat scroll 0 0 rgb(0, 102, 102);
    background: none repeat scroll 0 0 rgba(0, 102, 102, 0.8);
    bottom: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 20px;
    position: absolute;
    width: 100%;
  }
}

/* --- */

/* A levels */

.sliderContainer li .alevel {
  background-image: url("/cisiweb2/image/homepage/alevels.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .alevel .container div {
  top: 10%;
  left: 10%;
  height: auto;
  margin: 40px 0 0;
  padding: 30px;
  position: absolute;
  width: 45%;
}

.sliderContainer li .alevel .container div h1 {
  color: #006666 !important;
  font-size: 80px !important;
  margin-top: 0px;
}

.sliderContainer li .alevel .container div h2 {
  color: #006666 !important;
  font-size: 50px !important;
  line-height: normal;
  font-weight: 200 !important;
  margin-top: 0px !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .alevel .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .alevel .container div h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .alevel .container div {
    padding: 30px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .alevel .container div h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .alevel .container div h5 {
    font-size: 18px !important;
  }

  .sliderContainer li .alevel .container div {
    padding: 20px;
    width: 40%;
    left: 5%;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .alevel .container div h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .alevel .container div h5 {
    font-size: 18px !important;
  }

  .sliderContainer li .alevel .container div h2 {
    color: #006666 !important;
    font-size: 30px !important;
    line-height: normal;
    font-weight: 200 !important;
    margin-top: 0px !important;
  }

  .sliderContainer li .alevel .container div {
    bottom: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 20px;
    position: absolute;
    width: 100%;
  }

  .sliderContainer li .alevel {
    background-image: url("/cisiweb2/image/homepage/alevels.jpg");
    background-size: cover;
    background-position: 40% center;
  }
}

/* --- */

/* Lapsed */

.sliderContainer li .lapsed {
  background-image: url("/cisiweb2/image/homepage/lapsed1.jpg");
  background-size: cover;
  background-position: left center;
}

.sliderContainer li .lapsed .container div {
  top: 10%;
  left: 10%;
  height: auto;
  margin: 30px 0 0;
  padding: 30px;
  position: absolute;
  width: 50%;
}

.sliderContainer li .lapsed .container div h1 {
  color: #006666 !important;
  font-size: 80px !important;
  margin-top: 0px;
}

.sliderContainer li .lapsed .container div h2 {
  color: #006666 !important;
  font-size: 50px !important;
  line-height: normal;
  font-weight: 200 !important;
  margin-top: 0px !important;
}

.sliderContainer li .lapsed .container div h5 {
  font-size: 20px !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .lapsed .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .lapsed .container div h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .lapsed .container div {
    padding: 30px;
    width: 55%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .lapsed .container div h1 {
    font-size: 30px !important;
  }

  /* .sliderContainer li .lapsed .crds2.jpg");
  background-size: cover;
  background-position: center center;*/
}

.sliderContainer li .alanYarrow .container div {
  background: rgba(0, 102, 102, 0.8);
  bottom: 20%;
  left: 10%;
  height: auto;
  margin: 40px 0 0;
  padding: 30px;
  position: absolute;
  width: 45%;
}

.sliderContainer li .alanYarrow .container div h1 {
  color: #ffffff !important;
  font-size: 50px !important;
  margin-top: 0px;
}

.sliderContainer li .alanYarrow .container div h2 {
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: normal;
  font-weight: 200 !important;
  margin-top: 0px !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .alanYarrow .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .alanYarrow .container div h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .alanYarrow .container div {
    padding: 30px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .alanYarrow .container div h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .alanYarrow .container div h5 {
    font-size: 18px !important;
  }

  .sliderContainer li .alanYarrow .container div {
    padding: 20px;
    width: 40%;
    left: 5%;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .alanYarrow .container div h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .alanYarrow .container div h5 {
    font-size: 18px !important;
  }

  .sliderContainer li .alanYarrow .container div {
    background: #006666;
    bottom: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 20px;
    position: absolute;
    width: 100%;
  }

  .sliderContainer li .alanYarrow {
    background-image: url("/cisiweb2/image/homepage/awards2.jpg");
    background-size: cover;
    background-position: 70%;
  }
}

/* --- */

/* India Cybercrime webinar tile */

.sliderContainer li .cysecCareers {
  background-image: url(/cisiweb2/image/homepage/csIndia.jpg);
  background-position: center center;
}

.sliderContainer li .cysecCareers .introText {
  background-color: rgba(255, 255, 255, 0.9);
  width: 40%;
  height: auto;
  margin-top: 50px;
  padding: 20px 20px 50px 20px;
}

.sliderContainer li .cysecCareers .introText h1 span {
  color: #ea1f22;
}

/*catch*/

.sliderContainer li .cysecCareers .introText a #green {
  margin-top: 20px;
  background: #006666 !important;
  color: white !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .cysecCareers .introText {
    width: 66%;
    margin-left: -75px;
    margin-top: 90px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .cysecCareers .introText {
    margin-top: 50px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .cysecCareers .introText {
    width: 90%;
    margin-top: 80px;
    margin-left: 25px;
  }
}

@media (max-width: 768px) {
}

/* --- */

/* Paraplanning Conference 16 */

.sliderContainer li .ppc16 {
  background-image: url("/cisiweb2/image/homepage/ppc16.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .ppc16 .container div {
  top: 10%;
  right: 10%;
  height: auto;
  margin: 0;
  position: absolute;
  width: 50%;
}

.sliderContainer li .ppc16 .container div h1 {
  color: #bde4ff !important;
  font-size: 70px !important;
  margin-top: 0px;
  font-weight: 300;
}

.sliderContainer li .ppc16 .container div h2 {
  color: #ffffff !important;
  font-size: 50px !important;
  font-weight: 300;
}

.sliderContainer li .ppc16 .container div p {
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: normal;
  font-weight: 400 !important;
}

.register {
  border: 2px solid #fff;
  color: #fff;
  display: inline;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
}

.register:hover {
  color: #145daa;
  background: #fff;
}

.sliderContainer li .ppc16 .container div .ifpLogo {
  width: 100px !important;
  display: inline-block;
  margin-bottom: 20px;
}

@media (max-width: 1599px) {
  .sliderContainer li .ppc16 .container div h1 {
    font-size: 60px !important;
  }

  .sliderContainer li .ppc16 .container div h2 {
    font-size: 45px !important;
  }

  .sliderContainer li .ppc16 .container div p {
    font-size: 28px !important;
  }

  .sliderContainer li .ppc16 .container div {
    width: 60%;
    top: 15%;
  }

  .sliderContainer li .ppc16 {
    background-position: 40% center;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .ppc16 .container div h1 {
    font-size: 45px !important;
  }

  .sliderContainer li .ppc16 .container div h2 {
    font-size: 35px !important;
  }

  .sliderContainer li .ppc16 .container div p {
    font-size: 26px !important;
  }

  .sliderContainer li .ppc16 .container div {
    width: 60%;
    top: 5%;
  }

  .sliderContainer li .ppc16 .container div p span,
  .sliderContainer li .ppc16 .container div p img {
    display: none;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .ppc16 .container div h1 {
    font-size: 45px !important;
  }

  .sliderContainer li .ppc16 .container div h2 {
    font-size: 40px !important;
  }

  .sliderContainer li .ppc16 .container div p {
    font-size: 28px !important;
  }

  .sliderContainer li .ppc16 .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 90%;
  }

  .sliderContainer li .ppc16 {
    background-image: url("/cisiweb2/image/homepage/ppc16.jpg");
    background-size: cover;
    background-position: right;
  }
}

@media (max-width: 768px) {
  .sliderContainer li .ppc16 .container div h1 {
    font-size: 35px !important;
  }

  .sliderContainer li .ppc16 .container div h2 {
    font-size: 30px !important;
  }

  .sliderContainer li .ppc16 .container div p {
    font-size: 20px !important;
  }

  .sliderContainer li .ppc16 .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 90%;
  }

  .sliderContainer li .ppc16 {
    background-image: url("/cisiweb2/image/homepage/ppc16.jpg");
    background-size: cover;
    background-position: right;
  }

  .sliderContainer li .ppc16 .container div .ifpLogo {
    width: 100px !important;
    display: inline-block;
    margin-bottom: -20px;
    margin-top: -20px;
  }
}

/* --- */

/* Apprenticships week */

.sliderContainer li .aweek {
  background-image: url("/cisiweb2/image/homepage/aw.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .aweek .container div {
  top: 20%;
  left: 10%;
  height: auto;
  margin: 0;
  position: absolute;
  width: 55%;
}

.sliderContainer li .aweek .container div h1 {
  color: #000000 !important;
  font-size: 60px !important;
  margin-top: 0px;
  font-weight: 300;
}

.sliderContainer li .aweek .container div h2 {
  color: #db7e3b !important;
  font-size: 50px !important;
  font-weight: 300;
}

.sliderContainer li .aweek .container div p {
  color: #000000 !important;
  font-size: 35px !important;
  line-height: normal;
  font-weight: 400 !important;
  margin-bottom: 40px;
}

.aweek .register {
  border: 2px solid #db7e3b;
  color: #db7e3b;
  display: inline;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
  white-space: nowrap;
}

.aweek .register:hover {
  color: #ffffff !important;
  background: #db7e3b;
}

@media (max-width: 1599px) {
  .sliderContainer li .aweek .container div h1 {
    font-size: 50px !important;
  }

  .sliderContainer li .aweek .container div h2 {
    font-size: 35px !important;
  }

  .sliderContainer li .aweek .container div p {
    font-size: 28px !important;
  }

  .sliderContainer li .aweek .container div {
    width: 50%;
    top: 15%;
  }

  .sliderContainer li .aweek {
    background-position: 40% center;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .aweek .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .aweek .container div h2 {
    font-size: 30px !important;
  }

  .sliderContainer li .aweek .container div p {
    font-size: 26px !important;
  }

  .sliderContainer li .aweek .container div {
    width: 60%;
    top: 10%;
  }

  .sliderContainer li .aweek .container div p span,
  .sliderContainer li .aweek .container div p img {
    display: none;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .aweek .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .aweek .container div h2 {
    font-size: 35px !important;
  }

  .sliderContainer li .aweek .container div p {
    font-size: 22px !important;
  }

  .sliderContainer li .aweek .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 50%;
  }

  .sliderContainer li .aweek {
    background-image: url("/cisiweb2/image/homepage/aw.jpg");
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 768px) {
  .sliderContainer li .aweek .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .aweek .container div h2 {
    font-size: 28px !important;
  }

  .sliderContainer li .aweek .container div p {
    font-size: 18px !important;
  }

  .sliderContainer li .aweek .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 90%;
  }

  .sliderContainer li .aweek {
    background-image: url("/cisiweb2/image/homepage/aw.jpg");
    background-size: cover;
    background-position: left;
  }
}

/* --- */

/* Apprenticships week 2017 */

.sliderContainer li .aweek17 {
  background-image: url("/cisiweb2/image/homepage/aweek17.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .aweek17 .container div {
  top: 20%;
  left: 6%;
  height: auto;
  margin: 0;
  position: absolute;
  width: 50%;
}

.sliderContainer li .aweek17 .container div h1 {
  color: #ffffff !important;
  font-size: 50px !important;
  margin-top: 0px;
  font-weight: 300;
}

.sliderContainer li .aweek17 .container div p {
  color: #ffffff !important;
  font-size: 26px !important;
  line-height: normal;
  font-weight: 400 !important;
  margin-bottom: 40px;
}

.aweek17 .register {
  border: 2px solid #ffffff;
  color: #ffffff;
  display: inline;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
  white-space: nowrap;
}

.aweek17 .register:hover {
  color: #e07644 !important;
  background: #ffffff;
}

.aweekLogo {
  margin-left: 30px;
  /* width   : 220px !important; 
	margin-top    : -10px;  */
  display: inline;
}

@media (max-width: 1599px) {
  .sliderContainer li .aweek17 .container div h1 {
    font-size: 44px !important;
  }

  .sliderContainer li .aweek17 .container div p {
    font-size: 22px !important;
  }

  .sliderContainer li .aweek17 .container div {
    width: 50%;
    top: 15%;
  }

  .sliderContainer li .aweek17 {
    background-position: 40% center;
  }

  .sliderContainer li .aweek17 {
    background-image: url("/cisiweb2/image/homepage/aweek17small.jpg");
    background-size: cover;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .aweek17 .container div h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .aweek17 .container div p {
    font-size: 18px !important;
  }

  .sliderContainer li .aweek17 .container div {
    width: 50%;
    top: 10%;
  }

  .sliderContainer li .aweek17 .container div p span,
  .sliderContainer li .aweek17 .container div p img {
    display: none;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .aweek17 .container div h1 {
    font-size: 36px !important;
  }

  .sliderContainer li .aweek17 .container div p {
    font-size: 20px !important;
  }

  .sliderContainer li .aweek17 .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 90%;
  }

  .sliderContainer li .aweek17 {
    background: #e07644;
    background-image: none;
    background-size: cover;
    background-position: center;
  }

  .aweekLogo {
    margin-left: 30px !important;
    width: 220px !important;
    margin-top: 20px !important;
    display: inline !important;
  }
}

@media (max-width: 500px) {
  .sliderContainer li .aweek17 .container div h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .aweek17 .container div p {
    font-size: 14px !important;
  }

  .sliderContainer li .aweek17 .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 90%;
  }

  .aweekLogo {
    margin-left: 0px !important;
    width: 220px !important;
    margin-top: 20px !important;
    display: inline !important;
  }
}

/* --- */

/* Invest in yourself */

.sliderContainer li .iiy {
  background-image: url("/cisiweb2/image/homepage/how.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .iiy .container div {
  top: 0%;
  left: 10%;
  height: auto;
  margin: 0;
  position: absolute;
  width: 80%;
  text-align: center;
}

.sliderContainer li .iiy .container div h1 {
  color: #ffffff !important;
  font-size: 140px !important;
  margin-top: 0px;
  font-weight: 300;
}

.sliderContainer li .iiy .container div h2 {
  color: #ffffff !important;
  font-size: 35px !important;
  font-weight: 300;
}

.sliderContainer li .iiy .container div p {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal;
  margin-bottom: 20px;
  padding: 10px 70% 0 0;
  text-align: left;
}

.iiy .register {
  border: 2px solid #ffffff;
  color: #ffffff;
  display: inline;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
  white-space: nowrap;
  float: left;
}

.iiy .register:hover {
  color: #000000 !important;
  background: #ffffff;
}

@media (max-width: 1599px) {
  .sliderContainer li .iiy .container div h1 {
    font-size: 90px !important;
  }

  .sliderContainer li .iiy .container div h2 {
    font-size: 35px !important;
  }

  .sliderContainer li .iiy .container div p {
    font-size: 16px !important;
  }

  .sliderContainer li .iiy .container div {
    width: 80%;
    top: 5%;
  }

  .sliderContainer li .iiy {
    background-position: 40% center;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .iiy .container div h1 {
    font-size: 60px !important;
  }

  .sliderContainer li .iiy .container div h2 {
    font-size: 20px !important;
  }

  .sliderContainer li .iiy .container div p {
    font-size: 13px !important;
    padding: 0px 70% 0px 0px;
  }

  .sliderContainer li .iiy .container div {
    width: 80%;
    top: 0%;
  }

  .sliderContainer li .iiy .container div p span,
  .sliderContainer li .iiy .container div p img {
    display: none;
  }

  .iiy .register {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline;
    float: left;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 20px;
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .iiy .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .iiy .container div h2 {
    font-size: 35px !important;
  }

  .sliderContainer li .iiy .container div p {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal;
    margin-bottom: 20px;
    padding: 10px 60% 0 0;
    text-align: left;
  }

  .sliderContainer li .iiy .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 50%;
  }

  .sliderContainer li .iiy {
    background-image: url("/cisiweb2/image/homepage/how.jpg");
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 768px) {
  .sliderContainer li .iiy .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .iiy .container div h2 {
    font-size: 28px !important;
    margin-top: 0px;
  }

  .sliderContainer li .iiy .container div p {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: normal;
    margin-bottom: 20px;
    text-align: left;
    text-shadow: 0px 0px 10px #000000;
    padding: 0px !important;
  }

  .sliderContainer li .iiy .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    position: absolute;
    width: 90%;
  }

  .sliderContainer li .iiy {
    background-image: url("/cisiweb2/image/homepage/how.jpg");
    background-size: cover;
    background-position: center;
  }
}

/* --- */

/* Financial Planning week */

.fpweeklogo {
  width: 20% !important;
  text-align: center;
  display: block;
  margin: auto;
}

.sliderContainer li .fpweek {
  background-image: url("/cisiweb2/image/misc/fpw17header.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .fpweek .container div {
  top: 10%;
  left: 10%;
  height: auto;
  margin: 0;
  position: absolute;
  width: 80%;
  text-align: center;
}

.sliderContainer li .fpweek .container div h1 {
  background: #cfdd16 none repeat scroll 0 0;
  color: #283f84 !important;
  font-size: 35px !important;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 12px 20px;
  display: inline-block;
}

.sliderContainer li .fpweek .container div h1 small {
  color: #283f84 !important;
}

.sliderContainer li .fpweek .container div h2 {
  color: #ffffff !important;
  background: #38bedb;
  font-size: 20px !important;
  font-weight: 300;
  padding: 12px 20px;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 10px;
}

.sliderContainer li .fpweek .container div h3 {
  background: #cfdd16 none repeat scroll 0 0;
  color: #283f84 !important;
  font-size: 20px !important;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 40px;
  display: inline-block;
}

.sliderContainer li .fpweek .container div p {
  color: #000000 !important;
  background: #f2f2f2;
  font-size: 35px !important;
  line-height: normal;
  font-weight: 400 !important;
  margin-bottom: 40px;
  padding: 10px 20px;
  display: inline-block;
}

@media (max-width: 1599px) {
  .sliderContainer li .fpweek .container div h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .fpweek .container div h2 {
    font-size: 20px !important;
  }

  .sliderContainer li .fpweek .container div p {
    font-size: 18px !important;
  }

  .sliderContainer li .fpweek .container div {
    width: 80%;
    top: 10%;
  }

  .sliderContainer li .fpweek {
    background-position: 40% center;
  }

  .sliderContainer li .fpweek .container div p {
    width: 60%;
  }

  .sliderContainer li .fpweek .container p img {
    width: 19%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .fpweek .container div h1 {
    font-size: 22px !important;
  }

  .sliderContainer li .fpweek .container div h2 {
    font-size: 18px !important;
  }

  .sliderContainer li .fpweek .container div h3 {
    font-size: 16px !important;
  }

  .sliderContainer li .fpweek .container div p {
    font-size: 16px !important;
  }

  .sliderContainer li .fpweek .container div {
    width: 80%;
    top: 5%;
  }

  .fpweeklogo {
    width: 50% !important;
    text-align: center;
    display: block;
    margin: auto;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .fpweek .container div h1 {
    font-size: 24px !important;
  }

  .sliderContainer li .fpweek .container div h2 {
    font-size: 20px !important;
  }

  .sliderContainer li .fpweek .container div h3 {
    font-size: 16px !important;
  }

  .sliderContainer li .fpweek .container div p {
    font-size: 16px !important;
  }

  .sliderContainer li .fpweek .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 80%;
  }

  .sliderContainer li .fpweek {
    background-image: url("/cisiweb2/image/misc/fpw17header.jpg");
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 768px) {
  .sliderContainer li .fpweek .container div h1 {
    font-size: 20px !important;
    padding: 10px 20px;
  }

  .sliderContainer li .fpweek .container div h2 {
    font-size: 18px !important;
    padding: 10px 20px;
  }

  .sliderContainer li .fpweek .container div h3 {
    font-size: 14px !important;
    font-weight: 400;
    padding: 10px 20px;
  }

  .sliderContainer li .fpweek .container div p {
    color: #000000 !important;
    background: #f2f2f2;
    font-size: 35px !important;
    line-height: normal;
    font-weight: 400 !important;
    margin-bottom: 40px;
    padding: 10px 10px;
    display: inline-block;
  }

  .sliderContainer li .fpweek .container div p {
    width: 100%;
  }

  .sliderContainer li .fpweek .container p img {
    width: 17%;
    margin: 0px !important;
    display: inline !important;
  }

  .sliderContainer li .fpweek .container div {
    top: 0%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 90%;
  }

  .sliderContainer li .fpweek {
    background-image: url("/cisiweb2/image/misc/fpw17header.jpg");
    background-size: cover;
    background-position: left;
  }
}

/* --- */

/* Financial Planning Conference 2016 */

.fpweekLogo {
  width: 50% !important;
}

.sliderContainer li .fp16 {
  background: #f6eedb;
  background-image: url("/cisiweb2/image/homepage/fp16.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .fp16 .container div {
  top: 20%;
  left: 10%;
  height: auto;
  margin: 0;
  position: absolute;
  width: 80%;
}

.sliderContainer li .fp16 .container div h1 {
  font-size: 45px !important;
  font-weight: 400;
  margin-top: 0;
  color: #006666 !important;
  margin-bottom: 0;
}

.sliderContainer li .fp16 .container div h2 {
  color: #00b5d0 !important;
  font-size: 35px !important;
  font-weight: 400;
  margin-bottom: 0;
}

.sliderContainer li .fp16 .container div a {
  text-decoration: underline;
}

.sliderContainer li .fp16 .container div a.btn {
  display: inline-block;
  background: #ffffff;
  text-decoration: none;
  border: 1px solid #00b5d0;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 25px;
  color: #00b5d0;
  margin-bottom: 6px;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.sliderContainer li .fp16 .container div a.btn:hover,
a.btn:focus,
a.btn:active {
  background: #00b5d0;
  border: 1px solid #00b5d0;
  color: #ffffff;
  cursor: pointer !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .fp16 .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .fp16 .container div h2 {
    font-size: 30px !important;
  }

  .sliderContainer li .fp16 .container p img {
    width: 19%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .fp16 .container div h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .fp16 .container div h2 {
    font-size: 20px !important;
  }

  .sliderContainer li .fp16 .container div {
    width: 80%;
    top: 10%;
  }

  .sliderContainer li .fp16 .container div a.btn {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .fp16 .container div h1 {
    font-size: 30px !important;
    text-align: center;
  }

  .sliderContainer li .fp16 .container div h2 {
    font-size: 24px !important;
    text-align: center;
  }

  .sliderContainer li .fp16 .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 80%;
  }

  .sliderContainer li .fp16 {
    background: #f6eedb;
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 768px) {
  .sliderContainer li .fp16 .container div h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .fp16 .container div h2 {
    font-size: 24px !important;
    margin-top: 0px;
  }

  .sliderContainer li .fp16 .container div {
    top: 0%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 90%;
    text-align: center;
  }

  .sliderContainer li .fp16 .container div .cisiLogo,
  .sliderContainer li .fp16 .container div .ifpLogo {
    width: 100px !important;
    display: inline-block !important;
    margin: 0px;
  }

  .sliderContainer li .fp16 {
    background: #f6eedb;
    background-size: cover;
    background-position: left;
  }
}

@media (max-width: 600px) {
  .fpweekLogo {
    float: none;
    width: 70% !important;
  }

  .sliderContainer li .fp16 .container div h1 {
    font-size: 20px !important;
  }

  .sliderContainer li .fp16 .container div h2 {
    font-size: 18px !important;
    margin-top: 10px;
  }

  .sliderContainer li .fp16 .container div a.btn {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
  }
}

/* FP awards */

.sliderContainer li .fpAwards {
  background-image: url("/cisiweb2/image/homepage/fpawards.jpg");
  background-size: cover;
  background-position: top center;
}

.sliderContainer li .fpAwards .container div {
  top: 20%;
  left: 10%;
  height: auto;
  margin: 0;
  position: absolute;
  width: 80%;
  text-align: center;
}

.sliderContainer li .fpAwards .container div h1 {
  color: #ffffff !important;
  font-size: 60px !important;
  margin-top: 0px;
  font-weight: 300;
}

.sliderContainer li .fpAwards .container div h2 {
  color: #f4a7f9 !important;
  font-size: 50px !important;
  font-weight: 300;
}

.sliderContainer li .fpAwards .container div h1 a {
  color: #ffffff !important;
  font-size: 60px !important;
  margin-top: 0px;
  font-weight: 300;
}

.sliderContainer li .fpAwards .container div h2 a {
  color: #f4a7f9 !important;
  font-size: 50px !important;
  font-weight: 300;
}

.sliderContainer li .fpAwards .container div h1 a:hover {
  color: #ffffff !important;
}

.sliderContainer li .fpAwards .container div h2 a:hover {
  color: #f4a7f9 !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .fpAwards .container div h1 a {
    font-size: 60px !important;
  }

  .sliderContainer li .fpAwards .container div h2 a {
    font-size: 50px !important;
  }

  .sliderContainer li .fpAwards .container div {
    width: 80%;
    top: 20%;
  }

  .sliderContainer li .fpAwards .container div img {
    width: 400px;
    margin-top: 20px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .fpAwards .container div h1 a {
    font-size: 40px !important;
  }

  .sliderContainer li .fpAwards .container div h2 a {
    font-size: 30px !important;
  }

  .sliderContainer li .fpAwards .container div {
    width: 80%;
    top: 10%;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .fpAwards .container div h1 a {
    font-size: 40px !important;
  }

  .sliderContainer li .fpAwards .container div h2 a {
    font-size: 35px !important;
  }

  .sliderContainer li .fpAwards .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 80%;
  }
}

@media (max-width: 768px) {
  .sliderContainer li .fpAwards .container div h1 a {
    font-size: 30px !important;
  }

  .sliderContainer li .fpAwards .container div h1 {
    line-height: 40px !important;
  }

  .sliderContainer li .fpAwards .container div h2 a {
    font-size: 25px !important;
  }

  .sliderContainer li .fpAwards .container div {
    top: 10%;
    left: 5%;
    height: auto;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 90%;
  }
}

/* --- */

/* Apprenticships week 2017 */

.sliderContainer li .ppc17 {
  background-image: url("/cisiweb2/image/events/ppc17/bg2.jpg");
  background-size: cover;
  background-position: center 60%;
  background-repeat: no-repeat;
}

.sliderContainer li .ppc17 .container div {
  height: auto;
  left: 0;
  margin: 0;
  position: absolute;
  text-align: center;
  right: 0;
  padding: 0px 20px;
}

.sliderContainer li .ppc17 .container div h1 {
  color: #ffffff !important;
  font-size: 40px !important;
  margin-top: 0px;
  font-weight: 300;
}

.sliderContainer li .ppc17 .ppcLogo {
  width: 50%;
}

.ppc17 .register {
  background: #404b9c none repeat scroll 0 0;
  border-radius: 6px;
  border: 0px solid;
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 20px;
  padding: 12px 20px;
  text-decoration: none;
}

.ppc17 .register:hover {
  color: #404b9c !important;
  background: #ffffff;
}

@media (max-width: 1599px) {
  .sliderContainer li .ppc17 .container div h1 {
    font-size: 34px !important;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .ppc17 .container div h1 {
    font-size: 24px !important;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .ppc17 .container div h1 {
    font-size: 24px !important;
  }

  .sliderContainer li .ppc17 .ppcLogo {
    width: 80%;
  }
}

@media (max-width: 500px) {
  .sliderContainer li .ppc17 .container div h1 {
    font-size: 20px !important;
  }
}

/* --- */

/* FP AC 2017 */

.sliderContainer li .fpac17 {
  background-image: url(/cisiweb2/image/events/fpac17/1bg.jpg);
  background-position: left;
  background-repeat: no-repeat;
  background-color: #00b9f1;
}

.sliderContainer li .fpac17 .container div {
  text-align: right;
  padding: 20px 0px;
}

.sliderContainer li .fpac17 .container div h1,
.sliderContainer li .fpac17 .container div h2 {
  font-family: "Play", sans-serif;
  background: #ec008c none repeat scroll 0 0;
  display: inline-block;
  font-weight: 500;
  padding: 12px 20px;
  color: #fff;
}

.sliderContainer li .fpac17 .titleImage {
  width: 40%;
}

.sfContentBlock .fpacStar {
  width: 300px;
  transform: rotate(10deg);
}

@media (max-width: 1599px) {
  .sliderContainer li .fpac17 .container div {
    text-align: right;
    padding: 60px 0px;
  }

  .sliderContainer li .fpac17 {
    background-size: contain;
  }

  .sfContentBlock .fpacStar {
    width: 250px;
    transform: rotate(10deg);
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .fpac17 .container div {
    text-align: right;
    padding: 20px 0px;
  }

  .sfContentBlock .fpacStar {
    width: 180px;
    transform: rotate(10deg);
  }
}

@media (max-width: 991px) {
  .sliderContainer li .fpac17 .container div {
    text-align: center;
    padding: 20px 0px;
  }

  .sliderContainer li .fpac17 .titleImage {
    width: 60%;
  }

  .sliderContainer li .fpac17 {
    background-image: none;
    background-color: #00b9f1;
  }

  .sliderContainer li .fpac17 .container div h1 {
    margin-top: 0px !important;
  }

  .sfContentBlock .fpacStar {
    display: none;
  }
}

@media (max-width: 500px) {
}

/* --- */

/* FP AC 2017 */

.sliderContainer li .brexitEvent {
  background-image: url(/cisiweb2/image/homepage/brexitEvent.jpg);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .brexitEvent .container div {
  text-align: center;
  padding: 140px 0px;
}

.sliderContainer li .brexitEvent .container div h1,
.sliderContainer li .brexitEvent .container div h2 {
  display: inline-block;
  font-weight: 500;
  color: #fff;
  text-shadow: 0px 0px 20px #000000;
}

.sliderContainer li .brexitEvent .container div h1 {
  line-height: 1;
  font-size: 75px;
  font-family: "Crimson text";
  margin-bottom: 30px;
}

@media (max-width: 1599px) {
  .sliderContainer li .brexitEvent .container div {
    padding: 140px 0px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .brexitEvent .container div {
    padding: 80px 0px;
  }

  .sliderContainer li .brexitEvent .container div h1 {
    font-size: 50px;
    margin-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .brexitEvent .container div {
    padding: 40px 0px;
  }

  .sliderContainer li .brexitEvent .container div h1,
  .sliderContainer li .brexitEvent .container div h2 {
    text-shadow: 0px 0px 10px #000000;
  }

  .sliderContainer li .brexitEvent .container div h1 {
    font-size: 40px;
    margin-bottom: 20px;
  }
}

@media (max-width: 500px) {
}

/* --- */

/*v i z a g e*/

.sliderContainer li .vizage {
  background-image: url("/cisiweb2/image/finHub/finHubBack.jpg");
  background-position: bottom;
  background-size: cover;
}

.vizage .container {
  text-align: center;
  color: #fff;
  padding: 5% 20px 10%;
}

.vizage .container h1 {
  color: #fff;
  font-family: Times New Roman;
  font-size: 90px;
}

.vizage > div > div > a {
  margin: 20px;
}

.vizage > div > div > p {
  font-size: 17px;
}

@media (max-width: 1199px) {
  .vizage .container {
    padding: 40px 0 0 0;
  }

  .vizage .container h1 {
    font-size: 50px;
  }
}

@media (max-width: 991px) {
  .vizage .container {
    padding: 75px;
  }
}

@media (max-width: 522px) {
  .vizage .container {
    padding: 0 10px;
  }

  .vizage .container h1 {
    font-size: 35px;
  }
}

/* --- */

/* PR new tile*/

.sliderContainer li .prNew {
  background-image: url("/cisiweb2/image/homepage/rupr.jpg");
  background-size: cover;
  background-position: center center;
}

/*cryptocurrency banner*/

.sliderContainer li .prNewC {
  background-image: url("/cisiweb2/image/homepage/prNewC.jpg");
  background-size: cover;
  background-position: center center;
}

/*anti money laundering for ph*/

.sliderContainer li .prNewA {
  background-image: url("/cisiweb2/image/homepage/prNewA.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .prNew .container div,
.sliderContainer li .prNewC .container div,
.sliderContainer li .prNewA .container div {
  top: 5%;
  left: 7%;
  height: auto;
  margin: 40px 0 0;
  padding: 0px;
  position: absolute;
  width: 45%;
  color: #ffffff;
}

.sliderContainer li .prNew .container div h1,
.sliderContainer li .prNewC .container div h1,
.sliderContainer li .prNewA .container div h1 {
  color: #ffffff !important;
  font-size: 60px !important;
  font-weight: 200 !important;
  margin-top: 0 !important;
}

.sliderContainer li .prNew .container div h2,
.sliderContainer li .prNewC .container div h2,
.sliderContainer li .prNewA .container div h2 {
  color: #ffffff !important;
  font-size: 30px !important;
  margin-top: 20px !important;
  margin-bottom: 40px !important;
  font-weight: 200;
}

.sliderContainer li .prNew .container div h3,
.sliderContainer li .prNewC .container div h3,
.sliderContainer li .prNewA .container div h3 {
  color: #83b527 !important;
  font-size: 40px !important;
  margin-top: 0px !important;
  margin-bottom: 20px !important;
  font-weight: 300;
}

.sliderContainer li .prNew .container div p,
.sliderContainer li .prNewC .container div p,
.sliderContainer li .prNewA .container div p {
  background: #83b527;
  display: inline-block;
  padding: 20px;
  font-size: 20px;
}

.sliderContainer li .prNew .container div .btn,
.sliderContainer li .prNewC .container div .btn,
.sliderContainer li .prNewA .container div .btn {
  background: #ffffff;
  color: #83b527;
  border: 0px solid;
}

.sliderContainer li .prNew .container div .btn:hover,
.sliderContainer li .prNewC .container div .btn:hover,
.sliderContainer li .prNewA .container div .btn:hover {
  background: #83b527;
  color: #ffffff;
}

@media (max-width: 1599px) {
  .sliderContainer li .prNew .container div,
  .sliderContainer li .prNewC .container div,
  .sliderContainer li .prNewA .container div {
    top: 0%;
    left: 7%;
    margin: 40px 0 0;
    width: 40%;
  }

  .sliderContainer li .prNew .container div h1,
  .sliderContainer li .prNewC .container div h1,
  .sliderContainer li .prNewA .container div h1 {
    font-size: 50px !important;
  }

  .sliderContainer li .prNew .container div h2,
  .sliderContainer li .prNewC .container div h2,
  .sliderContainer li .prNewA .container div h2 {
    font-size: 24px !important;
  }

  .sliderContainer li .prNew .container div h3,
  .sliderContainer li .prNewC .container div h3,
  .sliderContainer li .prNewA .container div h3 {
    font-size: 30px !important;
  }

  .sliderContainer li .prNew .container div p,
  .sliderContainer li .prNewC .container div p,
  .sliderContainer li .prNewA .container div p {
    padding: 20px;
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .prNew .container div,
  .sliderContainer li .prNewC .container div,
  .sliderContainer li .prNewA .container div {
    top: 10%;
    left: 7%;
    margin: 20px 0 0;
    width: 44%;
  }

  .sliderContainer li .prNew .container div h1,
  .sliderContainer li .prNewC .container div h1,
  .sliderContainer li .prNewA .container div h1 {
    font-size: 40px !important;
  }

  .sliderContainer li .prNew .container div h2,
  .sliderContainer li .prNewC .container div h2,
  .sliderContainer li .prNewA .container div h2 {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }

  .sliderContainer li .prNew .container div h3,
  .sliderContainer li .prNewC .container div h3,
  .sliderContainer li .prNewA .container div h3 {
    font-size: 24px !important;
    margin-bottom: 0px !important;
  }

  .sliderContainer li .prNew .container div p,
  .sliderContainer li .prNewC .container div p,
  .sliderContainer li .prNewA .container div p {
    display: none;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .prNew,
  .sliderContainer li .prNewC,
  .sliderContainer li .prNewA {
    background-size: cover;
    background-position: center center;
    background-image: url("/cisiweb2/image/homepage/ruprmobile.jpg");
  }

  .sliderContainer li .prNew .container div h1,
  .sliderContainer li .prNew .container div h2,
  .sliderContainer li .prNew .container div h3,
  .sliderContainer li .prNewC .container div h1,
  .sliderContainer li .prNewC .container div h2,
  .sliderContainer li .prNewC .container div h3,
  .sliderContainer li .prnewA .container div h1,
  .sliderContainer li .prnewA .container div h2,
  .sliderContainer li .prnewA .container div h3 {
    font-weight: 400 !important;
  }

  .sliderContainer li .prNew .container div,
  .sliderContainer li .prNewC .container div,
  .sliderContainer li .prnewA .container div {
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 20px;
    position: absolute;
    width: 100%;
    background: none repeat scroll 0 0 rgba(59, 75, 74, 0.8);
  }
}

/* --- */

/* PTPA tile*/

.sliderContainer li .ptpa {
  background-image: url("/cisiweb2/image/homepage/ptpa.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .ptpa .container div {
  top: 5%;
  left: 7%;
  height: auto;
  margin: 40px 0 0;
  padding: 0px;
  position: absolute;
  width: 50%;
  color: #ffffff;
}

.sliderContainer li .ptpa .container div h1 {
  color: #ffffff !important;
  font-size: 120px !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
}

.sliderContainer li .ptpa .container div h2 {
  color: #005dac !important;
  font-size: 30px !important;
  margin-top: 20px !important;
  margin-bottom: 40px !important;
  font-weight: 300;
}

.sliderContainer li .ptpa .container div h3 {
  color: #005dac !important;
  font-size: 54px !important;
  margin-top: 0px !important;
  margin-bottom: 20px !important;
  font-weight: 400;
}

.sliderContainer li .ptpa .container div p {
  background: #ffffff;
  color: #005dac;
  display: inline-block;
  padding: 20px;
  font-size: 20px;
}

.sliderContainer li .ptpa .container div .btn {
  background: #005dac;
  color: #ffffff;
  border-radius: 0px;
  border: 0px solid;
  font-weight: 400;
  font-size: 16px;
}

.sliderContainer li .ptpa .container div .btn:hover {
  background: #ffffff;
  color: #005dac;
  border-radius: 0px;
}

.sliderContainer li .ptpa .container div .ptpadiscount {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  left: auto;
  margin: 0 !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .ptpa .container div {
    top: 0%;
    left: 7%;
    margin: 40px 0 0;
    width: 40%;
  }

  .sliderContainer li .ptpa .container div h1 {
    font-size: 90px !important;
  }

  .sliderContainer li .ptpa .container div h2 {
    font-size: 24px !important;
  }

  .sliderContainer li .ptpa .container div h3 {
    font-size: 40px !important;
  }

  .sliderContainer li .ptpa .container div p {
    padding: 20px;
    font-size: 16px;
  }

  .sliderContainer li .ptpa .container div .ptpadiscount {
    position: absolute;
    right: -150px;
    top: 0;
    width: 200px;
    left: auto;
    margin: 0 !important;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .ptpa .container div {
    top: 0%;
    left: 7%;
    margin: 20px 0 0;
    width: 44%;
  }

  .sliderContainer li .ptpa .container div h1 {
    font-size: 70px !important;
  }

  .sliderContainer li .ptpa .container div h2 {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }

  .sliderContainer li .ptpa .container div h3 {
    font-size: 34px !important;
    margin-bottom: 0px !important;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .ptpa {
    background-size: cover;
    background-position: center center;
    background-image: url("/cisiweb2/image/homepage/ptpa.jpg");
  }

  .sliderContainer li .ptpa .container div h1 {
    font-size: 50px !important;
  }

  .sliderContainer li .ptpa .container div h2 {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }

  .sliderContainer li .ptpa .container div h3 {
    font-size: 24px !important;
    margin-bottom: 0px !important;
  }

  .sliderContainer li .ptpa .container div h1,
  .sliderContainer li .ptpa .container div h2,
  .sliderContainer li .ptpa .container div h3 {
    font-weight: 400 !important;
  }

  .sliderContainer li .ptpa .container div {
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 20px;
    position: absolute;
    width: 100%;
  }

  .sliderContainer li .ptpa .container div .ptpadiscount {
    position: absolute;
    right: -20px;
    top: 0;
    width: 150px;
    left: auto;
    margin: 0 !important;
  }
}

/* --- */

/* Annual Report 2016 17 */

.sliderContainer li .annualReport {
  background-image: url("/cisiweb2/image/homepage/annualreport1617.jpg");
  background-size: cover;
  background-position: center 35%;
}

.sliderContainer li .annualReport .container div {
  top: 10%;
  left: 10%;
  height: auto;
  margin: 40px 0 0;
  padding: 30px;
  position: absolute;
  width: 45%;
}

.sliderContainer li .annualReport .container div h1 {
  color: #797979 !important;
  font-size: 100px !important;
  margin-top: 0px;
  font-family: century gothic, "open sans";
}

.sliderContainer li .annualReport .container div h2 {
  color: #949999;
  font-size: 40px !important;
  margin-top: 0px !important;
  margin-left: 120px;
  letter-spacing: 4px;
  font-family: century gothic, "Open sans";
}

.sliderContainer li .annualReport .container div a {
  color: #fff;
  font-size: 18px !important;
  margin-top: 40px !important;
  margin-left: 0px;
  display: inline-block;
  font-family: century gothic, "Open sans";
  background: #afafaf;
  padding: 14px 50px;
  border-radius: 4px;
}

.sliderContainer li .annualReport .container div a:hover {
  background: #888888;
}

@media (max-width: 1599px) {
  .sliderContainer li .annualReport .container div h1 {
    font-size: 80px !important;
  }

  .sliderContainer li .annualReport .container div h2 {
    font-size: 34px !important;
    margin-left: 80px !important;
  }

  .sliderContainer li .annualReport .container div a {
    color: #fff;
    font-size: 16px !important;
    margin-top: 40px !important;
    padding: 14px 40px;
  }

  .sliderContainer li .annualReport .container div {
    padding: 30px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .annualReport .container div h1 {
    font-size: 70px !important;
  }

  .sliderContainer li .annualReport .container div h2 {
    font-size: 24px !important;
  }

  .sliderContainer li .annualReport .container div a {
    color: #fff;
    font-size: 16px !important;
    margin-top: 20px !important;
    padding: 12px 30px;
    text-align: center;
  }

  .sliderContainer li .annualReport .container div {
    padding: 20px;
    width: 40%;
    left: 5%;
    top: 0;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .annualReport .container div h1 {
    font-size: 60px !important;
  }

  .sliderContainer li .annualReport .container div h2 {
    font-size: 24px !important;
    margin-left: 0px !important;
  }

  .sliderContainer li .annualReport .container div {
    top: 20%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 20px 20px 20px 40px;
    position: absolute;
    width: 50%;
    text-align: center;
  }

  .sliderContainer li .annualReport {
    background-image: url("/cisiweb2/image/homepage/annualreport1617m.jpg");
    background-size: cover;
    background-position: 40% center;
  }
}

@media (max-width: 768px) {
  .sliderContainer li .annualReport .container div h1 {
    font-size: 60px !important;
  }

  .sliderContainer li .annualReport .container div h2 {
    font-size: 24px !important;
    margin-left: 0px !important;
  }

  .sliderContainer li .annualReport .container div {
    top: 20%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 20px 20px 20px 20px;
    position: absolute;
    width: 100%;
    text-align: center;
  }

  .sliderContainer li .annualReport {
    background-image: url("/cisiweb2/image/homepage/annualreport1617m2.jpg");
    background-size: cover;
    background-position: center center;
  }
}

/* --- */

/* Mifid2 */

.sliderContainer li .mifid {
  background-image: url("/cisiweb2/image/qualifications/mifid2header.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .mifid .container div {
  top: 5%;
  right: 7%;
  height: auto;
  margin: 40px 0 0;
  padding: 30px;
  position: absolute;
  width: 40%;
  color: #ffffff;
  text-align: center;
  background: rgba(8, 32, 56, 0.8);
}

.sliderContainer li .mifid .container div h1 {
  color: #ffffff !important;
  font-size: 70px !important;
  font-weight: 300 !important;
  margin-top: 0 !important;
  margin-bottom: 10px;
}

.sliderContainer li .mifid .container div h2 {
  color: #ffffff !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
  margin-bottom: 20px;
}

.sliderContainer li .mifid .container div .btn {
  background: #ffffff;
  color: #3b7c97;
  border-radius: 0px;
  border: 0px solid;
  font-weight: 400;
  font-size: 16px;
}

.sliderContainer li .mifid .container div .btn:hover {
  background: #3b7c97;
  color: #ffffff;
  border-radius: 0px;
}

.sliderContainer li .mifid .container div .trLogo {
  margin-top: 10px;
}

@media (max-width: 1599px) {
  .sliderContainer li .mifid .container div {
    top: 4%;
    margin: 40px 0 0;
    width: 45%;
  }

  .sliderContainer li .mifid .container div h1 {
    font-size: 45px !important;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .mifid .container div {
    top: 0%;
    right: 4%;
    margin: 20px 0 0;
    width: 44%;
  }

  .sliderContainer li .mifid .container div h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .mifid .container div .btn {
    background: #ffffff;
    color: #3b7c97;
    border-radius: 0px;
    border: 0px solid;
    font-weight: 400;
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .mifid {
    background-size: cover;
    background-position: center center;
  }

  .sliderContainer li .mifid .container div h1 {
    font-size: 30px !important;
  }

  .sliderContainer li .mifid .container div {
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 20px;
    position: absolute;
    width: 100%;
    text-align: center;
  }
}

/* --- */

/* sri lanka chartered wealth manager*/

.sliderContainer li .slcwm {
  background-image: url("/cisiweb2/image/homepage/slcwm.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .slcwm .container div {
  top: 5%;
  left: 5%;
  height: auto;
  margin: 40px 0 0;
  padding: 0px 100px 0px 0px;
  position: absolute;
  width: 50%;
  color: white;
}

.sliderContainer li .slcwm .container div h1 {
  font-size: 60px !important;
  color: white !important;
  font-weight: 200 !important;
  margin-top: 0 !important;
}

.sliderContainer li .slcwm .container div h2 {
  color: #ffffff !important;
  font-size: 30px !important;
  margin-top: 20px !important;
  margin-bottom: 40px !important;
  font-weight: 200;
}

.sliderContainer li .slcwm .container div p {
  display: inline-block;
  font-size: 20px;
}

@media (max-width: 1599px) {
  .sliderContainer li .slcwm .container div h1 {
    font-size: 50px !important;
    color: white !important;
    font-weight: 200 !important;
    margin-top: 0 !important;
  }

  .sliderContainer li .slcwm .container div p {
    display: inline-block;
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .slcwm .container div h1 {
    font-size: 40px !important;
    color: white !important;
    font-weight: 200 !important;
    margin-top: 0 !important;
  }

  .sliderContainer li .slcwm .container div p {
    display: inline-block;
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .slcwm {
    background-image: url("/cisiweb2/image/homepage/slcwm.jpg");
    background-size: cover;
    background-position: 80%;
  }

  .sliderContainer li .slcwm .container div {
    top: 2%;
    left: 0%;
    height: auto;
    margin: 0px 0 0;
    padding: 10px;
    position: absolute;
    width: 100%;
    color: white;
  }

  .sliderContainer li .slcwm .container div h1 {
    font-size: 30px !important;
    color: white !important;
    font-weight: 300 !important;
    margin-top: 0 !important;
  }

  .sliderContainer li .slcwm .container div p {
    display: inline-block;
    font-size: 14px;
  }
}

/* --- */

/*philippines ENHANCING YOUR PROFESSIONAL IMAGE*/

.sliderContainer li .eypi {
  background-image: url("/cisiweb2/image/homepage/profImage.jpg");
  background-position: center 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

.eypi .container {
  position: absolute;
  top: 90px;
  left: 130px;
  width: 47%;
  background: rgb(164, 77, 86, 0.9);
  padding: 50px;
  height: 360px;
}

.eypi .container div {
  background: rgb(164, 77, 86);
  position: relative;
  top: -35px;
}

.eypi {
  text-align: center;
}

.eypi h1 {
  color: #e1c68f;
  font-weight: 600;
  padding-top: 40px;
}

.eypi h3 {
  color: white;
  font-weight: 600;
  background: #2a7eba;
  margin-top: 20px;
  padding: 20px;
}

.eypi .container div a {
  border-radius: 20px;
  background: #2a7eba;
  border: 1px solid #2a7eba;
  color: white;
  margin-top: 10px;
}

@media (max-width: 1599px) {
  .eypi h1 {
    padding-top: 8px;
  }

  .eypi h3 {
    margin-top: -5px;
  }
}

@media (max-width: 1199px) {
  .eypi .container {
    top: 35px;
    left: 95px;
    padding: 28px;
    height: 310px;
  }

  .eypi .container div {
    top: -32px;
  }

  .eypi h3 {
    margin-top: 20px;
  }

  .eypi .container div a {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .eypi .container {
    top: 40px;
    left: 50px;
    width: 53%;
  }
}

@media (max-width: 768px) {
  .eypi .container {
    height: 370px;
    top: 60px;
  }

  .eypi h1 {
    padding-top: 30px;
  }

  .eypi h3 {
    margin-top: 33px;
  }

  .eypi .container div a {
    margin-top: 30px;
  }
}

@media (max-width: 550px) {
  .eypi .container {
    width: 80%;
  }

  .eypi .container .div {
    background: rgba(164, 77, 86, 0.5);
  }
}

/* --- */

/*philippines FAC*/

.sliderContainer li .fac {
  background-image: url("/cisiweb2/image/homepage/fac.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: -160px;
}

.sliderContainer li .fac .container div {
  background-color: rgba(255, 255, 255, 0.9);
  width: 55%;
  height: auto;
  position: absolute;
  margin: 80px -10px;
  padding: 20px;
}

.sliderContainer li .fac .container div h1 {
  margin-top: 10px;
}

@media (max-width: 1700px) {
  .sliderContainer li .fac {
    background-position-y: -120px;
  }
}

@media (max-width: 1599px) {
  .sliderContainer li .fac .container div {
    margin: 90px -80px;
  }
}

@media (max-width: 1399px) {
  .sliderContainer li .fac {
    background-position-y: 0;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .fac {
    background-position-y: -75px;
  }

  .sliderContainer li .fac .container div {
    margin: 35px -45px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .fac {
    background-position-y: 0;
    background-position-x: -210px;
  }
}

@media (max-width: 889px) {
  .sliderContainer li .fac {
    background-position-x: -288px;
  }
}

@media (max-width: 792px) {
  .sliderContainer li .fac {
    background-position: 0;
  }

  .sliderContainer li .fac .container div {
    width: 98%;
    margin: 75px -7px;
  }
}

/*
@media (max-width: 1599px){
	.sliderContainer li .fac {
		background-position: 0 -120px;
	}
	.sliderContainer li .fac .container div {
		margin: 36px -100px 0;
		padding: 20px 20px 30px 20px;
	}
	.fac .container div h1 {
		margin-top: 10px;
	}
}
@media (max-width: 1394px){
	.sliderContainer li .fac .container div {
		width: 52%;
		margin-left: -20px;
	}
}
@media (max-width: 1199px){
	.sliderContainer li .fac .container div {
		width: 70%;
		padding: 10px;
	}
}
@media (max-width: 991px){
	.sliderContainer li .fac {
		background-color: #9DAFD3;
	}
}
@media (max-width: 889px){}
@media (max-width: 792px){}
@media (max-width: 768px){}
@media (max-width: 568px){}*/

/* --- */

/*sri lanka office opening*/

.sliderContainer li .slOffice {
  background-image: url(/cisiweb2/image/homepage/slOffice.jpg);
  background-size: cover;
  background-position: 0 -130px;
  background-repeat: no-repeat;
}

.sliderContainer li .slOffice .container div {
  top: 10%;
  left: 10%;
  height: auto;
  margin: 40px 0 0;
  position: absolute;
  width: 30%;
  color: black;
  font-weight: 500;
}

.slOffice h1,
.slOffice p {
  color: white;
}

@media (max-width: 1599px) {
  .sliderContainer li .slOffice {
    background-position: 0px -80px;
  }

  .sliderContainer li .slOffice .container div {
    margin: -50px 20px 0;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .slOffice .container div {
    width: 40%;
    margin: -26px -45px 0;
  }

  .sliderContainer li .slOffice {
    background-position: 0 -70px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .slOffice .container div {
    margin: 0 -45px 0;
  }

  .sliderContainer li .slOffice {
    background-position: -44px 0;
  }
}

@media (max-width: 889px) {
  .sliderContainer li .slOffice {
    background-image: url(/cisiweb2/image/homepage/slOfficeMin.jpg);
  }

  .sliderContainer li .slOffice .container div {
    width: 90%;
    margin: 40px -35px 0;
  }
}

@media (max-width: 792px) {
}

@media (max-width: 768px) {
  .sliderContainer li .slOffice container div {
    margin-top: -20px;
    text-align: center;
  }
}

@media (max-width: 568px) {
}

/* Cyprus CPD */

.sliderContainer li .cypruscpd {
  background-image: url("/cisiweb2/image/homepage/cypruscpd.jpg");
  background-size: cover;
  background-position: top center;
}

.sliderContainer li .cypruscpd .container div {
  top: 10%;
  left: 10%;
  height: auto;
  margin: 40px 0 0;
  position: absolute;
  width: 30%;
  color: #fff;
}

.sliderContainer li .cypruscpd .container div h1 {
  color: #ffffff !important;
  font-size: 60px !important;
  margin-top: 0px;
  font-weight: 200;
}

@media (max-width: 1599px) {
  .sliderContainer li .cypruscpd .container div h1 {
    font-size: 40px !important;
    margin-top: -40px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .cypruscpd .container div h1 {
    font-size: 34px !important;
  }

  .sliderContainer li .cypruscpd .container div {
    padding: 0px;
    width: 40%;
    left: 5%;
    top: 0;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .cypruscpd .container div h1 {
    font-size: 48px !important;
    margin-top: -120px;
  }

  .sliderContainer li .cypruscpd .container div h2 {
    font-size: 24px !important;
    margin-left: 0px !important;
  }

  .sliderContainer li .cypruscpd .container div {
    top: 20%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 20px 20px 20px 40px;
    position: absolute;
    width: 50%;
    text-align: center;
  }

  .sliderContainer li .cypruscpd {
    background-image: url("/cisiweb2/image/homepage/cypruscpd.jpg");
    background-size: cover;
    background-position: 0% center;
  }
}

@media (max-width: 768px) {
  .sliderContainer li .cypruscpd .container div h1 {
    font-size: 60px !important;
    margin-top: -50px;
  }

  .sliderContainer li .cypruscpd .container div h2 {
    font-size: 24px !important;
    margin-left: 0px !important;
  }

  .sliderContainer li .cypruscpd .container div {
    top: 20%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 20px 20px 20px 20px;
    position: absolute;
    width: 100%;
    text-align: center;
  }

  .sliderContainer li .cypruscpd {
    background-image: url("/cisiweb2/image/homepage/cypruscpdm770.jpg");
    background-size: cover;
    background-position: center center;
  }
}

@media (max-width: 568px) {
  .sliderContainer li .cypruscpd {
    background-image: url("/cisiweb2/image/homepage/cypruscpdm770.jpg");
    background-size: cover;
    background-position: center center;
  }

  .sliderContainer li .cypruscpd .container div h1 {
    font-size: 40px !important;
  }
}

/* --- */

/*vivienne*/

.sliderContainer li .vaw {
  background-image: url(/cisiweb2/image/homepage/vaw.jpg);
  background-position: left 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .vaw .container div {
  text-align: left;
  width: 70%;
  height: auto !important;
  padding-top: 20px;
}

.sliderContainer li .vaw .container .vawWrapper h2 {
  font-weight: 400;
  font-size: 50px;
}

.sliderContainer li .vaw .container .vawWrapper h1,
.sliderContainer li .vaw .container .vawWrapper h3 {
  margin-top: 0px;
  margin-bottom: 20px;
}

.sliderContainer li .vaw .container .vawWrapper h1 {
  letter-spacing: 20px;
  font-weight: 300;
}

.vawWrapper a.btn.btn-default {
  margin-bottom: 10px;
}

@media (max-width: 1199px) {
  .sliderContainer li .vaw .container div {
    text-align: left;
    width: 70%;
    height: auto !important;
    padding-top: 20px;
  }

  .sliderContainer li .vaw .container .vawWrapper h2 {
    font-weight: 400;
    font-size: 40px;
    margin-top: -20px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .vaw {
    background-position: left 0%;
  }

  .sliderContainer li .vaw .container div {
    width: 100%;
    padding-top: 60px;
    padding-right: 70px;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .vaw .container div {
    /*text-align: left;*/
    width: 100%;
    height: auto !important;
    padding-top: 50px;
    padding-right: 0px;
  }

  .sliderContainer li .vaw .container .vawWrapper h2 {
    margin-bottom: 30px;
  }
}

@media (max-width: 509px) {
  .sliderContainer li .vaw .container .vawWrapper h2,
  .sliderContainer li .vaw .container .vawWrapper h3 {
    margin-bottom: 15px;
  }
}

/*LDN ANNUAL DINNER 2018*/

.sliderContainer li .lad18 {
  background-image: url(/cisiweb2/image/homepage/lad18.jpg);
  background-position: left 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .lad18 .container h3,
.sliderContainer li .lad18 .container h1 {
  color: white;
  font-weight: 400;
  font-size: 35px;
}

.sliderContainer li .lad18 .container a {
  text-decoration: none !important;
  color: white !important;
  margin-top: 20px;
}

.sliderContainer li .lad18 .container h1,
.sliderContainer li .lad18 .container .ladSpeaker {
  margin-top: 0px;
}

.sliderContainer li .lad18 .container div {
  text-align: left;
  width: 55%;
  height: auto !important;
  padding-top: 30px;
}

.sliderContainer li .lad18 .container div .ladWrapper {
  background: rgba(0, 0, 0, 0.6);
  padding: 30px;
  width: 90%;
  margin-left: -25px;
}

.sliderContainer li .lad18 .container .ladSpeaker {
  color: #cab9e3 !important;
  font-weight: 400;
}

.sliderContainer li .lad18 .container .keynote {
  color: #5ba6ac !important;
  font-weight: 400;
}

@media (max-width: 1199px) {
  .sliderContainer li .lad18 .container div .ladWrapper {
    padding-top: 10px;
    margin-top: -30px;
  }

  .sliderContainer li .lad18 .container a {
    font-weight: 200;
    margin-top: 20px;
  }

  .sliderContainer li .lad18 .container .keynote {
    margin-top: 20px;
  }

  .sliderContainer li .lad18 .container div {
    width: 70%;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .lad18 {
    background-position: 60% center !important;
  }

  .sliderContainer li .lad18 .container div {
    width: 70%;
  }

  .sliderContainer li .lad18 .container div .ladWrapper {
    margin-left: -60px;
    margin-top: 10px;
  }

  .sliderContainer li .lad18 .container div {
    width: 100%;
  }
}

@media (max-width: 820px) {
  .sliderContainer li .lad18 {
    background-position: 90% center !important;
  }

  .sliderContainer li .lad18 .container div .ladWrapper {
    margin-left: 0px;
  }
}

@media (max-width: 610px) {
  .sliderContainer li .lad18 .container div .ladWrapper {
    width: 100%;
  }
}

@media (max-width: 550px) {
  .sliderContainer li .lad18 .container h3 {
    display: none;
  }
}

/* FP AC 2018 */

.sliderContainer li .fpac18 {
  background-image: url(/cisiweb2/image/homepage/fpac18.jpg);
  background-position: left 60%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .fpac18 .container div {
  text-align: left;
  padding: 20px 0px;
  width: 55%;
}

.sliderContainer li .fpac18 .container div .lastSeatsfpac18 {
  width: 300px;
  position: absolute;
  top: 0px;
  right: 0px;
}

.sliderContainer li .fpac18 .container div h1 {
  font-weight: 400;
  font-size: 100px;
  color: #fff;
  text-shadow: 0px 0px 150px rgba(100, 114, 143, 0.8);
}

.sliderContainer li .fpac18 .container div h2 {
  font-size: 50px;
  color: #4f5f79;
  font-weight: 300;
}

.sliderContainer li .fpac18 .container div h3 {
  font-size: 34px;
  color: #d64e40;
  font-weight: 400;
  margin-bottom: 40px;
}

.sliderContainer li .fpac18 .container div .btn-primary {
  background: #d64e40;
  color: #ffffff;
  border-radius: 100px;
  border: 0px solid;
  padding: 15px 40px;
  font-size: 20px;
}

.sliderContainer li .fpac18 .container div .btn-primary .glyphicon {
  color: #f1c63c;
  margin-right: 6px;
  font-size: 26px;
  vertical-align: sub;
}

.playVideo {
  cursor: pointer;
}

@media (max-width: 1599px) {
  .sliderContainer li .fpac18 .container div {
    padding: 20px 0px;
  }

  .sliderContainer li .fpac18 {
    background-position: center 70%;
  }

  .sliderContainer li .fpac18 .container div h1 {
    font-size: 80px;
  }

  .sliderContainer li .fpac18 .container div h2 {
    font-size: 40px;
  }

  .sliderContainer li .fpac18 .container div h3 {
    font-size: 30px;
    margin-bottom: 40px;
  }

  .sliderContainer li .fpac18 .container div .btn-primary {
    padding: 15px 40px;
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .fpac18 .container div {
    padding: 10px 0px;
  }

  .sliderContainer li .fpac18 .container div h1 {
    font-size: 60px;
  }

  .sliderContainer li .fpac18 .container div h2 {
    font-size: 34px;
  }

  .sliderContainer li .fpac18 .container div h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .sliderContainer li .fpac18 .container div .btn-primary {
    padding: 12px 30px;
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .fpac18 .container div {
    padding: 50px 0px;
    width: 70%;
  }

  .sliderContainer li .fpac18 .container div .lastSeatsfpac18 {
    width: 170px;
    position: absolute;
    top: 0px;
    right: 0px;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .fpac18 .container div {
    padding: 10px 0px;
    width: 100%;
  }

  .sliderContainer li .fpac18 .container div h1 {
    font-size: 40px;
  }

  .sliderContainer li .fpac18 .container div h2 {
    font-size: 30px;
  }

  .sliderContainer li .fpac18 .container div h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .sliderContainer li .fpac18 .container div .btn-primary {
    padding: 10px 24px;
    font-size: 18px;
  }

  .sliderContainer li .fpac18 .container div .btn-primary .glyphicon {
    font-size: 20px;
  }

  .sliderContainer li .fpac18 .container div .lastSeatsfpac18 {
    width: 170px;
    position: absolute;
    top: -20px;
    right: 0px;
  }
}

@media (max-width: 500px) {
}

/* --- */

/* PPC 2018 */

.sliderContainer li .ppc18 {
  background-image: url(/cisiweb2/image/homepage/ppc18.jpg);
  background-position: left 60%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .ppc18 .container div {
  padding: 40px 0px;
  width: 100%;
}

.sliderContainer li .ppc18 .container .outerBlock {
  background: #0070b9;
  padding: 40px 30px 30px 30px;
  width: 50%;
  text-align: center;
  display: block;
  height: auto;
}

.sliderContainer li .ppc18 .container .subBlock {
  background: #aee6ff;
  padding: 30px;
  width: 100%;
  text-align: center;
  height: auto;
}

.sliderContainer li .ppc18 .container div h1 {
  font-weight: 300;
  font-size: 70px;
  color: #fff;
  margin-top: 0px;
  letter-spacing: 5px;
}

.sliderContainer li .ppc18 .container div h2 {
  font-size: 24px;
  color: #0058a6;
  font-weight: 500;
  margin-top: 0px;
  letter-spacing: 5px;
}

.sliderContainer li .ppc18 .container div h3 {
  font-size: 34px;
  color: #b0daf1;
  font-weight: 400;
  margin-top: 0px;
  letter-spacing: 5px;
}

.sliderContainer li .ppc18 .container div p {
  margin-bottom: 0px;
  color: #0058a6;
}

.sliderContainer li .ppc18 .container div .btn-primary {
  background: #aee6ff;
  border-color: #aee6ff;
  color: #004c7d;
  font-weight: 600;
  padding: 10px 10px;
  margin-bottom: 0px;
  border-radius: 0px;
  margin-top: 10px;
  width: calc(50% - 4px);
}

.sliderContainer li .ppc18 .container div .btn-primary:hover,
.sliderContainer li .ppc18 .container div .btn-primary:active,
.sliderContainer li .ppc18 .container div .btn-primary:focus {
  background: #ccefff;
  border-color: #ccefff;
  color: #004c7d;
}

.sliderContainer li .ppc18 .container div .btn-primary .glyphicon {
  color: #f1c63c;
  margin-right: 6px;
  font-size: 26px;
  vertical-align: sub;
}

.sliderContainer li .ppc18 .container div .ppc18eb {
  position: absolute;
  top: 20px;
  left: 45%;
  width: auto;
}

.sliderContainer li .ppc18 .container div .ppcLogo {
  float: right;
}

.sliderContainer li .ppc18 .container div .rotate {
  -webkit-animation: rotation 30s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(359deg);
  }

  to {
    -webkit-transform: rotate(0deg);
  }
}

@media (max-width: 1599px) {
  .sliderContainer li .ppc18 .container div {
    padding: 40px 0px;
  }

  .sliderContainer li .ppc18 {
    background-position: center 70%;
  }

  .sliderContainer li .ppc18 .container div h1 {
    font-size: 60px;
  }

  .sliderContainer li .ppc18 .container div h2 {
    font-size: 18px;
  }

  .sliderContainer li .ppc18 .container div h3 {
    font-size: 30px;
  }

  .sliderContainer li .ppc18 .container div .btn-primary {
    padding: 15px 40px;
  }

  .sliderContainer li .ppc18 .container div .ppcLogo {
    float: right;
    width: 45%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .ppc18 .container div {
    padding: 20px 0px;
  }

  .sliderContainer li .ppc18 .container .outerBlock {
    padding: 30px 20px 20px 20px;
  }

  .sliderContainer li .ppc18 .container .subBlock {
    padding: 20px;
  }

  .sliderContainer li .ppc18 .container div h1 {
    font-size: 30px;
  }

  .sliderContainer li .ppc18 .container div h2 {
    font-size: 18px;
  }

  .sliderContainer li .ppc18 .container div h3 {
    font-size: 24px;
  }

  .sliderContainer li .ppc18 .container div .btn-primary {
    padding: 12px 30px;
  }

  .sliderContainer li .ppc18 .container div .ppc18eb {
    position: absolute;
    top: 10px;
    left: 45%;
    width: 120px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .ppc18 .container div {
    padding: 50px 0px;
    width: 100%;
  }

  .sliderContainer li .ppc18 .container .outerBlock {
    width: 100%;
  }

  .sliderContainer li .ppc18 .container div .ppc18eb {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    width: 120px;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .ppc18 .container div {
    padding: 10px 0px;
    width: 100%;
  }

  .sliderContainer li .ppc18 .container div h1 {
    font-size: 30px;
  }

  .sliderContainer li .ppc18 .container div h2 {
    font-size: 16px;
  }

  .sliderContainer li .ppc18 .container div h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .sliderContainer li .ppc18 .container div .btn-primary {
    padding: 10px 24px;
  }

  .sliderContainer li .ppc18 .container div .btn-primary .glyphicon {
    font-size: 20px;
  }

  .sliderContainer li .ppc18 .container div .ppc18eb {
    position: absolute;
    top: -10px;
    right: 10px;
    left: auto;
    width: 80px;
  }
}

@media (max-width: 500px) {
}

/* --- */

/* Bull and bear */

.sliderContainer li .bandb {
  background-image: url(/cisiweb2/image/wealthcampaign/introBG.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .bandb .container div {
  text-align: center;
  padding: 5% 0 0;
  width: 100%;
}

.sliderContainer li .bandb .container div h1 {
  font-weight: 400;
  font-family: Times New Roman;
  text-transform: uppercase;
  font-size: 100px;
  color: #fff;
  text-shadow: 0px 0px 150px rgba(0, 0, 0, 0.8);
}

.sliderContainer li .bandb .container div h2 {
  font-size: 45px;
  margin-bottom: 40px;
  color: #b2b2b2;
  font-family: Times New Roman;
  text-transform: uppercase;
  font-weight: 300;
}

.sliderContainer li .bandb .container div h3 {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 40px;
}

.sliderContainer li .bandb .container div .btn-primary {
  background: #000;
  border: 1px solid #000;
}

@media (max-width: 1599px) {
  .sliderContainer li .bandb .container div {
    padding: 5% 0 0;
  }

  .sliderContainer li .bandb .container div h1 {
    font-size: 80px;
  }

  .sliderContainer li .bandb .container div h2 {
    font-size: 40px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .bandb .container div {
    padding: 5% 0px;
  }

  .sliderContainer li .bandb .container div h1 {
    font-size: 60px;
  }

  .sliderContainer li .bandb .container div h2 {
    font-size: 34px;
  }

  .sliderContainer li .bandb .container div h3 {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .bandb .container div {
    padding: 10% 0px;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .bandb .container div {
    padding: 10px 0px;
    width: 100%;
  }

  .sliderContainer li .bandb .container div h1 {
    font-size: 40px;
  }

  .sliderContainer li .bandb .container div h2 {
    font-size: 30px;
  }

  .sliderContainer li .bandb .container div h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 500px) {
}

/* --- */

/* CWM Sholarship */

.sliderContainer li .cwmscholar {
  background-image: url(/cisiweb2/image/homepage/cwm.jpg);
  background-position: left 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .cwmscholar .container div {
  text-align: left;
  padding: 260px 0px 0px 0px;
  float: right;
  width: 55%;
  height: auto !important;
}

.sliderContainer li .cwmscholar .container div .contentWrapper {
  background: #9f2c4a;
  padding: 30px;
  width: 100% !important;
}

.sliderContainer li .cwmscholar .container div h1 {
  font-weight: 300;
  font-size: 44px;
  color: #fff;
  margin-top: 0px;
}

.sliderContainer li .cwmscholar .container div h2 {
  font-size: 24px;
  color: #fff;
  font-weight: 300;
}

.sliderContainer li .cwmscholar .container div .btn-primary {
  background: #fff;
  color: #000;
  border-color: #fff;
}

@media (max-width: 1599px) {
  .sliderContainer li .cwmscholar .container div {
    padding: 260px 0px 0px 0px;
  }

  .sliderContainer li .cwmscholar .container div h1 {
    font-size: 40px;
  }

  .sliderContainer li .cwmscholar .container div h2 {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .cwmscholar {
    background-position: center 30%;
  }

  .sliderContainer li .cwmscholar .container div {
    padding: 120px 0px 0px 0px;
  }

  .sliderContainer li .cwmscholar .container div h1 {
    font-size: 26px;
  }

  .sliderContainer li .cwmscholar .container div h2 {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .cwmscholar .container div {
    padding: 50px 0px;
    width: 70%;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .cwmscholar .container div {
    padding: 10px 0px;
    width: 100%;
  }

  .sliderContainer li .cwmscholar .container div h1 {
    font-size: 30px;
  }

  .sliderContainer li .cwmscholar .container div h2 {
    font-size: 16px;
  }
}

@media (max-width: 500px) {
}

/* --- */

/* Mental Health */

#cph_main_cph_main_C044,
#cph_main_cph_main_C055 {
  background: url(/cisiweb2/image/homepage/mentalhealth.jpg);
  padding: 20px;
  background-position: top right;
}

#cph_main_cph_main_C044 h2,
#cph_main_cph_main_C055 h2 {
  text-transform: uppercase;
  color: #ee2029;
  margin-top: 0px;
  font-family: Permanent Marker;
  opacity: 0.7;
  font-size: 50px;
  text-align: center;
}

#indiaMHS {
  background-image: url(/cisiweb2/image/homepage/indiaMHS.jpg);
}

.sliderContainer li .mentalHealth {
  background-image: url(/cisiweb2/image/homepage/indiaMHS.jpg);
  background-position: center 27%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .mentalHealth .container div {
  text-align: left;
  padding: 100px 0px 0px 0px;
  float: right;
  width: 55%;
  height: auto !important;
  text-align: center;
}

.sliderContainer li .mentalHealth .container div .contentWrapper {
  /*background:#9f2c4a;*/
  padding: 0px;
  width: 100% !important;
}

.sliderContainer li .mentalHealth .container div h1 {
  font-size: 90px;
  text-transform: uppercase;
  color: #ee2029;
  margin-top: 0px;
  font-family: Permanent Marker;
  opacity: 0.7;
  mix-blend-mode: darken;
}

.sliderContainer li .mentalHealth .container div h2 {
  font-size: 26px;
  color: #876569;
  font-weight: 400;
  line-height: 40px;
}

.sliderContainer li .mentalHealth .container div .btn-primary {
  background: #ee2029;
  color: #fff;
  border-color: #ee2029;
  border-radius: 200px;
  padding: 16px 40px;
  font-size: 18px;
  margin-top: 20px;
  opacity: 0.8;
}

@media (max-width: 1599px) {
  .sliderContainer li .mentalHealth .container div {
    padding: 100px 0px 0px 0px;
  }

  .sliderContainer li .mentalHealth .container div h1 {
    font-size: 70px;
  }

  .sliderContainer li .mentalHealth .container div h2 {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .mentalHealth {
    background-position: center 50%;
  }

  .sliderContainer li .mentalHealth .container div {
    padding: 50px 0px 0px 0px;
  }

  .sliderContainer li .mentalHealth .container div h1 {
    font-size: 50px;
  }

  .sliderContainer li .mentalHealth .container div h2 {
    font-size: 18px;
    line-height: 30px;
  }

  .sliderContainer li .mentalHealth .container div .btn-primary {
    background: #ee2029;
    color: #fff;
    border-color: #ee2029;
    border-radius: 200px;
    padding: 12px 30px;
    font-size: 16px;
    margin-top: 20px;
    opacity: 0.8;
  }

  #cph_main_cph_main_C044 h2 {
    text-transform: uppercase;
    color: #ee2029;
    margin-top: 0px;
    font-family: Permanent Marker;
    opacity: 0.7;
    font-size: 40px;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .mentalHealth .container div {
    padding: 110px 0px;
    width: 60%;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .mentalHealth .container div {
    padding: 20px 0px;
    width: 100%;
  }

  .sliderContainer li .mentalHealth .container div .contentWrapper {
    background: rgba(255, 255, 255, 0.6);
    padding: 20px;
    width: 100% !important;
  }

  .sliderContainer li .mentalHealth .container div h1 {
    font-size: 40px;
  }

  .sliderContainer li .mentalHealth .container div h2 {
    font-size: 18px;
    font-weight: 400;
  }

  .sliderContainer li .mentalHealth .container div .btn-primary {
    background: #ee2029;
    color: #fff;
    border-color: #ee2029;
    border-radius: 200px;
    padding: 12px 50px;
    font-size: 16px;
    margin-top: 20px;
    opacity: 0.8;
  }

  #cph_main_cph_main_C044 h2,
  #cph_main_cph_main_C055 h2 {
    text-transform: uppercase;
    color: #ee2029;
    margin-top: 0px;
    font-family: Permanent Marker;
    opacity: 0.7;
    font-size: 34px;
    text-align: center;
  }
}

@media (max-width: 500px) {
}

/* --- */

/* CityView FCA register */

.sliderContainer li .cvfca {
  background-image: url(/cisiweb2/image/homepage/cvfca.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .cvfca .container div {
  text-align: left;
  padding: 20px 0px;
  width: 55%;
}

.sliderContainer li .cvfca .container div h1 {
  font-weight: 200;
  font-size: 60px;
}

.sliderContainer li .cvfca .container div h1 .red {
  color: #bd0a07;
}

.sliderContainer li .cvfca .container div h1 .blue {
  color: #1a6ea4;
}

.sliderContainer li .cvfca .container div h1 .green {
  color: #58b05f;
}

.sliderContainer li .cvfca .container div h1 .yellow {
  color: #f3ab00;
}

.sliderContainer li .cvfca .container div p {
  font-size: 22px;
  color: #666666;
  font-weight: 400;
  margin-bottom: 40px;
  font-family: raleway;
  width: 85%;
}

.sliderContainer li .cvfca .container div .btn-primary {
  background: #1a6ea4;
  color: #ffffff;
  border: 0px solid;
  font-size: 18px;
}

@media (max-width: 1599px) {
  .sliderContainer li .cvfca .container div {
    padding: 20px 0px;
    width: 80%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .cvfca .container div {
    padding: 10px 0px;
  }

  .sliderContainer li .cvfca .container div h1 {
    font-size: 40px;
  }

  .sliderContainer li .cvfca .container div p {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .sliderContainer li .cvfca .container div .btn-primary {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .cvfca .container div {
    padding: 0px 0px;
    width: 100%;
  }

  .sliderContainer li .cvfca {
    background-position: center bottom;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .cvfca .container div {
    padding: 0px 0px;
    width: 100%;
  }

  .sliderContainer li .cvfca .container div h1 {
    font-size: 24px;
    font-weight: 400;
  }

  .sliderContainer li .cvfca .container div p {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .sliderContainer li .cvfca {
    background-position: 40% bottom;
  }
}

@media (max-width: 500px) {
}

/* --- */

/* CityView FCA register */

.sliderContainer li .mcf {
  background-image: url(/cisiweb2/image/homepage/mcf.jpg);
  background-position: left 40%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .mcf .container div.content {
  text-align: center;
  padding: 50px 50px 0px 0px;
  width: 70%;
  float: right;
}

.sliderContainer li .mcf .container div h1 {
  font-weight: 200;
  font-size: 65px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 30px;
}

.sliderContainer li .mcf .container div h2 {
  font-size: 45px;
  font-weight: 200;
  margin-top: 0px;
  color: #fff;
}

.sliderContainer li .mcf .container div .btn-primary {
  background: #1a6ea4;
  color: #ffffff;
  border: 0px solid;
  font-size: 18px;
}

.sliderContainer li .mcf .container .embed-responsive {
  height: 0 !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .mcf .container div.content {
    padding: 80px 0px;
    width: 70%;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .mcf .container div.content {
    padding: 30px 0px;
  }

  .sliderContainer li .mcf .container div h1 {
    font-weight: 200;
    font-size: 45px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .sliderContainer li .mcf .container div h2 {
    font-size: 30px;
    font-weight: 200;
    margin-top: 0px;
    color: #fff;
  }

  .sliderContainer li .mcf .container div .btn-primary {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .mcf .container div.content {
    padding: 80px 0px;
    width: 80%;
  }

  .sliderContainer li .mcf {
    background-position: 20% bottom;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .mcf .container div.content {
    padding: 50px 0px;
    width: 100%;
  }

  .sliderContainer li .mcf .container div h1 {
    font-weight: 200;
    font-size: 30px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .sliderContainer li .mcf .container div h2 {
    font-size: 20px;
    font-weight: 200;
    margin-top: 0px;
    color: #fff;
  }

  .sliderContainer li .mcf {
    background-position: 90% bottom;
  }

  .sliderContainer li .mcf .container div .col-sm-3 {
    height: auto;
  }
}

@media (max-width: 500px) {
}

/* --- */

/* Confidence in the economy */

.sliderContainer li .confidence {
  background-image: url(/cisiweb2/image/homepage/confidence.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .confidence .container div.content {
  text-align: left;
  padding: 100px 0px 0px 0px;
  width: 60%;
  float: left;
}

.sliderContainer li .confidence .container div h1 {
  font-weight: 400;
  font-size: 55px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 30px;
}

.sliderContainer li .confidence .container div h2 {
  font-size: 28px;
  font-weight: 200;
  margin-top: 0px;
  color: #fff;
}

.sliderContainer li .confidence .container div h2 strong {
  color: #489fd3;
}

.sliderContainer li .confidence .container div .btn-primary {
  background: #357fab;
  color: #fff;
  border: 0px solid;
  margin-top: 20px;
  border-radius: 200px;
}

.sliderContainer li .confidence .container div .btn-primary:hover {
  background: #489fd3;
  color: #fff;
}

.confidence .glyphicon {
  color: #016775 !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .confidence {
    background-image: url(/cisiweb2/image/homepage/confidence.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sliderContainer li .confidence .container div.content {
    padding: 40px 0px;
    width: 60%;
  }

  .sliderContainer li .confidence .container div h1 {
    font-weight: 200;
    font-size: 45px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .sliderContainer li .confidence .container div h2 {
    font-size: 28px;
    font-weight: 300;
    margin-top: 0px;
    color: #fff;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .confidence .container div.content {
    padding: 50px 0px;
    width: 50%;
  }

  .sliderContainer li .confidence .container div h1 {
    font-weight: 200;
    font-size: 35px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .sliderContainer li .confidence .container div h2 {
    font-size: 20px;
    font-weight: 300;
    margin-top: 0px;
    color: #fff;
  }

  .sliderContainer li .confidence .container div .btn-primary {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .confidence .container div.content {
    padding: 20px 0px;
    width: 80%;
  }

  .sliderContainer li .confidence {
    background-position: 20% bottom;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .confidence .container div.content {
    padding: 20px 0px;
    width: 100%;
    text-align: center;
  }

  .sliderContainer li .confidence .container div .btn-primary {
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  }

  .sliderContainer li .confidence .container div h1 {
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .sliderContainer li .confidence .container div h2 {
    font-size: 20px;
    font-weight: 300;
    margin-top: 0px;
    color: #fff;
  }

  .sliderContainer li .confidence {
    background-position: center top;
  }

  .sliderContainer li .confidence .container div .col-sm-3 {
    height: auto;
  }
}

@media (max-width: 500px) {
}

/* --- */

/* SMCR */

.sliderContainer li .smcr {
  background: url(/cisiweb2/image/homepage/smcrBg.jpg);
  background-size: cover;
  background-position: 60% center;
  background-repeat: no-repeat;
}

.sliderContainer li .smcr .container {
  padding-bottom: 70px;
  padding-top: 20px;
  padding-right: 15px;
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
}

.sliderContainer li .smcr h2 {
  color: #6c7073;
}

.sliderContainer li .smcr a {
  font-weight: 500;
  border: 2px solid #6c7073;
  padding: 10px 20px;
  border-radius: 200px;
  transition: 0.5s all;
  color: #6c7073;
  margin-top: 10px;
  display: inline-block;
}

.sliderContainer li .smcr a:hover {
  color: #fff;
  background: #6c7073;
}

.sliderContainer li .smcr .smcrLogo {
  width: 220px !important;
  margin-left: -10px;
}

@media (min-width: 768px) {
  .sliderContainer li .smcr .container {
    padding-bottom: 60px;
    padding-top: 60px;
    padding-right: 40%;
    background: none;
  }

  .workLife .container {
    padding-left: 35%;
  }

  .sliderContainer li .smcr {
    background-position: 75% bottom;
  }

  .sliderContainer li .smcr .smcrLogo {
    width: 250px !important;
    margin-left: -10px;
  }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
  .sliderContainer li .smcr .container {
    padding-bottom: 60px;
    padding-top: 40px;
    padding-right: 28%;
  }

  .sliderContainer li .smcr .smcrLogo {
    width: 420px !important;
    margin-left: -10px;
  }

  .sliderContainer li .smcr {
    background-position: right center;
  }
}

@media (min-width: 1600px) {
  .sliderContainer li .smcr .container {
    padding-bottom: 100px;
    padding-top: 50px;
    padding-right: 28%;
  }

  .workLife .container {
    padding-left: 22%;
  }
}

@media (min-width: 1700px) {
  .sliderContainer li .smcr .container {
    padding-bottom: 100px;
    padding-top: 50px;
    padding-right: 24%;
  }
}

/* --- */

/*.prNew2  */

.sliderContainer li .prNew2 {
  background-image: url(/cisiweb2/image/homepage/prnew.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .prNew2 .container div.content {
  text-align: left;
  padding: 70px 0px 0px 0px;
  width: 50%;
  float: left;
}

.sliderContainer li .prNew2 .container div h1 {
  font-weight: 400;
  font-size: 100px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.sliderContainer li .prNew2 .container div h2 {
  font-size: 34px;
  font-weight: 200;
  margin-top: 0px;
  color: #fff;
  text-align: left;
}

.sliderContainer li .prNew2 .container div h3 {
  font-size: 34px;
  font-weight: 200;
  margin-top: 0px;
  color: #fff;
  text-align: right;
}

.sliderContainer li .prNew2 .container div p {
  font-size: 22px;
  color: #fff;
}

.sliderContainer li .prNew2 .container div .btn-primary {
  background: #5b1c91;
  color: #fff;
  border: 0px solid;
  margin-top: 0px;
  border-radius: 200px;
}

.sliderContainer li .prNew2 .container div .btn-primary:hover {
  background: #742eb1;
  color: #fff;
}

.prNew2 .glyphicon {
  color: #016775 !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .prNew2 {
    background-image: url(/cisiweb2/image/homepage/prnew.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sliderContainer li .prNew2 .container div.content {
    padding: 40px 0px;
    width: 50%;
  }

  .sliderContainer li .prNew2 .container div h1 {
    font-weight: 400;
    font-size: 90px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
  }

  .sliderContainer li .prNew2 .container div h2 {
    font-size: 28px;
    font-weight: 200;
    margin-top: 0px;
    color: #fff;
    text-align: left;
  }

  .sliderContainer li .prNew2 .container div h3 {
    font-size: 28px;
    font-weight: 200;
    margin-top: 0px;
    color: #fff;
    text-align: right;
  }

  .sliderContainer li .prNew2 .container div p {
    font-size: 20px;
    color: #fff;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .prNew2 .container div.content {
    padding: 30px 0px;
    width: 50%;
  }

  .sliderContainer li .prNew2 .container div h1 {
    font-weight: 400;
    font-size: 60px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
  }

  .sliderContainer li .prNew2 .container div h2 {
    font-size: 24px;
    font-weight: 200;
    margin-top: 0px;
    color: #fff;
    text-align: left;
  }

  .sliderContainer li .prNew2 .container div h3 {
    font-size: 24px;
    font-weight: 200;
    margin-top: 0px;
    color: #fff;
    text-align: right;
  }

  .sliderContainer li .prNew2 .container div p {
    font-size: 16px;
    color: #fff;
  }

  .sliderContainer li .prNew2 .container div .btn-primary {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .prNew2 .container div.content {
    padding: 80px 0px;
    width: 60%;
  }

  .sliderContainer li .prNew2 {
    background-position: 20% bottom;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .prNew2 .container div.content {
    padding: 20% 0px;
    width: 100%;
    text-align: center;
  }

  .sliderContainer li .prNew2 .container div .btn-primary {
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  }

  .sliderContainer li .prNew2 .container div h1 {
    font-weight: 400;
    font-size: 50px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
  }

  .sliderContainer li .prNew2 .container div h2 {
    font-size: 22px;
    font-weight: 200;
    margin-top: 0px;
    color: #fff;
    text-align: center;
  }

  .sliderContainer li .prNew2 .container div h3 {
    font-size: 22px;
    font-weight: 200;
    margin-top: 0px;
    color: #fff;
    text-align: center;
  }

  .sliderContainer li .prNew2 .container div p {
    font-size: 16px;
    color: #fff;
  }

  .sliderContainer li .prNew2 {
    background-position: left center;
  }

  .sliderContainer li .prNew2 .container div .col-sm-3 {
    height: auto;
  }
}

@media (max-width: 500px) {
}

/* --- */

/*Green Finance*/

.sliderContainer li .greenFin {
  background-color: #578719;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .greenFin .container div h2 {
  font-weight: 400;
  font-size: 42px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Lora";
  text-shadow: 1px 2px 2px #314b06;
}

.sliderContainer li .greenFin p {
  color: #fff;
  font-weight: 450;
  font-size: 22px;
}

.greenFin .container {
  width: 100%;
}

.sliderContainer li .greenFin .container div .btn-primary {
  background: #63a949;
  color: #fff;
  border: 0px solid;
  margin-top: 10px;
  border-radius: 200px;
}

.sliderContainer li .greenFin .container div .btn-primary:hover {
  background: #8bc177ab;
  color: #fff;
}

.theEye img {
  width: 1217px;
}

@media (max-width: 1921px) {
  .theEye {
    position: relative;
    left: -74px;
    top: -154px;
    width: 69%;
    overflow: hidden;
    height: auto !important;
  }

  .sliderContainer li .greenFin .container div.content {
    padding: 100px 0px 0px 0px;
    width: 29%;
    /* position: relative; */
    left: -6%;
  }
}

@media (max-width: 1599px) {
  .sliderContainer li .greenFin .container div.content {
    padding: 40px 40px;
  }

  .theEye {
    left: -44px;
    top: -117px;
  }

  .sliderContainer li .greenFin .container div.content {
    padding: 31px 0px 0px 0px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .greenFin .container div h2 {
    font-size: 32px;
  }

  .sliderContainer li .greenFin .container div p {
    font-size: 16px;
  }

  .theEye {
    left: -34px;
    top: -88px;
  }
}

@media (max-width: 995px) {
  .theEye {
    left: -34px;
    top: 21px;
  }
}

@media (min-width: 500px) and (max-width: 768px) {
  .theEye {
    width: 97vw;
    top: -39px;
    left: -179px;
  }

  .sliderContainer li .greenFin .content {
    position: absolute;
    left: 59% !important;
    width: 38% !important;
    top: 6%;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .greenFin .container div h2 {
    font-size: 30px;
  }
}

@media (max-width: 500px) {
  .theEye {
    position: absolute;
    width: 176vw;
    top: -130px;
    left: -29.5vw;
  }

  .sliderContainer li .greenFin .content {
    /* right:0px; */
    width: 100% !important;
    position: sticky;
    /* margin-right :auto; */
    /* margin-left  :auto; */
    margin-top: 53%;
    text-align: center;
    /* left         : 0% !important; */
    background-color: #000000a3;
    padding: 15px !important;
  }

  .greenFin .container {
    padding: 0;
  }
}

@media screen and (min-width: 1700px) {
  .sliderContainer li .greenFin .container div h2 {
    font-size: 60px;
  }
}

/*-------------------------------*/

/* fp20online */

.sliderContainer li .fp20online {
  background-image: url(/cisiweb2/image/homepage/fp20online.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .fp20online .container div.content {
  text-align: left;
  padding: 100px 0px 0px 0px;
  width: 50%;
  float: left;
}

.sliderContainer li .fp20online .container div h1 {
  font-weight: 400;
  font-size: 35px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 30px;
  font-family: open sans;
}

.sliderContainer li .fp20online .container div h2 {
  font-size: 26px;
  font-weight: 200;
  margin-top: 0px;
  color: #fff;
}

.sliderContainer li .fp20online .container div h2 strong {
  color: #fff;
}

.sliderContainer li .fp20online .container div .btn-primary {
  background: #ec1b2e;
  color: #fff;
  border: 0px solid;
  margin-top: 20px;
  border-radius: 200px;
}

.sliderContainer li .fp20online .container div .btn-primary.yellowButton {
  background: #ffcc05;
  color: #080d26;
}

.sliderContainer li .fp20online .container div .btn-primary:hover {
  background: #489fd3;
  color: #fff;
}

.fp20online .glyphicon {
  color: #016775 !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .fp20online {
    background-image: url(/cisiweb2/image/homepage/fp20online.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sliderContainer li .fp20online .container div.content {
    padding: 40px 0px;
    width: 50%;
  }

  .sliderContainer li .fp20online .container div h1 {
    font-weight: 200;
    font-size: 30px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .sliderContainer li .fp20online .container div h2 {
    font-size: 20px;
    font-weight: 300;
    margin-top: 0px;
    color: #fff;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .fp20online .container div.content {
    padding: 30px 0px;
    width: 50%;
  }

  .sliderContainer li .fp20online .container div h1 {
    font-weight: 200;
    font-size: 28px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .sliderContainer li .fp20online .container div h2 {
    font-size: 18px;
    font-weight: 300;
    margin-top: 0px;
    color: #fff;
  }

  .sliderContainer li .fp20online .container div .btn-primary {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .fp20online .container div.content {
    padding: 80px 0px;
    width: 50%;
  }

  .sliderContainer li .fp20online {
    background-position: 20% bottom;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .fp20online .container div.content {
    padding: 40px 0px;
    width: 100%;
    text-align: center;
  }

  .sliderContainer li .fp20online .container div .btn-primary {
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  }

  .sliderContainer li .fp20online .container div h1 {
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .sliderContainer li .fp20online .container div h2 {
    font-size: 20px;
    font-weight: 300;
    margin-top: 0px;
    color: #fff;
  }

  .sliderContainer li .fp20online {
    background-position: left top;
  }

  .sliderContainer li .fp20online .container div .col-sm-3 {
    height: auto;
  }
}

@media (max-width: 500px) {
}

/* --- */

/* simonlbc */

.sliderContainer li .simonlbc {
  background-image: url(/cisiweb2/image/homepage/simonlbc.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .simonlbc .container div.content {
  text-align: left;
  padding: 100px 0px 0px 0px;
  width: 45%;
  float: left;
}

.sliderContainer li .simonlbc .container div h1 {
  font-weight: 400;
  font-size: 55px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 30px;
}

.sliderContainer li .simonlbc .container div h2 {
  font-size: 24px;
  font-weight: 200;
  margin-top: 0px;
  color: #fff;
}

.sliderContainer li .simonlbc .container div h2 strong {
  color: #296d96;
  font-size: 150%;
}

.sliderContainer li .simonlbc .container div .btn-primary {
  background: #357fab;
  color: #fff;
  border: 0px solid;
  margin-top: 20px;
  border-radius: 200px;
}

.sliderContainer li .simonlbc .container div .btn-primary:hover {
  background: #489fd3;
  color: #fff;
}

.simonlbc .glyphicon {
  color: #016775 !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .simonlbc {
    background-image: url(/cisiweb2/image/homepage/simonlbc.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sliderContainer li .simonlbc .container div.content {
    padding: 40px 0px;
    width: 60%;
  }

  .sliderContainer li .simonlbc .container div h1 {
    font-weight: 200;
    font-size: 45px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .sliderContainer li .simonlbc .container div h2 {
    font-size: 28px;
    font-weight: 300;
    margin-top: 0px;
    color: #fff;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .simonlbc .container div.content {
    padding: 50px 0px;
    width: 50%;
  }

  .sliderContainer li .simonlbc .container div h1 {
    font-weight: 200;
    font-size: 35px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .sliderContainer li .simonlbc .container div h2 {
    font-size: 20px;
    font-weight: 300;
    margin-top: 0px;
    color: #fff;
  }

  .sliderContainer li .simonlbc .container div .btn-primary {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .simonlbc .container div.content {
    padding: 20px 0px;
    width: 80%;
  }

  .sliderContainer li .simonlbc {
    background-position: 20% bottom;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .simonlbc .container div.content {
    padding: 20px 0px;
    width: 100%;
    text-align: center;
  }

  .sliderContainer li .simonlbc .container div .btn-primary {
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  }

  .sliderContainer li .simonlbc .container div h1 {
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .sliderContainer li .simonlbc .container div h2 {
    font-size: 20px;
    font-weight: 300;
    margin-top: 0px;
    color: #fff;
  }

  .sliderContainer li .simonlbc {
    background-position: center top;
  }

  .sliderContainer li .simonlbc .container div .col-sm-3 {
    height: auto;
  }
}

@media (max-width: 500px) {
}

/* --- */

/* FP Week */

.sliderContainer li .fpweek20 {
  background-image: url("/cisiweb2/image/fp/fpweek20/introbg.jpg");
  background-size: cover;
  background-position: center 30%;
}

.sliderContainer li .fpweek20 .container div {
  height: auto;
  padding-top: 50px;
  text-align: center;
}

.sliderContainer li .fpweek20 .container div h1 {
  color: #ffffff !important;
  font-size: 60px !important;
  font-weight: 200 !important;
  margin-top: 60px;
  font-family: open sans;
}

.sliderContainer li .fpweek20 .container div h2 {
  color: #ffffff !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}

.fpweek20 p {
  color: #fff;
  font-size: 24px;
  margin-bottom: 30px;
}

.fpweek20 .btn-default {
  font-size: 17px;
}

@media (max-width: 1599px) {
  .sliderContainer li .fpweek20 .container div h1 {
    font-size: 46px !important;
  }

  .sliderContainer li .fpweek20 .container div h2 {
    font-size: 24px !important;
  }

  .fpweek20 p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .fpweek20 .container div h1 {
    font-size: 36px !important;
    margin-top: 30px;
  }

  .sliderContainer li .fpweek20 .container div h2 {
    font-size: 20px !important;
  }

  .sliderContainer li .fpweek20 .container div {
    height: auto;
    padding-top: 0px;
    text-align: center;
  }

  .fpweek20 p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 30px;
  }

  .fpweek20 .btn-default {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .fpweek20 .container div {
    height: auto;
    padding-top: 10px;
    text-align: center;
  }

  .sliderContainer li .fpweek20 .container div h1 {
    font-size: 26px !important;
  }

  .sliderContainer li .fpweek20 .container div h2 {
    font-size: 18px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .sliderContainer li .fpweek20 .container {
    background: none;
  }

  .fpweek20 p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
  }
}

/* --- */

/* PHILIPPINES Anti-Money Laundering */

.sliderContainer li .wmp {
  background-size: cover;
  background-position: center center;
}

.wmp1 {
  background-image: url("/cisiweb2/image/ph/ph.jpg");
  padding: 40px 0px !important;
  color: #fff;
  background-size: cover;
  background-position: bottom;
}

.philbanner h1 {
  color: #a6c1ff !important;
  font-family: "Raleway", century gothic, sans-serif;
  font-size: 40px;
}

.philbanner p {
  color: white;
}

.amlc {
  width: 200px !important;
  position: relative;
  left: 700px;
  bottom: 100px;
  font-size: 13px !important;
  align-content: inherit;
}

.amlct {
  font-size: 15px !important;
  position: relative;
  left: 750px;
  bottom: 90px;
}

.philbanner {
  height: 450px !important;
}

.anti-money {
  background-color: #0000005c;
}

.amlc_logo {
  display: grid;
  float: right;
  padding: 10px 4vh 10px 10px;
}

.accimg {
  margin-top: 0px !important;
  width: 15vh !important;
}

.amlc_logo span {
  font-size: 1.2vh;
}

.mon p {
  margin: 10px;
  color: white;
  font-weight: 600;
}

.mon h1 {
  color: #a6c1ff !important;
  font-family: "Raleway", century gothic, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

/* Ireland - Linkdin banner */

.linkedin {
  background-image: url("/cisiweb2/image/homepage/ireland_net.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #0c6a73d1;
}

.linkedin h1,
.linkedin p {
  color: white;
}

.link-con {
  background-color: #0c6a73d1;
  margin-top: 10%;
  padding-right: 2% !important;
  padding-left: 2% !important;
  padding-top: 1% !important;
  padding-bottom: 3% !important;
}

@media screen and (min-width: 1600px) {
  .link-con h1 {
    font-size: 60px;
  }
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {
  .link-con {
    margin-top: 7% !important;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .link-con {
    margin-top: 5% !important;
  }
}

@media screen and (max-width: 769px) and (min-width: 0px) {
  .img {
    display: none !important;
  }

  .linkedin h1,
  .linkedin p {
    padding: 15px;
  }

  .link-con {
    background-color: #0c6a73d1;
    margin-top: 10%;
    padding-right: 1% !important;
    padding-left: 1% !important;
    padding-top: 1% !important;
    padding-bottom: 1% !important;
  }
}

@media screen and (max-width: 576px) and (min-width: 0px) {
  .linkedin p {
    font-size: small;
  }

  .linkedin {
  }

  .link-con {
    margin-top: 10%;
    padding-right: 1% !important;
    padding-left: 1% !important;
    padding-top: 1% !important;
    padding-bottom: 1% !important;
  }
}

@media screen and (max-width: 398px) and (min-width: 0px) {
  .link-con {
    margin-top: 5% !important;
  }

  .link-btn {
    margin-left: 28%;
  }
}

@media screen and (max-width: 300px) and (min-width: 0px) {
  .link-con p {
    font-size: 12px;
  }

  .link-btn {
    margin-left: 20px;
    margin-top: -20px !important;
  }
}

/* diwali20 tile */

.sliderContainer li .diwali20 {
  background-image: url("/cisiweb2/image/homepage/diwali20.jpg");
  background-size: cover;
  background-position: center center;
}

.sliderContainer li .diwali20 .container div {
  top: 15%;
  left: 10%;
  height: auto;
  margin: 0;
  padding: 30px;
  position: absolute;
  width: 60%;
  text-align: center;
}

.sliderContainer li .diwali20 .container div img {
  width: 80%;
  max-width: 600px;
}

.sliderContainer li .diwali20 .container div h5 {
  color: #fff !important;
  font-size: 24px !important;
  margin-top: 30px !important;
  margin-bottom: 20px !important;
  line-height: 40px !important;
  font-weight: 500;
  display: inline-block;
  margin-right: 20px;
}

@media (max-width: 1599px) {
  .sliderContainer li .diwali20 .container div h5 {
    font-size: 26px !important;
    margin-top: 20px !important;
    line-height: 30px !important;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .diwali20 .container div h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .diwali20 .container div {
    padding: 20px;
    width: 40%;
    top: 12%;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .diwali20 .container div h5 {
    font-size: 20px !important;
    margin-right: 0px;
  }

  .sliderContainer li .diwali20 .container div {
    bottom: 0%;
    top: 10%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 30px;
    position: absolute;
    width: 80%;
  }
}

@media (max-width: 700px) {
  .sliderContainer li .diwali20 .container div h5 {
    font-size: 20px !important;
  }

  .sliderContainer li .diwali20 .container div {
    bottom: 0%;
    top: 10%;
    left: 0%;
    height: auto;
    margin: 0;
    padding: 50px 30px;
    position: absolute;
    width: 100%;
  }
}

/* --- */

/*Advent 2020--------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap");

.Advent h2 {
  margin-top: 69px;
  font-weight: 900;
}

.Advent p {
  font-weight: 800;
}

@media (min-width: 200px) {
  canvas {
    pointer-events: none;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
  }

  .Advent a {
    position: relative;
    bottom: -26vh;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    background-color: #b47e3e;
    border-color: #b47e3e;
    box-shadow: 4px 5px 0px #724615;
  }

  .Advent a:hover {
    background-color: #a2733b;
    border-color: #a2733b;
  }

  .Advent {
    padding: 20px;
    background-image: url(/cisiweb2/image/advent20/hometile4.jpg);
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #b9ded6;
    background-position-y: 6vh;
  }

  .Advent h2 {
    z-index: 100;
    color: #b47e3e;
    font-family: "Archivo Black", sans-serif;
    text-shadow: 2px 2px 0px #724615;
    font-size: 8vw;
    margin-top: 0;
  }

  .Advent p {
    z-index: 100;
    background-color: transparent;
    color: #449282;
    font-family: "Archivo Black", sans-serif;
    text-shadow: 2px 2px 0px #11604e;
    font-size: 7vw;
  }
}

@media (min-width: 450px) {
  .Advent a {
    bottom: -15vh;
  }
}

@media (min-width: 600px) {
  .Advent h2 {
    font-size: 45px;
  }

  .Advent p {
    font-size: 30px;
  }

  .Advent a {
    padding: 14px 40px;
    margin-left: auto;
    margin-right: auto;
    bottom: -24vh;
  }
}

@media (min-width: 900px) {
  .Advent {
    background-position-y: 3vh;
    background-size: 101%;
  }

  .Advent a {
    bottom: 0;
  }
}

@media (min-width: 1199px) {
  .Advent h2 {
    margin-top: 50px;
    font-size: 80px;
  }

  .Advent p {
    font-size: 44px;
  }

  .Advent a {
    font-size: 20px;
  }
}

@media (min-width: 1600px) {
  .Advent {
    background-size: 100%;
  }

  .Advent h2 {
    font-size: 87px;
  }

  .Advent p {
    font-size: 51px;
  }
}

/*International Video */

.gibraltar {
  background-image: url(/cisiweb2/image/homepage/gibra.jpg) !important;
}

.btn.btn-primary.playVideo {
  display: none;
}

.philUK img,
.slUK img {
  margin: 0px;
}

.ireland .landerText,
.switzerland .landerText,
.qatar .landerText,
.kuwait .landerText,
.uae .landerText {
  background: none repeat scroll 0 0 rgba(0, 102, 102, 0.85);
  color: #ffffff;
}

.ireland .landerText h1,
.ireland .landerText h5,
.switzerland .landerText h1,
.switzerland h5,
.qatar .landerText h1,
.qatar .landerText h5,
.kuwait h1,
.kuwait h5,
.uae .landerText h1,
.uae .landerText h5 {
  color: #ffffff !important;
}

.irelandModal {
  padding: 0px !important;
}

@media (max-width: 1400px) {
  .philUK,
  .slUK {
    width: 180px !important;
  }

  .srilanka .container {
    padding-right: 0px;
  }
}

@media (max-width: 900px) {
  .philUK,
  .slUK {
    width: 130px !important;
  }

  .extraText {
    display: none;
  }

  .kuwait .landerText,
  .qatar .landerText {
    margin-top: 0px;
  }
}

@media (max-width: 600px) {
  .philUK,
  .slUK,
  .cyprusUK,
  .inUK {
    width: 100px !important;
  }

  .philippines .landerText,
  .srilanka .landerText {
    margin-top: 0px;
  }

  img.playVideo {
    display: none;
  }

  .btn.btn-primary.playVideo {
    display: block;
  }

  .btn.btn-primary.playVideo .glyphicon {
    color: white;
    margin-right: 5px;
  }
}

@media (max-width: 991px) {
  .philippines .landerText,
  .india .landerText,
  .srilanka .landerText,
  .uae .landerText,
  .nigeria .landerText,
  .cyprus .landerText,
  .switzerland .landerText,
  .ireland .landerText {
    margin-top: 0px;
  }
}

/*Remote Invigilation*/

.remoteInv {
  background: #58cbc4;
  background-image: url(/cisiweb2/image/qualifications/ribg.jpg);
}

.remoteInv h1 {
  color: white;
  font-weight: 400;
  margin-top: 15px;
  text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
}

.remoteInv p {
  color: #fff;
  line-height: 26px;
  text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
}

.txt.col-sm-6 {
  position: relative;
}

.remoteInv h1 {
  font-size: 35px;
  text-align: center;
}

.remoteInv p {
  font-size: 15px;
  text-align: center;
}

.remoteInv .container {
  position: relative;
  height: 100%;
  padding: 0;
  background: #222b2bde;
}

.remoteInv .content {
  height: 100%;
  padding: 100px 3px;
}

.txt a {
  width: 100%;
}

@media (min-width: 760px) {
  .remoteInv {
    background-image: none;
  }

  .remoteInv .container {
    background-color: #faebd700;
    padding: 20px 20px;
  }

  .txt.col-sm-6 {
    position: absolute;
    height: 100%;
    width: 80%;
    top: 25%;
  }

  .remoteInv h1 {
    font-size: 50px;
    text-align: left;
  }

  .remoteInv p {
    font-size: 17px;
    text-align: left;
  }

  .txt a {
    width: unset;
  }
}

@media (min-width: 1024px) {
  .remoteInv {
    background: #58cbc4;
    background-image: url(/cisiweb2/image/qualifications/ribg.jpg);
    background-size: cover;
    background-position-x: -149px;
  }

  .txt.col-sm-6 {
    right: 2%;
    top: 1%;
    width: 50%;
    height: auto;
    /* background-color: #000000ba; */
    border-radius: 10px;
    padding: 10px;
  }

  .txt a {
    float: right;
  }
}

@media (min-width: 1200px) {
  .txt.col-sm-6 {
    top: 18%;
  }

  .txt a {
    float: left;
  }
}

@media (min-width: 1400px) {
  .remoteInv {
    background-position-x: 0;
  }

  .txt.col-sm-6 {
    right: -7%;
  }
}

@media (min-width: 1599px) {
  .txt.col-sm-6 {
    right: -2%;
    width: 40%;
  }
}

@media (min-width: 1900px) {
  .txt.col-sm-6 {
    right: -2%;
    width: 46%;
  }

  .remoteInv h1 {
    font-size: 60px;
  }

  .remoteInv p {
    font-size: 23px;
    line-height: 33px;
  }
}

/*-----------------------------------------------------------------------*/

/*Vulnerable Clients*/

.VuCli {
  background-image: url(/cisiweb2/image/pa/bg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  /* background-position-x: right; */
  /* background-position-y: -127px; */
}

.sliderContainer li .VuCli .container {
  background-color: #84e4e0eb;
  height: 100%;
}

.sliderContainer li .VuCli .container div h1 {
  font-family: "Open sans";
  color: #1379a5;
  font-weight: 400;
  font-size: 35px;
  text-align: left;
}

.sliderContainer li .VuCli .container div p {
  color: #1379a5;
  font-weight: 500;
  text-align: lef;
}

.VuCli img {
  width: 232px;
  position: relative;
  right: 15vw;
}

.VuCli a {
  width: 100%;
}

@media (min-width: 760px) {
  .VuCli a {
    width: auto;
  }

  .sliderContainer li .VuCli .container {
    width: 80%;
    float: left;
    padding: 70px 60px;
  }

  .VuCli img {
    right: 0;
  }
}

.sliderContainer li .VuCli .container {
  background-color: #84e4e000;
}

@media (min-width: 1023px) {
  .sliderContainer li .VuCli .container {
    padding: 50px 60px;
    width: 70%;
  }
}

@media (min-width: 1200px) {
  .sliderContainer li .VuCli .container {
    padding: 70px 60px;
    width: 70%;
  }

  .sliderContainer li .VuCli .container div h1 {
    font-size: 50px;
  }

  .VuCli img {
    width: 300px;
  }
}

@media (min-width: 1900px) {
  .sliderContainer li .VuCli .container {
    padding: 90px 100px;
    width: 70%;
  }

  .sliderContainer li .VuCli .container div h1 {
    font-size: 70px;
  }

  .sliderContainer li .VuCli .container div p {
    font-size: 20px;
    line-height: 33px;
  }

  .VuCli img {
    width: 400px;
  }
}

/*---------------------------------------------*/

/*-----------------------------------------------------------------------*/

/*Lannka 10th*/

.lanka10 {
  background-image: url(/cisiweb2/image/10th/col1.jpg);
  background-size: cover;
  background-position-y: center;
  text-align: center;
}

.lanka10 img {
  width: 971px;
}

.lanka10 {
  display: flex;
  align-items: center;
}

.lanka10 h2 {
  font-size: 56px;
  color: white !important;
  text-shadow: 0 0 6px black;
  margin: 45px;
}

.lanka10 a {
  background-color: #004e5a;
  border-color: #004e5a;
}

@media (max-width: 600px) {
  .lanka10 h2 {
    font-size: 49px;
    margin: 53px 10px;
  }
}

@media (max-width: 1119px) {
  .lanka10 h2 {
    font-size: 37px;
    margin: 36px 10px;
  }

  .lanka10 img {
    width: 533px;
  }
}

/*----------------Singapore----------------------*/

.singapore .landerText {
  padding: 30px;
  margin-top: 0;
}

@media (min-width: 1400px) {
  .singapore .container {
    width: 40%;
    margin-left: 10%;
  }
}

/*---------------------------------------------*/

/* ppc21 */

.sliderContainer li .ppc21 {
  background-image: url(/cisiweb2/image/homepage/ppc21.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderContainer li .ppc21 .container div.content {
  text-align: left;
  padding: 100px 0px 0px 0px;
  width: 58%;
  float: left;
}

.sliderContainer li .ppc21 .container div h1 {
  font-size: 65px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: open sans;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 0px 0px 20px #000;
}

.sliderContainer li .ppc21 .container div h2 {
  font-size: 36px;
  font-weight: bold;
  margin-top: 0px;
  color: #fff;
  text-shadow: 0px 0px 20px #000;
}

.sliderContainer li .ppc21 .container div h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  margin-top: 0px;
  color: #fff;
  text-shadow: 0px 0px 20px #000;
}

.sliderContainer li .ppc21 .container div h2 strong {
  color: #fff;
}

.sliderContainer li .ppc21 .container div .btn-primary {
  background: #4aa8f0;
  color: #fff;
  border: 0px solid;
  margin-top: 20px;
  border-radius: 200px;
  font-size: 18px;
}

.sliderContainer li .ppc21 .container div .btn-primary.yellowButton {
  background: #f26e63;
  color: #ffffff;
}

.sliderContainer li .ppc21 .container div .btn-primary:hover {
  background: #398ccc;
  color: #fff;
}

.sliderContainer li .ppc21 .container div .btn-primary.yellowButton:hover {
  background: #cf584d;
}

.ppc21 .glyphicon {
  color: #016775 !important;
}

@media (max-width: 1599px) {
  .sliderContainer li .ppc21 {
    background-image: url(/cisiweb2/image/homepage/ppc21.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sliderContainer li .ppc21 .container div.content {
    padding: 40px 0px;
    width: 50%;
  }

  .sliderContainer li .ppc21 .container div h1 {
    font-size: 50px;
    color: #fff;
    margin-top: 20px;
  }

  .sliderContainer li .ppc21 .container div h2 {
    font-size: 30px;
    margin-top: 0px;
    color: #fff;
  }
}

@media (max-width: 1199px) {
  .sliderContainer li .ppc21 .container div.content {
    padding: 30px 0px;
    width: 50%;
  }

  .sliderContainer li .ppc21 .container div h1 {
    font-size: 44px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .sliderContainer li .ppc21 .container div h2 {
    font-size: 24px;
    margin-top: 0px;
    color: #fff;
  }

  .sliderContainer li .ppc21 .container div h3 {
    font-size: 16px;
    line-height: 26px;
  }

  .sliderContainer li .ppc21 .container div .btn-primary {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .sliderContainer li .ppc21 .container div.content {
    padding: 80px 0px;
    width: 60%;
  }

  .sliderContainer li .ppc21 {
    background-position: center center;
  }
}

@media (max-width: 600px) {
  .sliderContainer li .ppc21 .container div.content {
    padding: 40px 0px;
    width: 100%;
    text-align: center;
  }

  .sliderContainer li .ppc21 .container div .btn-primary {
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  }

  .sliderContainer li .ppc21 .container div h1 {
    font-size: 30px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .sliderContainer li .ppc21 .container div h2 {
    font-size: 22px;
    margin-top: 0px;
    margin-bottom: 20px;
    color: #fff;
  }

  .sliderContainer li .ppc21 {
    background-position: left top;
  }

  .sliderContainer li .ppc21 .container div .col-sm-3 {
    height: auto;
  }
}

@media (max-width: 500px) {
}

/* --- */

/*-----------------------------------------------------------------------*/

/*Sustainable Fin*/

.sriBanner {
  /* background-image: url(/cisiweb2/image/sri/banner.gif); */
  background-size: cover;
  background-position-y: inherit;
}

.sriBanner h1 {
  color: #fff !important;
  font-family: "Libre Baskerville", serif;
  margin-bottom: 0px;
  line-height: 1;
}

.sriBanner h2 {
  margin-top: 20px;
  font-weight: 500;
}

.sriBanner .container {
  display: flex;
  width: 50%;
  margin-left: 10%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.filterBG {
  height: 100%;
  width: 100%;
  background-color: #00000073;
}

.sriBanner a {
  background: #ffffff;
  border: #ffffff;
  color: #c17022;
  font-size: 18px;
}

.sriBanner a:hover {
  background: #9c5b1d;
  border: #c17022;
}

.sriBanner h2 {
  color: white;
  font-size: 30px;
}

.sriBanner a {
  margin-top: 30px;
}

@media (max-width: 600px) {
  .sriBanner {
    text-align: center;
  }

  .sriBanner .container {
    width: unset;
    margin: unset;
    padding: 5%;
  }

  .sriBanner h1 {
    font-size: 50px;
  }

  .sriBanner h2 {
    font-size: 20px;
  }

  .sriBanner img {
    width: 200px;
  }

  .sriBanner {
    background-position-x: -1041px;
  }

  .filterBG {
    background-color: #0000009e;
  }
}

@media (min-width: 750px) {
  .sriBanner h1 {
    font-size: 50px;
  }

  .sriBanner h2 {
    font-size: 20px;
  }

  .sriBanner img {
    width: 200px;
  }

  .sriBanner {
    background-position-x: -706px;
  }
}

@media (min-width: 1020px) {
  .sriBanner {
    background-position-x: -200px;
  }

  .sriBanner h1 {
    font-size: 45px;
  }

  .sriBanner h2 {
    font-size: 18px;
  }
}

@media (min-width: 1119px) {
  .sriBanner {
    background-position-x: -134px;
  }

  .sriBanner h1 {
    font-size: 50px;
  }

  .sriBanner img {
    width: 254px;
  }

  .sriBanner h2 {
    font-size: 25px;
  }
}

@media (min-width: 1600px) {
  .sriBanner h1 {
    font-size: 65px;
  }

  .sriBanner h2 {
    font-size: 30px;
  }

  .sriBanner img {
    width: 400px;
  }
}

/*----------------------Financial Conference-----------------------------------*/

h2.conText {
  margin: 0;
}

#adventWrapper {
  display: none !important;
}

.finBanner {
  background-image: url(/cisiweb2/image/events/fpac21/mk7.jpg);
  background-size: cover;
  background-position-y: center;
  background-position-x: center;
}

.finBanner h1 {
  color: #ffffff;
  font-weight: 500;
  font-size: 28px;
  text-shadow: 0 0 20px black, 0 0 20px black, 0 0 30px black;
}

.finBanner h2 {
  color: #f8f8f8;
  font-weight: 400;
  text-shadow: 0 0 20px black, 0 0 20px black, 0 0 30px black;
}

.finBanner .content {
  /* top: 20%; */
  position: relative;
  /* left       : 9%; */
  /* font-weight: bold; */
  /* text-shadow: 0 0 5px black; */
}

video#myVideo2 {
  position: absolute;
  left: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  /* height : 64vh; */
  object-fit: cover;
}

h1.conTitle {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
}

.finBanner h3 {
  color: white !important;
  margin-top: 10px;
}

.finBanner a {
  background: #9a1834;
  border-color: #9a1834;
  margin-top: 20px;
}

.finBanner a:hover {
  background: #7d142b;
  border-color: #7d142b;
}

.finFilterBG {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0) 70%
  ) !important;
}

h1.conTitle {
  margin: 0;
}

.confStats {
  display: flex;
  align-items: center;
}

.confStats h2 {
  margin: 0;
}

.confStats .fas {
  color: #b4c9ba;
}

@media (max-width: 699px) {
  .confStats h2 {
    margin: 0;
    font-size: 20px;
  }

  .confStats .fas {
    color: #b4c9ba;
    margin: 0px 9px;
    font-size: 21px;
  }

  .finFilterBG img {
    width: 298px;
    display: inline;
    left: 5%;
    position: relative;
  }

  .conText {
    display: none;
  }

  .finBanner {
    text-align: center;
    /* background-image:none; */
    /* background-color:#b5cabb!important; */
  }

  .finBanner .content {
    width: 100%;
  }

  .finBanner h2 {
    color: #ffffff !important;
    text-shadow: 0 0 20px black, 0 0 20px black, 0 0 30px black;
    font-size: 18px;
  }

  .finBanner h1 {
    font-size: 19px;
  }

  h1.conTitle {
    font-size: 20px;
    margin-top: 0;
  }

  .finBanner .content {
    padding: 5%;
  }

  .finBanner h3 {
    font-size: 22px;
  }
}

@media (min-width: 700px) {
  .confStats h2 {
    margin: 0;
    font-size: 20px;
  }

  .confStats .fas {
    color: #b4c9ba;
    margin: 0px 25px;
    font-size: 30px;
  }

  .finFilterBG img {
    margin-left: -1%;
  }

  .finBanner {
    background-size: 192%;
    background-position-x: -398px;
    /* background-position-y: 1px; */
  }

  .finBanner h2 {
    font-size: 23px;
  }

  .finBanner h3 {
    font-size: 20px;
  }

  .finBanner h1 {
    font-size: 15px;
  }

  h1.conTitle {
    font-size: 28px;
  }

  .finBanner .content {
    padding: 5%;
  }

  .finFilterBG img {
    width: 461px;
  }
}

@media (min-width: 1000px) {
  .confStats h2 {
    margin: 0;
    font-size: 20px;
  }

  .confStats .fas {
    color: #b4c9ba;
    margin: 0px 25px;
    font-size: 30px;
  }

  .finBanner {
    background-position-x: 0;
    background-size: cover;
  }

  .finBanner h2 {
    font-size: 21px;
  }

  .finBanner h1 {
    font-size: 15px;
  }

  .finBanner h3 {
    font-size: 21px;
  }

  h1.conTitle {
    font-size: 29px;
  }

  .finFilterBG img {
    width: 505px;
  }
}

@media (min-width: 1200px) {
  .confStats h2 {
    margin: 0;
    font-size: 17px !important;
  }

  .confStats .fas {
    color: #b4c9ba;
    margin: 0px 25px;
    font-size: 30px;
  }

  .finBanner .content {
    width: 82%;
  }

  .finBanner h2 {
    font-size: 28px;
  }

  .finBanner h1 {
    font-size: 22px;
  }

  h1.conTitle {
    font-size: 33px;
  }

  .finBanner h3 {
    font-size: 23px;
  }

  .finFilterBG img {
    width: 449px;
  }
}

@media (min-width: 1600px) {
  .confStats h2 {
    margin: 0;
    font-size: 21px !important;
  }

  .confStats .fas {
    color: #b4c9ba;
    margin: 0px 25px;
    font-size: 30px;
  }

  .finBanner .content {
    width: 67%;
  }

  .finBanner h2 {
    font-size: 32px;
  }

  .finBanner h1 {
    font-size: 28px;
  }

  h1.conTitle {
    font-size: 45px;
  }

  .finBanner .content {
    /* display: flex; */
    /* justify-content: center; */
    padding: 0;
  }

  .finBanner h3 {
    font-size: 27px;
  }

  .finFilterBG img {
    width: 613px;
  }
}

/*----------------------Fin Award-----------------------------------*/

.awardBanner .container {
  height: 100%;
  display: flex;
  align-items: center;
}

.awardBanner h2 {
  font-family: "Open Sans";
  color: white;
  text-shadow: 0 0 10px black;
  font-weight: 800;
}

.awardBanner a {
  background: #b9ca3d;
  border: #b9ca3d;
  font-size: 18px;
}

.awardBanner a:hover {
  background: #86922e;
  border: #7c882a;
}

@media (max-width: 600px) {
  .awardBanner img {
    width: 168px;
  }

  .awardBanner {
    text-align: center;
  }

  .awardBanner a {
    margin: 10px;
  }

  .awardBanner .container {
    padding: 7%;
  }

  .awardBanner h2 {
    font-size: 19px;
  }
}

@media (min-width: 600px) {
  .awardBanner img {
    width: 270px;
  }

  .awardBanner img {
    float: left;
    margin-right: 6%;
  }

  .awardBanner h2 {
    font-size: 29px;
  }
}

@media (min-width: 900px) {
  .awardBanner img {
    width: 223px;
  }

  .awardBanner img {
    float: left;
    margin-right: 6%;
  }
}

@media (min-width: 1200px) {
  .awardBanner h2 {
    font-size: 40px;
  }

  .awardBanner img {
    width: 293px;
  }
}

@media (min-width: 1600px) {
  .awardBanner img {
    width: 293px;
  }

  .awardBanner h2 {
    font-size: 48px;
  }

  .awardBanner img {
    float: left;
    margin-right: 10%;
  }
}

/* -----------------------App Banner--------------------------------- */

.appBanner {
  background-image: url(/cisiweb2/image/homepage/ele.png);
}

.appBanner .introText {
  text-align: left;
  /* padding: 10%; */
  background: none;
}

.appBanner .introText h1 {
  text-align: left;
  font-weight: 500;
  color: white;
  text-shadow: 0px 0px 40px rgb(0 0 0 / 40%);
}

.appBanner .introText h2 {
  text-align: left;
  color: #2e4996;
  font-weight: 600 !important;
  text-shadow: 0px 0px 40px rgb(0 0 0 / 40%);
}

.appBanner img.playStore,
img.appStore {
  width: 250px;
}

.appBanner .findOut {
  padding: 10px 29px;
  color: #ffffff;
  font-size: 19px;
  font-weight: 500;
  background: #3e7caf;
  border: #3e7caf;
}

.appBanner .findOut:hover {
  background: #3e7cafe0;
  border: #3e7cafe0;
}

.storeContainer {
  display: flex;
}

.storeContainer a {
  margin: 5px;
}

.appBanner .container {
  padding: 0;
}

@media (max-width: 600px) {
  .appBanner {
    background-image: url(/cisiweb2/image/homepage/ele.png);
    background-size: 280%;
    background-position-y: 0;
    background-position-x: -152vw;
  }

  .appBanner .introText {
    width: 100%;
    display: flex !important;
    flex-direction: column;
    margin: 0;
  }

  .appBanner .introText h1 {
    text-align: center;
    font-size: 47px;
  }

  .appBanner .introText h2 {
    font-size: 25px;
    text-align: center;
    color: white;
    font-weight: 300 !important;
  }

  .appBanner img.playStore,
  img.appStore {
    width: 45vw;
  }

  .appBanner .FilterBG {
    background: #51a3d5cf;
    height: 100vh;
  }
}

@media (min-width: 600px) {
  .appBanner .findOut {
    margin-bottom: 20px !important;
  }

  .appBanner {
    background-image: url(/cisiweb2/image/homepage/ele.png);
    background-size: cover;
    background-position-y: 0;
    background-position-x: -26vw;
  }

  .appBanner img.playStore,
  img.appStore {
    width: 25vw;
  }

  .appBanner .introText {
    width: 80%;
    margin: 0;
  }

  .appBanner .introText h1 {
    font-size: 46px;
  }

  .appBanner .introText h2 {
    font-size: 28px;
  }
}

@media (min-width: 1000px) {
  .appBanner {
    background-image: url(/cisiweb2/image/homepage/ele.png);
    background-size: cover;
    background-position-y: 0;
    background-position-x: 0;
  }

  .appBanner .introText h1 {
    font-size: 46px;
  }

  .appBanner .introText h2 {
    font-size: 28px;
  }

  .appBanner img.playStore,
  img.appStore {
    width: 190px;
  }

  .appBanner .introText {
    width: 75%;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .appBanner .introText h1 {
    font-size: 60px;
  }

  .appBanner .introText h2 {
    font-size: 35px;
  }

  .appBanner .introText {
    width: 50%;
  }

  .appBanner {
    background-size: 100%;
    background-position-y: -84px;
  }
}

@media (min-width: 1600px) {
  .appBanner {
    background-size: 100%;
    background-position-y: -150px;
  }
}

/* Fpweek 2021------------------------------------- */

.AskAPlanner {
  background-image: url(/cisiweb2/image/fp/fpweek21/dream.jpg);
}

.AskAPlanner .introText {
  background: none;
  margin: 0;
}

.AskAPlanner .introText h1 {
  color: white;
  text-shadow: 0px 0px 20px black;
  font-weight: 400;
  margin-top: 0;
}

.AskAPlanner .introText h2 {
  color: white;
  text-shadow: 0px 0px 20px black;
}

.AskAPlanner .introText img {
  width: 200px;
  /* margin-top: 20px; */
}

.AskAPlanner .FilterBG {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

a.btn.btn-primary.askBtn1 {
  margin-right: 5px;
  background: #684fa1;
  border-color: #684fa1;
}

a.btn.btn-primary.askBtn2 {
  background: #684fa1;
  border-color: #684fa1;
}

a.btn.btn-primary.askBtn2:hover {
  background: #51388a;
  border-color: #51388a;
}

a.btn.btn-primary.askBtn1:hover {
  background: #51388a;
  border-color: #51388a;
}

@media (min-width: 768px) {
  .AskAPlanner .FilterBG {
    background: #00000080;
  }

  .AskAPlanner .introText h1 {
    font-size: 43px;
  }

  .AskAPlanner .introText h2 {
    font-size: 24px;
  }

  .AskAPlanner .introText img {
    width: 150px;
  }

  .AskAPlanner .introText {
    width: 93%;
  }

  .AskAPlanner {
    background-size: cover;
    background-position-y: center;
  }
}

@media (min-width: 1200px) {
  .AskAPlanner .FilterBG {
    background: #00000047;
  }

  .AskAPlanner .introText h1 {
    font-size: 42px;
  }

  .AskAPlanner .introText h2 {
    font-size: 24px;
  }

  .AskAPlanner .introText img {
    width: 170px;
  }

  .AskAPlanner .introText {
    width: 55%;
  }
}

@media (min-width: 1600px) {
  .AskAPlanner .introText h1 {
    font-size: 51px;
  }

  .AskAPlanner .introText h2 {
    font-size: 33px;
  }

  .AskAPlanner .introText img {
    width: 200px;
  }

  .AskAPlanner .introText {
    width: 55%;
  }
}

@media (max-width: 700px) {
  a.btn.btn-primary.askBtn1 {
    margin-bottom: 10px;
  }

  .AskAPlanner .FilterBG {
    background: #000000a6;
  }

  .AskAPlanner {
    background-size: 286%;
    background-position-y: 63%;
    background-position-x: 68%;
  }

  .AskAPlanner .introText h1 {
    font-size: 28px;
  }

  .AskAPlanner .introText h2 {
    font-size: 19px;
  }

  .AskAPlanner .introText img {
    width: 150px;
    margin: 0;
  }

  .AskAPlanner .introText {
    width: unset;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

/*------Integrity Event------------------*/

.IntegrityEvent .head2 {
  font-family: "Open Sans";
  font-weight: 800;
  margin: 0;
  color: #0d773f;
}

.IntegrityEvent .head1,
.IntegrityEvent .head3 {
  font-family: "Open Sans";
  margin: 0;
  color: #262217;
}

.IntegrityEvent p {
  font-weight: 600;
}

.IntegrityEvent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.IntegrityEvent.container {
  width: 100vw !important;
}

.IntegrityEvent .btn {
  background: #0d773f;
  border-color: #0d773f;
}

.IntegrityEvent #myVideo2 {
  position: absolute;
  left: 0;
  z-index: 1;
  filter: opacity(1);
  width: 100%;
  /* height      : 64vh; */
  object-fit: contain;
  object-position: -1px 0px;
}

.IntegrityEvent .videoContainer {
  position: absolute;
  top: 0;
  left: 43%;
}

@media (max-width: 600px) {
  .IntegrityEvent .head1,
  .IntegrityEvent .head3 {
    font-size: 16px;
    font-weight: 500;
  }

  .IntegrityEvent .head2 {
    font-size: 26px;
  }

  .IntegrityEvent .container {
    width: 100%;
    text-align: center;
  }

  .IntegrityEvent {
    background: #fae4a5c4;
  }

  .IntegrityEvent p {
    font-weight: 400;
    font-size: 16px;
  }

  .IntegrityEvent .videoContainer {
    left: 0;
    width: 100vw;
    z-index: -1;
  }

  .IntegrityEvent #myVideo2 {
    filter: opacity(0.5);
    width: 250%;
    /* height      : 64vh; */
    object-fit: contain;
    object-position: -1px 0px;
  }
}

@media (min-width: 600px) {
  .IntegrityEvent .head1,
  .IntegrityEvent .head3 {
    font-size: 22px;
    font-weight: 400;
  }

  .IntegrityEvent .head2 {
    font-size: 45px;
  }

  .IntegrityEvent .container {
    width: 100%;
  }

  .IntegrityEvent {
    background: #fae4a5c4;
  }

  .IntegrityEvent p {
    font-size: 15px;
  }

  .IntegrityEvent .videoContainer {
    left: 0;
    width: 100vw;
    z-index: -1;
  }

  .IntegrityEvent #myVideo2 {
    filter: opacity(0.5);
    width: 120%;
    /* height      : 64vh; */
    object-fit: contain;
    object-position: -1px 0px;
  }

  .content.col-sm-5 {
    width: 70%;
  }
}

@media (min-width: 1000px) {
  .IntegrityEvent #myVideo2 {
    width: 101%;
    /* height      : 64vh; */
    object-position: -1px -125px;
  }
}

@media (min-width: 1200px) {
  .IntegrityEvent #myVideo2 {
    filter: opacity(1);
    width: 66%;
    /* height      : 64vh; */
    object-fit: contain;
    object-position: -1px -0px;
  }

  .content.col-sm-5 {
    width: 41.66666667%;
  }

  .IntegrityEvent .videoContainer {
    position: absolute;
    top: 0;
    left: 40%;
    z-index: 0;
  }

  .IntegrityEvent {
    background: #fae4a5;
    background: linear-gradient(
      267deg,
      rgb(254 227 164) 70%,
      rgba(255, 255, 255, 1) 90%
    );
  }

  .IntegrityEvent .container {
    width: 90% !important;
  }
}

@media (min-width: 1600px) {
  .IntegrityEvent .head1,
  .IntegrityEvent .head3 {
    font-size: 30px;
  }

  .IntegrityEvent .head2 {
    font-size: 70px;
  }

  .IntegrityEvent p {
    font-size: unset;
  }

  .IntegrityEvent .videoContainer {
    top: -63px;
  }

  .IntegrityEvent #myVideo2 {
    object-position: -1px 25px;
  }
}

/*VAR banner*/

.varBanner {
  /* background-image: url(/cisiweb2/image/sri/banner.gif); */
  background-size: cover;
  background-position-y: inherit;
}

.varBanner h1 {
  color: #fff !important;
  margin-bottom: 0px;
  line-height: 1;
  font-weight: 500;
}

.varBanner h2 {
  margin-top: 20px;
  font-weight: 300;
}

.varBanner .container {
  display: flex;
  margin-left: 10%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 80%;
}

.filterBG {
  height: 100%;
  width: 100%;
  background-color: #000000b3;
}

.varBanner a {
  background: #48aaaa;
  border: #48aaaa;
  color: #ffffff;
  font-size: 18px;
}

.varBanner a:hover {
  background: #227474;
  border: #227474;
}

.varBanner h2 {
  color: white;
  font-size: 30px;
  line-height: 40px;
}

.varBanner a {
  margin-top: 30px;
}

@media (max-width: 600px) {
  .varBanner {
    text-align: center;
  }

  .varBanner .container {
    width: unset;
    margin: unset;
    padding: 5%;
  }

  .varBanner h1 {
    font-size: 34px;
  }

  .varBanner h2 {
    font-size: 18px;
    line-height: 26px;
  }

  .varBanner img {
    width: 200px;
  }

  .varBanner {
    background-position-x: -1041px;
  }

  .filterBG {
    background-color: #0000009e;
  }

  .varBanner a {
    background: #48aaaa;
    border: #48aaaa;
    color: #ffffff;
    font-size: 16px;
  }
}

@media (min-width: 750px) {
  .varBanner h1 {
    font-size: 50px;
  }

  .varBanner h2 {
    font-size: 20px;
  }

  .varBanner img {
    width: 200px;
  }

  .varBanner {
    background-position-x: -706px;
  }
}

@media (min-width: 1020px) {
  .varBanner {
    background-position-x: -200px;
  }

  .varBanner h1 {
    font-size: 45px;
  }

  .varBanner h2 {
    font-size: 18px;
  }
}

@media (min-width: 1119px) {
  .varBanner {
    background-position-x: -134px;
  }

  .varBanner h1 {
    font-size: 50px;
  }

  .varBanner img {
    width: 254px;
  }

  .varBanner h2 {
    font-size: 25px;
  }
}

@media (min-width: 1600px) {
  .varBanner h1 {
    font-size: 65px;
  }

  .varBanner h2 {
    font-size: 30px;
  }

  .varBanner img {
    width: 400px;
  }
}

/*dewali banner*/
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap");

video#dewaliVideo {
  position: absolute;
  left: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  object-fit: cover;
  /* object-position: center  5%; */
}

.dewali {
  background-size: cover;
  background-position-y: inherit;
}

.dewali h1 {
  color: #fff !important;
  margin-bottom: 0px;
  line-height: 1;
  font-weight: 500;
  font-size: 120px !important;
  font-family: "Dancing Script", cursive;
  text-shadow: 2px 2px #1b1b1ba1;
}

.dewali h2 {
  margin-top: 20px;
  font-weight: 300;
  color: #fff !important;
  font-size: 30px !important;
  line-height: 40px;
  text-shadow: 2px 2px #1b1b1ba1;
}

.dewali .container {
  display: flex;
  margin-left: 10%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 80%;
}

.dewali .filterBG {
  height: 100%;
  width: 100%;
  background-color: #f6dce91c;
}

.dewali a {
  margin-top: 30px;
  background: #c82c7a !important;
  border: 2px solid white !important;
  color: #ffffff;
  font-size: 18px;
}

.dewali a:hover {
  background: #f83697 !important;
  border: 2px solid white !important;
}

@media (max-width: 600px) {
  .dewali {
    text-align: center;
  }

  .dewali .container {
    width: unset;
    margin: unset;
    padding: 5%;
  }

  .dewali h1 {
    font-size: 55px !important;
    margin-top: 18vh;
  }

  .dewali h2 {
    font-size: 18px !important;
    line-height: 26px;
  }

  .dewali .filterBG {
    background-color: #f6dce91c;
  }
}

@media (min-width: 750px) {
  video#dewaliVideo {
    object-position: 70%;
  }

  .dewali h1 {
    font-size: 80px !important;
    margin-top: 15vh;
  }

  .dewali h2 {
    font-size: 20px !important;
    line-height: 20px;
  }
}

@media (min-width: 1020px) {
  video#dewaliVideo {
    object-position: 50% 30%;
  }

  .dewali h1 {
    font-size: 80px !important;
    margin-top: 6vh;
  }

  .dewali h2 {
    font-size: 20px !important;
  }
}

@media (min-width: 1119px) {
  .dewali h1 {
    font-size: 85px !important;
    margin-top: 23vh;
  }

  .dewali h2 {
    font-size: 25px;
  }
}

@media (min-width: 1400px) {
  .dewali h1 {
    font-size: 85px !important;
    margin-top: 15vh;
  }

  .dewali h2 {
    font-size: 30px;
  }
}

@media (min-width: 1600px) {
  video#dewaliVideo {
    object-position: 50% 30%;
  }

  .dewali h1 {
    font-size: 120px !important;
    margin-top: 13vh;
  }

  .dewali h2 {
    font-size: 35px !important;
  }
}

/*Global Wealth Summit*/
.globalWealth {
  display: flex;
  align-items: center;
}

video#globalWealthVideo {
  position: absolute;
  left: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  object-fit: cover;
}

.globalWealthLogo {
  display: flex;
  justify-content: center;
}

.globalWealth h1 {
  font-size: 50px;
  color: #2d61ad;
  text-align: center;
  font-weight: 600;
}

.globalWealthButton {
  display: flex;
  justify-content: center;
}

.globalWealth img {
  width: 300px;
  margin-right: 2%;
  margin-left: 2%;
}

.globalWealth .btn-primary {
  font-size: 16px;
  font-weight: bold;
  background: #b40303;
  border: 6px solid #b40303;
  color: #ffffff;
  margin-bottom: 20px;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
  font-family: "Raleway", century gothic, sans-serif;
}

.globalWealth .btn-primary:hover {
  font-size: 16px;
  background: #ffffff;
  border: 6px solid #b40303;
  color: #b40303;
  margin-bottom: 20px;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
}

.globalWealth .btn-primary:focus {
  background: #b40303;
  border: 0px solid #b40303;
  outline: 0px solid #b40303;
  color: #ffffff;
}

.confDetailBlock {
  display: flex;
  justify-content: space-evenly;
  color: #fff;
  text-align: center;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 500;
  background: #231f20;
  position: absolute;
  left: auto;
  bottom: 0;
  width: 100%;
  padding: 10px 0px;
}

.detailItem span {
  margin-right: 10px;
}

@media (max-width: 600px) {
  .confDetailBlock {
    display: block;
    font-size: 15px;
  }

  .globalWealth img {
    width: 220px;
    margin: 50px auto;
  }

  .globalWealth h1 {
    font-size: 27px;
  }

  .globalWealth .logoMobile {
    display: block !important;
  }

  .globalWealth .globalWealthLogo img {
    display: none;
  }

  .globalWealthButton {
    margin-top: 6%;
  }
}

@media (min-width: 750px) {
  .confDetailBlock {
    display: flex;
    justify-content: space-evenly;
    font-size: 15px;
  }

  .globalWealth img {
    width: 170px;
    margin-top: 2vh;
  }

  .globalWealth .btn-primary {
    margin-top: 0.5vh;
  }
}

@media (min-width: 1020px) {
  .confDetailBlock {
    display: flex;
    justify-content: space-evenly;
  }

  .globalWealth img {
    width: 400px;
    margin-top: 2vh;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) {
  .globalWealth img {
    width: 200px;
  }
}

@media (min-width: 1119px) {
  .confDetailBlock {
    display: flex;
    justify-content: space-evenly;
  }

  .globalWealth img {
    width: 240px;
    margin-top: 4vh;
  }
}

@media (min-width: 1600px) {
  .confDetailBlock {
    display: flex;
    justify-content: space-evenly;
    font-size: 30px;
  }

  .globalWealth img {
    width: 360px;
    margin-top: 5vh;
  }

  .globalWealth .btn-primary {
    margin-top: 1vh;
  }
}

/* cop26 */

.cop26 {
  background: url("/cisiweb2/image/cop26/bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
}

.mainTitle {
  font-family: "Anton", sans-serif;
  font-size: 40px;
  margin-bottom: 0px;
  text-align: center;
}

.contentBlock {
  background: #6aac4f;
  padding: 15px 15px 1px 15px;
  border-radius: 20px;
  transition: all 0.4s;
}

.intro {
  padding-right: 15px;
}

.contentBody {
  font-size: 14px;
}

.author {
  font-size: 16px;
  font-weight: 700;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 40px;
}

.headline {
  font-size: 26px;
  font-family: serif;
  line-height: 32px;
  text-align: center;
  font-style: italic;
  margin-top: 40px;
}

.introCopy {
  font-size: 18px;
  margin-bottom: 40px;
  text-align: center;
}

span.highlight {
  color: #373388;
}

.cop26Button {
  display: flex;
  justify-content: center;
}

.introCopy p {
  margin-top: 20px;
}

@media (max-width: 600px) {
  .introCopy {
    margin-bottom: 0px;
  }

  .author {
    margin-bottom: 0px;
  }

  .mainTitle {
    margin-top: 10px;
  }

  .introCopy p {
    margin: 10px 0px;
  }
}

@media (min-width: 600px) {
  .author {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 40px;
  }

  .headline {
    font-size: 30px;
    font-family: serif;
    line-height: 36px;
    text-align: center;
    font-style: italic;
    margin-top: 40px;
  }

  .mainTitle {
    font-family: "Anton", sans-serif;
    font-size: 50px;
    margin-bottom: 0px;
  }
}

@media (min-width: 700px) {
  .introCopy {
    margin-bottom: 0px;
  }

  .cop26 .col-sm-6 {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .headline {
    font-size: 50px;
    font-family: serif;
    line-height: 56px;
    text-align: center;
    font-style: italic;
    margin-top: 20px;
  }

  .author {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0px;
  }

  .mainTitle {
    text-align: right;
  }

  .introCopy {
    text-align: left;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) {
  .mainTitle {
    text-align: center;
  }

  .introCopy {
    text-align: left;
    margin-bottom: 0px;
  }

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

@media (min-width: 1200px) {
  .cop26 .col-sm-6 {
    width: 50%;
  }

  .headline {
    font-size: 50px;
    font-family: serif;
    line-height: 50px;
    text-align: center;
    font-style: italic;
    margin-top: 50px;
  }

  .author {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 50px;
  }

  .mainTitle {
    font-family: "Anton", sans-serif;
    font-size: 70px;
    margin-bottom: 0px;
    text-align: right;
  }

  .introCopy {
    font-size: 18px;
    margin-bottom: 0px;
    text-align: left;
  }

  .intro {
    padding-right: 50px;
  }

  .introCopy p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1400px) {
  .cop26 .col-sm-6 {
    width: 50%;
  }

  .headline {
    font-size: 50px;
    font-family: serif;
    line-height: 50px;
    text-align: center;
    font-style: italic;
    margin-top: 50px;
  }

  .author {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 50px;
  }

  .mainTitle {
    font-family: "Anton", sans-serif;
    font-size: 70px;
    margin-bottom: 0px;
    text-align: right;
  }

  .introCopy {
    font-size: 18px;
    margin-bottom: 0px;
    text-align: left;
  }

  .intro {
    padding-right: 50px;
  }

  .introCopy p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1500px) {
  .mainTitle {
    font-family: "Anton", sans-serif;
    font-size: 75px;
    text-align: right;
  }

  .headline {
    font-size: 50px;
    font-family: serif;
    line-height: 60px;
    text-align: center;
    font-style: italic;
    margin-top: 50px;
  }

  .contentBlock {
    background: #6aac4f;
    padding: 20px 20px 1px 20px;
    border-radius: 20px;
    transition: all 0.4s;
  }

  .introCopy {
    text-align: left;
  }

  .author {
    font-size: 20px;
  }
}

@media (min-width: 1700px) {
  .mainTitle {
    font-family: "Anton", sans-serif;
    font-size: 80px;
    text-align: right;
    display: block;
  }

  .introCopy {
    text-align: left;
  }

  .headline {
    font-size: 60px;
    font-family: serif;
    line-height: 75px;
    text-align: center;
    font-style: italic;
    margin-top: 60px;
  }

  .author {
    font-size: 25px;
  }
}

/* Corporate Cyber Security */

#corporateCyberVideo {
  position: absolute;
  left: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  object-fit: cover;
}

.corporateCyber {
  background: rgba(0, 0, 0, 0.6) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .corporateCyber .content{
    padding: 10px 50px !important;
    font-weight: 500 !important;
    font-size: 18px;
    color: #fff;
} */
.corporateCyber .content {
  width: 95%;
}

.corporateCyber h1 {
  color: #fff !important;
  font-family: "Libre Baskerville", serif;
}

.corporateCyber p {
  color: #fff !important;
}

@media (max-width: 600px) {
  .corporateCyber a.btn.btn-primary {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }

  .corporateCyber img {
    max-width: 200px;
  }

  .corporateCyber h1 {
    font-size: 30px !important;
    margin-top: 10px;
  }

  .corporateCyber .content {
    width: 90%;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .corporateCyber h1 {
    font-size: 40px !important;
    margin-top: 10px;
  }

  .corporateCyber p {
    font-size: 15px !important;
    margin-bottom: 10px;
  }

  #corporateCyberVideo {
    right: -382px;
    bottom: -77px;
  }
}

@media (min-width: 768px) {
  .corporateCyber img {
    max-width: 300px;
  }

  .corporateCyber p {
    font-size: 20px !important;
  }

  #corporateCyberVideo {
    right: -382px;
    bottom: -77px;
  }

  .corporateCyber a.btn.btn-primary {
    display: inline-block;
  }
}

@media (min-width: 992px) {
  .corporateCyber h1 {
    font-size: 60px !important;
  }

  .corporateCyber a.btn.btn-primary {
    display: inline-block;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) {
  .corporateCyber h1 {
    font-size: 50px !important;
  }

  .corporateCyber .content {
    width: 100%;
  }
}

@media (min-width: 1250px) {
  .corporateCyber h1 {
    font-size: 50px !important;
  }

  .corporateCyber img {
    max-width: 300px;
  }

  .corporateCyber p {
    font-size: 15px !important;
  }

  #corporateCyberVideo {
    right: -382px;
    bottom: -102px;
  }

  .corporateCyber .content {
    width: 65%;
  }
}

@media (min-width: 1600px) {
  .corporateCyber h1 {
    font-size: 60px !important;
  }

  .corporateCybeimg {
    max-width: 450px;
  }

  .corporateCyber p {
    font-size: 18px !important;
  }

  #corporateCyberVideo {
    right: 0;
    bottom: 0;
  }
}

/* Bridging the vulnerability gap */

.BridgingVulnerability {
  background-image: url(/cisiweb2/image/reportbg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.BridgingVulnerability .content {
  text-align: center;
  float: right;
  width: 75%;
}

.BridgingVulnerability h1 {
  text-align: center;
  font-weight: 700;
  color: #f5f5f5;
  margin-top: 0px;
  text-shadow: 1px 1px 1px #0e6e89, 1px 2px 1px #0e6e89, 1px 3px 1px #0e6e89,
    1px 4px 1px #0e6e89, 1px 5px 1px #0e6e89, 1px 6px 1px #0e6e89,
    1px 7px 1px #0e6e89, 1px 8px 1px #0e6e89, 1px 9px 1px #0e6e89,
    1px 10px 1px #0e6e89, 1px 10px 6px rgba(16, 16, 16, 0.4),
    1px 14px 10px rgba(16, 16, 16, 0.2);
}

.BridgingVulnerability p {
  color: #0e6e89 !important;
}

.BridgingVulnerability a {
  background-color: #0e6e89;
  border-color: #0e6e89;
  padding-top: 6px;
  padding-bottom: 6px;
}

.BridgingVulnerability a:hover {
  background-color: #05566e;
  border-color: #05566e;
}

@media (max-width: 600px) {
  .BridgingVulnerability {
    background-position-x: -500px;
  }

  .BridgingVulnerability h1 {
    font-size: 30px !important;
  }

  .BridgingVulnerability p {
    margin-bottom: 5px;
  }

  .BridgingVulnerability .container {
    position: absolute;
    width: 124%;
    top: -4%;
    right: 8%;
  }

  .BridgingVulnerability .content {
    text-align: center;
    float: right;
    width: 65%;
  }

  .BridgingVulnerability h1 {
    text-align: center;
    font-weight: 700;
    color: #f5f5f5;
    margin-top: 20px;
    text-shadow: 1px 1px 1px #0e6e89, 1px 2px 1px #0e6e89, 1px 3px 1px #0e6e89,
      1px 4px 1px #0e6e89, 1px 5px 1px #0e6e89, 1px 6px 1px #0e6e89,
      1px 7px 1px #0e6e89, 1px 7px 6px rgba(16, 16, 16, 0.4),
      1px 10px 10px rgba(16, 16, 16, 0.2);
  }
}

@media (min-width: 768px) {
  .BridgingVulnerability {
    background-position-x: -400px;
  }

  .BridgingVulnerability h1 {
    font-size: 40px !important;
  }

  .BridgingVulnerability p {
    font-size: 18px !important;
    margin-bottom: 5px;
  }

  .BridgingVulnerability .container {
    position: absolute;
    width: 114%;
    top: 5%;
    right: 6%;
  }
}

@media (min-width: 1024px) and (max-height: 1366px) {
  .BridgingVulnerability {
    background-position-x: -130px;
  }

  .BridgingVulnerability h1 {
    font-size: 40px !important;
    margin-top: 20px;
  }

  .BridgingVulnerability p {
    font-size: 20px !important;
    line-height: 25px;
    margin-bottom: 5px;
  }

  .BridgingVulnerability .content {
    width: 70%;
  }

  .BridgingVulnerability .container {
    position: absolute;
    width: 85%;
    top: -4%;
    right: 11%;
  }
}

@media (min-width: 1200px) {
  .BridgingVulnerability {
    background-position-x: 0;
  }

  .BridgingVulnerability p {
    font-size: 20px !important;
    margin-bottom: 5px;
  }

  .BridgingVulnerability .container {
    position: absolute;
    width: 85%;
    top: 0%;
    right: 7%;
  }

  .BridgingVulnerability .content {
    width: 65%;
  }
}

@media (min-width: 1350px) {
  .BridgingVulnerability h1 {
    font-size: 45px !important;
  }

  .BridgingVulnerability p {
    font-size: 20px !important;
    line-height: 30px;
    margin-bottom: 5px;
  }

  .BridgingVulnerability .container {
    position: absolute;
    width: 75%;
    top: 0%;
    right: 6%;
  }
}

@media (min-width: 1500px) {
  .BridgingVulnerability {
    background-image: url(/cisiweb2/image/reportbg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }

  .BridgingVulnerability h1 {
    font-size: 50px !important;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .BridgingVulnerability p {
    font-size: 25px !important;
    line-height: 35px;
    margin-bottom: 5px;
  }

  .BridgingVulnerability .container {
    position: absolute;
    width: 85%;
    top: 0%;
    right: 7%;
  }
}

@media (min-width: 1700px) {
  .BridgingVulnerability h1 {
    font-size: 60px !important;
    margin-top: 30px;
  }

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

  .BridgingVulnerability .container {
    position: absolute;
    width: 85%;
    top: 0%;
    right: 5%;
  }
}

/* christmas Advent */

.christmasAdvent #christmasAdventVideo {
  position: absolute;
  left: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.christmasAdvent h1 {
  color: #df3a4b;
  font-family: "Dancing Script", cursive;
  text-align: center;
  text-shadow: 0px 0px 10px #ffffff, 0px 0px 20px #ffffff, 0px 0px 30px #ffffff,
    0px 0px 40px #ffffff, 0px 0px 50px #ffffff, 0px 0px 60px #ffffff;
}

.christmasAdvent a {
  background-color: #df3a4b;
  border-color: #df3a4b;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.christmasAdvent a:hover {
  background-color: #b5303e;
  border-color: #b5303e;
}

.christmasAdvent .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.christmasAdvent .content {
  position: absolute;
  bottom: 10%;
}

@media (max-width: 600px) {
  .christmasAdvent h1 {
    font-size: 50px;
    margin: 5px;
  }

  .christmasAdvent .content {
    bottom: 5%;
  }

  .christmasAdvent a {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (min-width: 768px) {
  .christmasAdvent h1 {
    font-size: 60px;
  }

  .christmasAdvent .content {
    bottom: 12%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .christmasAdvent a {
    margin-top: 25px;
  }
}

@media (min-width: 1024px) and (max-height: 1366px) {
  .christmasAdvent .content {
    bottom: 4%;
  }

  .christmasAdvent a {
    margin-top: 0px;
  }
}

@media (min-width: 1200px) {
  .christmasAdvent h1 {
    font-size: 65px;
  }

  .christmasAdvent .content {
    bottom: 12%;
  }
}

@media (min-width: 1350px) {
  .christmasAdvent .content {
    bottom: 7%;
  }
}

@media (min-width: 1500px) {
  .christmasAdvent h1 {
    font-size: 70px;
  }

  .christmasAdvent .content {
    bottom: 4%;
  }
}

@media (min-width: 1800px) {
  .christmasAdvent h1 {
    font-size: 85px;
  }
}

/* Fintech Future */
.fintechFuture {
  display: flex;
  align-items: center;
  background: #00000091;
}

.fintechFuture #fintechfutureVideo {
  position: absolute;
  left: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.fintechFuture h1 {
  color: #ffffffe8;
  font-family: "Orbitron", sans-serif;
  font-size: 35px;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: left;
}

.fintechFuture h3 {
  color: #ffffffe8 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  margin-top: 0px;
  font-size: 19px;
  margin-bottom: 10px;
  text-align: left;
}

.fintechFuture .btn {
  color: white;
  background: linear-gradient(
    90deg,
    rgb(68 158 158) 33%,
    rgba(79, 70, 150, 1) 100%
  );
  border: 0px solid;
  padding: 12px 28px;
  font-size: 17px;
  font-weight: 600 !important;
  margin-bottom: 10px;
  margin-top: 12px;
}

.fintechFuture .btn:hover {
  background: linear-gradient(
    90deg,
    rgb(68 158 158) 33%,
    rgba(79, 70, 150, 1) 100%
  );
  background-size: 400% 400%;
  -webkit-animation: conf-mem 2s ease infinite;
  -moz-animation: conf-mem 2s ease infinite;
  animation: conf-mem 2s ease infinite;
  color: white;
  animation: conf-mem 2s ease infinite;
}

@-webkit-keyframes conf-mem {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes conf-mem {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes conf-mem {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.glitch {
  font-family: sans-serif;
  color: #fff;
  position: relative;
  margin: 0;
}

.glitch::after,
.glitch::before {
  content: attr(data-text);
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.glitch::after {
  text-shadow: -2px 2px #4c074a;
  left: -2px;
  animation: anim1 1s infinite linear alternate-reverse;
}

.glitch::before {
  text-shadow: 2px -2px #15a4a2;
  left: 2px;
  animation: anim2 1s infinite linear alternate-reverse;
}

.content .contentSub {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 6%;
  margin-left: 8%;
  align-items: flex-start;
}

@keyframes anim1 {
  0%,
  9% {
    clip-path: inset(14% 0% 23% 0%);
  }

  10%,
  19% {
    clip-path: inset(11% 0% 2% 0%);
  }

  20%,
  29% {
    clip-path: inset(43% 0% 53% 0%);
  }

  30%,
  39% {
    clip-path: inset(21% 0% 33% 0%);
  }

  40%,
  49% {
    clip-path: inset(24% 0% 3% 0%);
  }

  50%,
  59% {
    clip-path: inset(12% 0% 13% 0%);
  }

  60%,
  69% {
    clip-path: inset(13% 0% 11% 0%);
  }

  70%,
  79% {
    clip-path: inset(44% 0% 23% 0%);
  }

  80%,
  89% {
    clip-path: inset(14% 0% 93% 0%);
  }

  90%,
  99% {
    clip-path: inset(22% 0% 13% 0%);
  }

  100% {
    clip-path: inset(33% 0% 23% 0%);
  }
}

@keyframes anim2 {
  0%,
  9% {
    clip-path: inset(23% 0% 25% 0%);
  }

  10%,
  19% {
    clip-path: inset(21% 0% 53% 0%);
  }

  20%,
  29% {
    clip-path: inset(55% 0% 53% 0%);
  }

  30%,
  39% {
    clip-path: inset(62% 0% 21% 0%);
  }

  40%,
  49% {
    clip-path: inset(31% 0% 32% 0%);
  }

  50%,
  59% {
    clip-path: inset(32% 0% 73% 0%);
  }

  60%,
  69% {
    clip-path: inset(64% 0% 22% 0%);
  }

  70%,
  79% {
    clip-path: inset(31% 0% 6% 0%);
  }

  80%,
  89% {
    clip-path: inset(64% 0% 52% 0%);
  }

  90%,
  99% {
    clip-path: inset(48% 0% 41% 0%);
  }

  100% {
    clip-path: inset(92% 0% 1% 0%);
  }
}

@media (max-width: 1300px) {
  .content .contentSub {
    margin-top: 0%;
    margin-left: 0px;
  }
}

@media (max-width: 1025px) {
  .content .contentSub {
    margin-top: 0%;
  }

  .fintechFuture h1 {
  }
}

@media (max-width: 600px) {
  .fintechFuture .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .fintechFuture img {
    width: 300px;
    margin-bottom: 10px;
  }

  .fintechFuture h1 {
    font-size: 40px;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .fintechFuture h3 {
    margin-top: 0px;
    font-size: 16px;
    margin-bottom: 10px;
  }

  .content .contentSub {
    margin-top: 0%;
  }

  .fintechFuture .btn {
    font-size: 14px;
    margin-top: 12px;
  }
}

@media (min-width: 768px) {
  .fintechFuture .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .fintechFuture img {
    width: 350px;
    margin-bottom: 10px;
  }

  .fintechFuture h1 {
    font-size: 45px;
  }
}

@media (min-width: 1024px) and (max-height: 1366px) {
  .fintechFuture .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .fintechFuture h1 {
    text-align: left;
    width: 60%;
    margin-bottom: 10px;
    /* margin-left: 12%; */
    font-size: 53px;
  }

  .fintechFuture h3 {
    text-align: left;
    width: 98%;
  }

  .fintechFuture img {
    width: 300px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .fintechFuture .content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }

  .fintechFuture img {
    width: 400px;
    margin-bottom: 30px;
  }

  .fintechFuture h1 {
    font-size: 80px;
    width: 48%;
  }
}

@media (min-width: 1500px) {
  .fintechFuture h1 {
    font-size: 95px;
    width: 55%;
  }
}

@media (min-width: 1800px) {
  .fintechFuture h1 {
    font-size: 100px;
  }

  .fintechFuture h3 {
    font-size: 26px;
  }

  .fintechFuture h2 {
    width: 60%;
    margin-top: 0px;
  }
}

/* 30th Anniversary Dinner  */

.anniversaryDinner #anniversaryDinnerVideo {
  position: absolute;
  left: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.anniversaryDinner h1 {
  color: rgb(155, 130, 147);
  font-family: "Century Gothic";
  font-size: 35px;
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: center;
}

.anniversaryDinner h3 {
  color: rgb(109, 111, 114);
  font-family: "Century Gothic";
  margin-top: 0px;
  font-size: 24px;
  margin-bottom: 10px;
  text-align: center;
}

.anniversaryDinner {
  display: flex;
  align-items: center;
}

.anniversaryDinner .btn {
  background: #9b8293;
  border: 0px solid;
  padding: 10px 28px;
  font-size: 16px;
  font-weight: 400 !important;
  margin-bottom: 10px;
}

.anniversaryDinner .btn:hover {
  background: #856b7c;
}

@media (max-width: 600px) {
  .anniversaryDinner .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .anniversaryDinner img {
    width: 300px;
    margin-bottom: 10px;
  }

  .anniversaryDinner h1 {
    font-size: 35px;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .anniversaryDinner h3 {
    margin-top: 0px;
    font-size: 24px;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .anniversaryDinner .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .anniversaryDinner img {
    width: 350px;
    margin-bottom: 10px;
  }

  .anniversaryDinner h1 {
    font-size: 45px;
  }
}

@media (min-width: 1024px) and (max-height: 1366px) {
  .anniversaryDinner .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .anniversaryDinner h1 {
    text-align: left;
    width: 60%;
    margin-bottom: 10px;
  }

  .anniversaryDinner h3 {
    text-align: left;
    width: 58%;
  }

  .anniversaryDinner img {
    width: 300px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .anniversaryDinner .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .anniversaryDinner img {
    width: 400px;
    margin-bottom: 30px;
  }

  .anniversaryDinner h1 {
    font-size: 45px;
    width: 48%;
  }
}

@media (min-width: 1500px) {
  .anniversaryDinner h1 {
    font-size: 50px;
    width: 55%;
  }
}

@media (min-width: 1800px) {
  .anniversaryDinner h1 {
    font-size: 50px;
    width: 42%;
  }

  .anniversaryDinner h3 {
    font-size: 28px;
  }

  .anniversaryDinner h2 {
    width: 60%;
    margin-top: 0px;
  }
}

/* The Financial Planning Conference 2022 */

#financialPlanningConferenceVideo {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  object-fit: cover;
}

.financialPlanningConference {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.financialPlanningConference .container .content {
  font-family: "Source Serif Pro", serif !important;
  color: #fff !important;
}

.financialPlanningConference h1,
.financialPlanningConference h2 {
  font-family: "Source Serif Pro", serif !important;
  color: #fff !important;
}

.financialPlanningConference h1 {
  margin-top: 0px;
  color: #fff !important;
  filter: drop-shadow(5px 0 10px rgba(0, 0, 0, 0.25));
  font-weight: 700;
}

.financialPlanningConference h2 {
  font-weight: 700;
  margin-bottom: 30px;
  filter: drop-shadow(5px 0 10px rgba(0, 0, 0, 0.25));
}

.financialPlanningConference h2:nth-child(2) {
  font-weight: 700;
  color: #231f20 !important;
  margin: 15px 0px;
}

.financialPlanningConference h2:nth-child(3) {
  filter: drop-shadow(5px 0 10px rgba(0, 0, 0, 0.25));
  font-weight: 700;
  margin-top: 10px;
}

.financialPlanningConference .btn-primary {
  padding: 14px 28px;
  border: 4px solid #cbc9ca;
  color: white;
  font-weight: 700;
  border-radius: 200px;
  background: rgb(239, 10, 106);
  background: linear-gradient(
    90deg,
    rgba(239, 10, 106, 1) 30%,
    rgba(182, 53, 156, 1) 100%
  );
  border-color: white;
  font-size: 18px;
}

.financialPlanningConference .btn-primary:hover {
  border: 4px solid #fff;
  background: linear-gradient(
    90deg,
    rgba(239, 10, 106, 1) 30%,
    rgba(182, 53, 156, 1) 100%
  );
  background-size: 400% 400%;
  -webkit-animation: booking 2s ease infinite;
  -moz-animation: booking 2s ease infinite;
  animation: booking 2s ease infinite;
  color: white !important;
}

@-webkit-keyframes booking {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes booking {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes booking {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@media (max-width: 600px) {
  .financialPlanningConference {
    background: rgba(0, 0, 0, 0.5) !important;
  }

  #financialPlanningConferenceVideo {
    position: absolute;
    left: 0;
    bottom: -130px;
    object-position: 56%;
  }

  .financialPlanningConference .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .financialPlanningConference h2:nth-child(2) {
    color: #fff !important;
  }

  .financialPlanningConference h1 {
    text-align: center;
    font-size: 45px;
  }
}

@media (min-width: 768px) {
  .financialPlanningConference {
    background: url(/cisiweb2/image/homepage/fpc22tabletbg.jpg);
    background-size: cover;
    background-position: bottom right;
  }

  #financialPlanningConferenceVideo {
    position: absolute;
    left: 0;
    bottom: -120px;
    object-position: 44%;
  }

  .financialPlanningConference .container {
    margin: 0px 55px;
  }

  .financialPlanningConference h1 {
    font-size: 40px;
  }

  .financialPlanningConference h2 {
    font-size: 25px;
  }
}

@media (min-width: 1024px) and (max-height: 1366px) {
  #financialPlanningConferenceVideo {
    position: absolute;
    left: -400px;
    bottom: -200px;
    object-position: 32%;
    width: 140%;
    object-fit: none;
  }

  .financialPlanningConference .container {
  }

  .financialPlanningConference h1 {
    font-size: 40px;
  }

  .financialPlanningConference h2 {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  .financialPlanningConference .container {
    margin: 0px 30px;
  }

  .financialPlanningConference {
    background: none;
  }

  #financialPlanningConferenceVideo {
    position: absolute;
    left: 0;
    bottom: -100px;
    object-position: 67%;
    width: 100%;
    object-fit: cover;
  }

  .financialPlanningConference h1 {
    font-size: 40px;
  }

  .financialPlanningConference h2 {
    font-size: 25px;
  }
}

@media (min-width: 1300px) {
  #financialPlanningConferenceVideo {
    position: absolute;
    left: 0;
    bottom: -100px;
    object-position: 66%;
  }

  .financialPlanningConference .container {
    margin: 0px 88px;
  }

  .financialPlanningConference h1 {
    font-size: 45px;
  }
}

@media (min-width: 1500px) {
  #financialPlanningConferenceVideo {
    position: absolute;
    left: 0;
    bottom: -110px;
    object-position: 58%;
  }

  .financialPlanningConference .container {
    margin: 0px 173px;
  }

  .financialPlanningConference h1 {
    font-size: 50px;
  }

  .financialPlanningConference h2 {
    font-size: 35px;
  }
}

@media (min-width: 1800px) {
  .financialPlanningConference .container {
    margin: 0px 180px;
  }

  #financialPlanningConferenceVideo {
    position: absolute;
    left: 0;
    bottom: -35px;
    object-position: right;
  }

  .financialPlanningConference h1 {
    font-size: 60px;
  }

  .financialPlanningConference h2 {
    font-size: 35px;
  }
}

/* Anniversary dinner new
.anniversaryDinner{
    background:url("/cisiweb2/image/30th Anniversary/Dinner.png") no-repeat scroll center center / cover ;
    overflow: hidden !important;
    background-position-y: unset;
}

@media(max-width:600px){

}
@media(mix-width:1600px) {
    .col-sm-7.anniversaryDinnerBlock {
        position: relative;
        left: 35%;
        margin: 100px 0px;
        text-align: center;
    }
} */

/* Paraplanner Conference 2022 */

video#paraplannerConferenceVideo {
  position: absolute;
  left: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.paraplannerConference .nes-btn {
  border-image-slice: 2;
  border-image-width: 2;
  border-image-repeat: stretch;
  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(33,37,41)" /></svg>');
  border-image-outset: 2;
  position: relative;
  display: inline-block;
  padding: 6px 8px;
  margin: 4px;
  text-align: center;
  vertical-align: middle;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC)
      14 0,
    pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #212529;
  background-color: #fff;
  border-style: solid;
  border-width: 4px;
  font-size: 12px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .nes-btn {
    border-image-repeat: space;
  }
}

@supports (-moz-appearance: meterbar) {
  .nes-btn {
    border-image-repeat: stretch;
  }
}

.paraplannerConference .nes-btn::after {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  box-shadow: inset -4px -4px #adafbc;
}

.paraplannerConference .nes-btn:hover::after {
  box-shadow: inset -6px -6px #adafbc;
}

.paraplannerConference .nes-btn:focus {
  box-shadow: 0 0 0 6px rgba(173, 175, 188, 0.3);
}

.paraplannerConference .nes-btn:active:not(.is-disabled)::after {
  box-shadow: inset 4px 4px #adafbc;
}

.paraplannerConference .nes-btn:focus {
  outline: 0;
}

.paraplannerConference .nes-btn.is-primary {
  color: #fff;
  background-color: #209cee;
}

.paraplannerConference .nes-btn.is-primary::after {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  box-shadow: inset -4px -4px #006bb3;
}

.paraplannerConference .nes-btn.is-primary:hover {
  color: #fff;
  text-decoration: none;
  background-color: #108de0;
}

.paraplannerConference .nes-btn.is-primary:hover::after {
  box-shadow: inset -6px -6px #006bb3;
}

.paraplannerConference .nes-btn.is-primary:focus {
  box-shadow: 0 0 0 6px rgba(0, 107, 179, 0.3);
}

.paraplannerConference {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.paraplannerConference .content {
  font-family: "Press Start 2P", cursive !important;
  color: #fff !important;
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-style: solid;
  border-width: 4px;
  position: relative;
  margin: 4px;
  background-color: rgb(0 0 0 / 49%);
  border-color: white;
  padding: 20px 50px;
}

.paraplannerConference .content h2 {
  font-family: "Press Start 2P", cursive !important;
  color: #fff !important;
}

.paraplannerConference .content img {
  width: 450px;
}

.paraplannerConference p.date {
  color: #fff !important;
}

@media (max-width: 600px) {
  .paraplannerConference .content img {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .paraplannerConference .content img {
    width: 320px;
  }

  .paraplannerConference .content p {
    font-size: 14px !important;
  }

  .paraplannerConference p.date {
    margin-bottom: 10px;
  }

  .paraplannerConference {
    background-color: #027699d9 !important;
  }

  .paraplannerConference .container {
    margin: 0 !important;
    padding: 0 !important;
    background-color: unset !important;
    text-align: center;
  }

  .paraplannerConference .bookingButtons .nes-btn {
    margin-bottom: 10px;
  }

  .paraplannerConference .content {
    width: 100%;
    padding: 5px;
    margin: 0;
    border-style: none;
    background-color: unset;
  }
}

@media (max-width: 768px) {
  .paraplannerConference .content img {
    margin-bottom: 0px;
  }

  .paraplannerConference p.date {
    margin-bottom: 10px;
  }

  .paraplannerConference {
    background-color: #027699d9 !important;
  }

  .paraplannerConference .bookingButtons .nes-btn {
    margin-bottom: 10px;
  }

  .paraplannerConference .container {
    margin: 0 !important;
    padding: 0 !important;
    background-color: unset !important;
    text-align: center;
  }

  .paraplannerConference .content {
    width: 100%;
    padding: 20px;
    margin: 0;
    border-style: none;
    background-color: unset;
  }
}

@media (min-width: 768px) and (max-height: 1200px) {
  .paraplannerConference .nes-btn {
    font-size: 12px;
  }

  .paraplannerConference {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .paraplannerConference .content img {
    margin-bottom: 0px;
  }

  .paraplannerConference p.date {
    margin-bottom: 10px;
  }

  .paraplannerConference {
    background-color: #027699d9 !important;
  }

  .paraplannerConference .bookingButtons .nes-btn {
    margin-bottom: 10px;
  }

  .paraplannerConference .container {
    margin: 0 !important;
    padding: 0 !important;
    background-color: unset !important;
    text-align: center;
  }

  .paraplannerConference .content {
    width: 100%;
    padding: 5px;
    margin: 0;
    border-style: none;
    background-color: unset;
  }
}

@media (min-width: 1024px) and (max-height: 1366px) {
  .paraplannerConference .nes-btn {
    font-size: 12px;
  }

  .paraplannerConference {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .paraplannerConference .content img {
    margin-bottom: 0px;
  }

  .paraplannerConference p.date {
    margin-bottom: 10px;
  }

  .paraplannerConference {
    background-color: #027699d9 !important;
  }

  .paraplannerConference .bookingButtons .nes-btn {
    margin-bottom: 10px;
  }

  .paraplannerConference .container {
    margin: 0 !important;
    padding: 0 !important;
    background-color: unset !important;
    text-align: center;
  }

  .paraplannerConference .content {
    width: 100%;
    padding: 5px;
    margin: 0;
    border-style: none;
    background-color: unset;
  }
}

@media (min-width: 1200px) {
  .paraplannerConference {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: unset !important;
  }

  .paraplannerConference .content p {
    font-size: 14px !important;
  }

  .paraplannerConference .content {
    font-family: "Press Start 2P", cursive !important;
    color: #fff !important;
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-style: solid;
    border-width: 4px;
    position: relative;
    margin: 0px 0px 0px 0px;
    background-color: #027699d9 !important;
    border-color: white;
    padding: 20px;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.54);
  }

  p.disc {
    display: block;
    text-align: center;
  }

  .paraplannerConference .content p {
    margin-bottom: 10px;
  }
}

@media (min-width: 1500px) {
  .paraplannerConference .nes-btn {
    font-size: 15px;
  }

  .paraplannerConference .content {
    font-family: "Press Start 2P", cursive !important;
    color: #fff !important;
    width: 40%;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-style: solid;
    border-width: 4px;
    position: relative;
    margin: 0px 0px 0px 60px;
    background-color: #027699d9 !important;
    border-color: white;
    padding: 30px;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.54);
  }

  .paraplannerConference .container {
    width: 1450px;
  }

  .paraplannerConference .content p {
    font-size: 14px !important;
  }
}

@media (min-width: 1800px) {
  .paraplannerConference .content p {
    font-size: 16px !important;
  }

  .paraplannerConference .container {
    width: 1850px;
  }

  .paraplannerConference .content {
    padding: 40px;
  }

  .paraplannerConference .content p {
    margin-bottom: 20px;
  }

  .paraplannerConference .content h2 {
    margin-top: 20px;
  }
}

/* The Practice of Financial Planning */
.financialPlanning #financialPlanningVideo {
  position: absolute;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  object-fit: cover;
  object-position: 50% 85%;
}

.financialPlanning {
  display: flex;
  align-items: center;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  ) !important;
}

.financialPlanning .content h1 {
  font-family: "Libre Baskerville", serif !important;
  color: #fff !important;
}

.financialPlanning .content h4 {
  font-weight: 400 !important;
  color: #fff !important;
}

.financialPlanning .content {
  font-family: unset !important;
  color: #fff !important;
  width: 50%;
}

.financialPlanning .container img {
  max-width: 300px;
}

.financialPlanning .content .btn-primary {
  border: none;
  background: #a65d00;
  color: #fff;
}

.financialPlanning .content .btn-primary:hover {
  border: none;
  background: #efb826;
  color: #fff;
}

@media (max-width: 600px) {
  .financialPlanning {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .financialPlanning #financialPlanningVideo {
    object-position: 75% top;
  }

  .financialPlanning .content h4 {
    display: none !important;
  }

  .financialPlanning .content {
    width: 100%;
  }

  .financialPlanning .container img {
    max-width: 270px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .financialPlanning .content h3 {
    display: none;
  }

  .financialPlanning .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .financialPlanning {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .financialPlanning #financialPlanningVideo {
    top: -115px;
    object-position: 75% top;
  }

  .financialPlanning .content {
    width: 100%;
  }
}

@media (min-width: 1024px) and (max-height: 1366px) {
  .financialPlanning #financialPlanningVideo {
    top: -200px;
    object-position: 45%;
  }
}

@media (min-width: 1200px) {
  .financialPlanning {
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0) 100%
    ) !important;
  }

  .financialPlanning #financialPlanningVideo {
    top: -115px;
    object-position: 0%;
  }

  .financialPlanning .content {
    width: 62%;
  }
}

@media (min-width: 1300px) {
}

@media (min-width: 1500px) {
}

@media (min-width: 1800px) {
  .financialPlanning #financialPlanningVideo {
    top: 0px;
    object-position: 50% 85%;
  }

  .financialPlanning .content {
    width: 50%;
  }

  .financialPlanning .content p {
    font-size: 16px !important;
  }
}

@media (min-width: 2300px) {
  .financialPlanning #financialPlanningVideo {
    top: 0px;
    object-position: 50% 66%;
  }

  .financialPlanning .content {
    width: 50%;
  }
}

/* 30th Anniversary Dinner New */

.anniversaryDinnerNew {
  background: url(/cisiweb2/image/Guildhall.jpeg);
  background-size: cover;
  background-position-y: center;
}

.anniversaryDinnerNew .content {
  background: rgb(230 229 230 / 91%);
}

.anniversaryDinnerNew h1 {
  color: rgb(155, 130, 147);
  font-family: "Century Gothic";
  font-size: 35px;
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: center;
}

.anniversaryDinnerNew h3 {
  color: rgb(109, 111, 114);
  font-family: "Century Gothic";
  margin-top: 0px;
  font-size: 24px;
  margin-bottom: 10px;
  text-align: center;
}

.anniversaryDinnerNew {
  display: flex;
  align-items: center;
}

.anniversaryDinnerNew .btn {
  background: #9b8293;
  border: 0px solid;
  padding: 10px 28px;
  font-size: 16px;
  font-weight: 400 !important;
  margin-bottom: 10px;
}

.anniversaryDinnerNew .btn:hover {
  background: #856b7c;
}

@media (max-width: 600px) {
  .anniversaryDinnerNew .container {
    display: flex;
    background: rgb(230 229 230 / 91%);
    height: 100%;
    align-items: center;
  }

  .anniversaryDinnerNew .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: unset;
  }

  .anniversaryDinnerNew img {
    width: 300px;
    margin-bottom: 10px;
  }

  .anniversaryDinnerNew h1 {
    font-size: 35px;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .anniversaryDinnerNew h3 {
    margin-top: 0px;
    font-size: 24px;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .anniversaryDinnerNew .container {
    display: flex;
    background: rgb(230 229 230 / 91%);
    height: 100%;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .anniversaryDinnerNew .content {
    background: unset;
  }

  .anniversaryDinnerNew .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .anniversaryDinnerNew img {
    width: 350px;
    margin-bottom: 10px;
  }

  .anniversaryDinnerNew h1 {
    font-size: 45px;
    width: 73%;
    filter: drop-shadow(5px 0 10px rgba(155, 130, 147, 0.25));
  }
}

@media (min-width: 1024px) and (max-height: 1366px) {
  .anniversaryDinnerNew .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .anniversaryDinnerNew h1 {
    text-align: center;
    width: 52%;
    margin-bottom: 10px;
  }

  .anniversaryDinnerNew h3 {
    text-align: left;
  }

  .anniversaryDinnerNew img {
    width: 300px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .anniversaryDinnerNew .container {
    width: 1300px !important;
    background: unset !important;
    margin: 0 60.995px;
    padding: 15px;
    height: unset;
  }

  .anniversaryDinnerNew .content {
    display: flex;
    flex-direction: column;
    background: rgb(230 229 230 / 91%);
    padding: 15px 20px;
    width: 55%;
    align-items: flex-start;
  }

  .anniversaryDinnerNew img {
    width: 400px;
    margin-bottom: 30px;
  }

  .anniversaryDinnerNew h1 {
    text-align: left;
    width: 83%;
    font-size: 45px;
  }
}

@media (min-width: 1300px) {
  .anniversaryDinnerNew h1 {
    width: 92%;
  }
}

@media (min-width: 1500px) {
  .anniversaryDinnerNew h1 {
    font-size: 50px;
    width: 95%;
  }

  .anniversaryDinnerNew .content {
    display: flex;
    flex-direction: column;
    background: rgb(230 229 230 / 91%);
    padding: 30px 40px;
    width: 55%;
    align-items: flex-start;
  }
}

@media (min-width: 1800px) {
  .anniversaryDinnerNew .container {
    margin: 0 100px;
  }

  .anniversaryDinnerNew h1 {
    width: 85%;
    font-size: 50px;
  }

  .anniversaryDinnerNew h3 {
    font-size: 28px;
  }

  .anniversaryDinnerNew h2 {
    width: 60%;
    margin-top: 0px;
  }

  .anniversaryDinnerNew .content {
    padding: 40px 50px;
    width: 65%;
  }
}

/* cyprus only tile*/
.cyprusOnly {
  background-image: url(/cisiweb2/image/homepage/cyprusHometile.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  /* display: flex;
    flex-direction: column;
    justify-content: center; */
}

.cyprusOnly .container {
  height: 100%;
}

.cyprusOnly .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 100%;
  justify-content: center;
  padding: 0% 10%;
}

.cyprusOnly .content .btn.btn-primary {
  background-color: #ffffff;
  border-color: #ffffff;
  padding: 12px 65px;
  font-weight: 600;
  color: #cc2fe8;
  margin-top: 30px;
  font-size: 20px;
}

.cyprusOnly .content h1 {
  color: white;
  font-weight: 600;
  font-size: 45px;
  margin-top: 20px;
}

@media (max-width: 1200px) {
  .cyprusOnly .content h1 {
    font-size: 33px;
  }
}

@media (max-width: 490px) {
  .cyprusOnly .content h1 {
    font-size: 28px;
  }
}

/* change fp event*/
.changeFPEvent {
  background-image: url(/cisiweb2/image/homepage/changebg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  /* display: flex;
    flex-direction: column;
    justify-content: center; */
}

.changeFPEvent .content {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.changeFPEvent .content .btn.btn-primary {
  background-color: #f73a84;
  border-color: #f73a84;
  padding: 12px 65px;
  font-weight: 600;
}

.changeFPEvent .content h1 {
  color: white;
  font-weight: 600;
  font-size: 45px;
  font-family: "Open Sans", sans-serif;
  margin-top: 20px;
}

.changeFPEvent .content .row {
  width: 65%;
  margin: 15px 0px;
}

.changeFPEvent .content p {
  font-size: 20px;
  font-weight: 600;
}

.changeFPEvent .content img {
  width: 20%;
}

.changeFPEvent .content .logo img {
  width: 40%;
}

.changeFPEvent .content h1 .yellowTxt {
  color: #feba58;
}

.changeFPEvent .content .col-md-4 {
  color: white;
  text-align: center;
}

.changeFPEvent .content .col-md-4 span {
  font-size: 40px;
  color: #f73a84;
}

@media (min-width: 1900px) {
  .changeFPEvent .content .row {
    margin: 40px 0px;
  }
}

@media (max-width: 1200px) {
  .changeFPEvent .content h1 {
    font-size: 30px;
  }

  .changeFPEvent .content p {
    font-size: 13px;
  }

  .changeFPEvent .content .col-md-4 span {
    font-size: 23px;
  }

  .changeFPEvent .content .btn.btn-primary {
    padding: 10px 45px;
  }
}

@media (max-width: 990px) {
  .changeFPEvent .content .logo img {
    width: 20%;
  }

  .changeFPEvent .content h1 {
    font-size: 25px;
  }

  .changeFPEvent .content .btn.btn-primary {
    padding: 10px 45px;
  }
}

@media (max-width: 490px) {
  .changeFPEvent .content img {
    width: 50%;
  }

  .changeFPEvent .content h1 {
    font-size: 15px;
  }

  .changeFPEvent .content h1 {
    margin-top: 5px;
  }
}

@media (max-width: 370px) {
  .changeFPEvent .content h1 {
    font-size: 15px;
  }
}

/* FP Conf Tile */
.fpconfTiles {
  background-image: url(/cisiweb2/image/homepage/cloudBackground.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fpconfTiles .topBlock {
  display: flex;
  margin-left: -5%;
  margin-top: -2%;
}

.fpconfTiles .topBlock h1 {
  color: white;
  font-weight: 600;
  width: 100%;
  text-align: center;
  margin-left: 35%;
  margin-top: 6%;
  font-size: 50px;
  font-family: "Source Serif Pro", serif !important;
  text-shadow: 0px 0px 30px #0b0b0bab;
}

.topBlock img {
  width: 20%;
  height: fit-content;
  /* margin-left: -8%;
    margin-top: -3%; */
}

.fpconfTiles .bottomBlock img {
  width: 75%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.fpconfTiles .row {
  display: flex;
}

.fpconfTiles .leftBlock {
  width: 100%;
}

.fpconfTiles .rightBlock {
  width: 40%;
  text-align: center;
  margin-right: -130px;
}

.fpconfTiles .rightBlock img {
  width: 60%;
}

.fpconfTiles .rightBlock p {
  font-size: 24px;
  color: black;
  font-weight: 600;
  margin-top: 2%;
  font-family: "Source Serif Pro", serif !important;
}

/* .fpconfTiles .rightBlock a {
    background-color: black;
    border-radius: 18px;
    padding: 9px 55px;
    font-size: 20px;
    margin-top: 12px;
    border: 0px;
}

.fpconfTiles .rightBlock a:active {
    background: black;
} */

.fpconfTiles .mobileScreen {
  display: none;
  text-align: center;
}

.fpconfTiles .mobileScreen .iconFp {
  width: 31%;
}

.fpconfTiles .mobileScreen p {
  font-size: 15px;
  text-align: center;
  color: black;
  font-weight: 600;
  margin: 0 0 10px;
  font-family: "Source Serif Pro", serif !important;
}

.fpconfTiles .mobileScreen .row.spk {
  margin-right: 20px !important;
  margin-left: 20px !important;
  margin-top: -10px;
  display: flex;
  flex-direction: column;
}

.fpconfTiles .mobileScreen .row.spk h1 {
  color: black;
  font-weight: 600;
  font-size: 20px;
}

.fpconfTiles .mobileScreen .row.spk .colMobile {
  text-align: left;
  /* margin-bottom: 8px; */
}

.fpconfTiles .mobileScreen .row.spk .colMobile em {
  margin-right: 10px;
}

.fpconfTiles .mobileScreen .btn-booking {
  margin-top: 17px;
  margin-bottom: 15px;
}

.fpconfTiles .mobileScreen .row.spk h2 {
  margin-top: 18px;
  margin-bottom: 0px;
  font-size: 15px;
  color: #000;
  font-family: "Source Serif Pro", serif !important;
}

.fpconfTiles a.btn.btn-booking {
  background: rgb(239, 10, 106);
  background: linear-gradient(
    90deg,
    rgba(239, 10, 106, 1) 30%,
    rgba(182, 53, 156, 1) 100%
  );
  border-color: white;
  border: 4px solid white;
  color: white;
  font-weight: 700;
  border-radius: 200px;
}

.fpconfTiles a.btn.btn-booking:hover {
  background: linear-gradient(
    90deg,
    rgba(239, 10, 106, 1) 30%,
    rgba(182, 53, 156, 1) 100%
  );
  background-size: 400% 400%;
  -webkit-animation: conf-mem 2s ease infinite;
  -moz-animation: conf-mem 2s ease infinite;
  animation: conf-mem 2s ease infinite;
  color: white !important;
}

@media (max-width: 1600px) {
  .fpconfTiles .topBlock {
    margin-top: 0%;
    margin-left: 0%;
  }

  .fpconfTiles .topBlock h1 {
    width: 100%;
    margin-left: 5%;
    /* margin-top: 8%; */
  }

  .fpconfTiles .rightBlock {
    width: 55%;
    margin-right: -140px;
  }

  .fpconfTiles .rightBlock p {
    font-size: 24px;
  }
}

@media (max-width: 1400px) {
  .fpconfTiles .bottomBlock img {
    width: 78%;
  }

  .fpconfTiles .topBlock h1 {
    /* width: 76%; */
    font-size: 50px;
    margin-top: 10%;
  }

  .fpconfTiles .topBlock {
    margin-top: -2%;
    margin-left: 8%;
  }

  .fpconfTiles .rightBlock p {
    font-size: 22px;
  }

  .fpconfTiles .rightBlock {
    margin-right: -50px;
    width: 42%;
  }
}

@media (max-width: 1300px) {
  .fpconfTiles .rightBlock p {
    margin-top: 1%;
    font-size: 20px;
  }
}

@media (max-width: 1200px) {
  .fpconfTiles .bottomBlock img {
    width: 75%;
  }

  .fpconfTiles .rightBlock p {
    font-size: 17px;
  }

  .fpconfTiles .rightBlock {
    margin-right: -20px;
    width: 41%;
  }

  /* .fpconfTiles .rightBlock a {
        padding: 9px 37px;
    } */

  .fpconfTiles .topBlock h1 {
    font-size: 37px;
    margin-top: 10%;
    margin-left: 13%;
  }

  .fpconfTiles .topBlock {
    margin-top: 2%;
  }
}

@media (max-width: 990px) {
  .fpconfTiles .mobileScreen {
    display: block;
  }

  .fpconfTiles .largeScreen {
    display: none;
  }
}

@media (max-width: 670px) {
  .fpconfTiles .mobileScreen .row.spk .colMobile span {
    display: none;
  }
}

@media (min-width: 415px) {
  .fpconfTiles .mobileScreen p {
    margin-bottom: 5px;
  }

  .fpconfTiles .mobileScreen {
    margin: 2% 12%;
  }

  .fpconfTiles .mobileScreen .row.spk {
    margin-right: 20% !important;
    margin-left: 20% !important;
  }

  /* .fpconfTiles .mobileScreen a.btn.btn-booking{
        margin-top: 15px;
    } */
  .fpconfTiles .mobileScreen .iconFp {
    width: 20%;
  }

  .fpconfTiles .mobileScreen .row.spk {
    margin-top: 0px;
  }

  .fpconfTiles .mobileScreen a.btn.btn-booking {
    margin-top: 15px;
  }
}

/*Join CISI*/
.joiningCISI {
  background-image: url(/cisiweb2/image/homepage/joincisi.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.joiningCISI .content {
  padding: 0px;
  width: 53%;
}

.joiningCISI .content h1 {
  color: #fff !important;
  font-weight: 500;
  font-size: 56px;
  margin-top: 0px;
  font-family: "Varela Round", sans-serif;
}

.joiningCISI .content p {
  width: 90%;
  font-size: 27px;
  color: #ffffff;
  font-family: "Varela Round", sans-serif;
}

.joiningCISI .content .btn-primary {
  background-color: #fff;
  border-color: #fff;
  color: #0c327d;
  font-weight: bold;
  font-family: "Varela Round", sans-serif;
  min-width: none;
}

@media (max-width: 1600px) {
  .joiningCISI .content h1 {
    font-size: 46px;
  }

  .joiningCISI .content p {
    width: 90%;
    font-size: 20px;
  }
}

@media (max-width: 1200px) {
  .joiningCISI .content h1 {
    font-size: 36px;
  }
}

@media (max-width: 490px) {
  .joiningCISI {
    background-image: none;
    background: #0c327d;
  }

  .joiningCISI .content {
    padding: 30px;
    width: 100%;
  }

  .joiningCISI .content h1 {
    font-size: 34px;
  }

  .joiningCISI .content p {
    font-size: 16px;
  }

  .joiningCISI {
    background-position: 56% bottom;
  }
}

@media (max-width: 380px) {
  .joiningCISI .content h1 {
    font-size: 25px;
  }
}
/*SRI HK*/
.sriHK {
  background-image: url(/cisiweb2/image/homepage/HKMA.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0% 65%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 70%;
}
.whiteLg p {
  color: #014f5b;
  font-weight: 600;
  font-size: 18px;
  margin: 15px 0 0;
}
.whiteLg .col-md-6 {
  text-align: center;
}
.whiteLg .col-md-6 img {
  width: 260px;
}
.whiteLg .col-md-6 .rightBlock {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.whiteLg .col-md-6 .contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.whiteLg .col-md-6 .contact a {
  color: #000;
}
.whiteLg .row {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}
.paLogo img {
  width: 20%;
}
.hongkongBanner .banner_header h1 {
  color: white;
  font-weight: 500;
  font-size: 50px;
  width: 40%;
}
.hongkongBanner .banner_header p {
  color: white;
  font-size: 20px;
}
.hongkongBanner .boxSetBtnContainer a {
  background-color: #e5984f;
  border-color: #e5984f;
  font-size: 15px;
}
@media (max-width: 1600px) {
  .hongkongBanner .banner_header h1 {
    width: 50%;
    margin-top: 10px;
  }
}
@media (max-width: 1400px) {
  .hongkongBanner .banner_header h1 {
    font-size: 40px;
  }
  .hongkongBanner .banner_header p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .whiteLg .col-md-6 img {
    width: 180px;
  }
  .hongkongBanner .banner_header h1 {
    font-size: 35px;
  }
  .hongkongBanner .banner_header p {
    font-size: 16px;
  }
  .hongkongBanner .boxSetBtnContainer a {
    padding: 8px 0px;
  }
  .whiteLg .col-md-6 .contact span {
    font-size: 14px;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .hongkongBanner .banner_header h1 {
    font-size: 32px;
  }
  .whiteLg .col-md-6 {
    width: 50%;
  }
  .whiteLg .row {
    display: flex;
  }
  .whiteLg .col-md-6 .contact span {
    font-size: 9px;
  }
  .whiteLg .col-md-6 img {
    width: 170px;
  }
}
@media (max-width: 600px) {
  .hongkongBanner .banner_header h1 {
    width: 100%;
    font-size: 28px;
  }
  .hongkongBanner .banner_header p {
    font-size: 16px;
  }
  .paLogo img {
    width: 35%;
    margin-left: 0;
  }
  .whiteLg p {
    font-size: 10px;
  }
  .whiteLg .col-md-6 img {
    width: 110px;
  }
  .whiteLg .row {
    display: flex;
  }
  .whiteLg .col-md-6.min-3 {
    width: 35%;
  }
  .whiteLg .col-md-6.min-6 {
    width: 65%;
  }
  .whiteLg .col-md-6 .contact span {
    font-size: 5px;
  }
}
/* mental health and Addiction Awareness   */
.mh {
  background: url(/cisiweb2/image/mh/MHbgR.png);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  font-family: "myriad-pro", sans-serif;
}
.mh .container .content {
  width: 53%;
}
.mh .container .content .btn.btn-primary {
  background-color: #e0b937;
  color: #fffffe;
  /* font-size: 20px; */
  font-size: 18px;
  font-weight: 900;
  border-color: #e0b937;
}
.mh .container .content p {
  font-size: 20px;
  color: white;
  width: 65%;
  margin-top: 20px;
}
.mh .container .bgText {
  color: #000000;
  background-color: #d9d9d9b0;
  font-size: 23px;
  padding: 20px;
  border-radius: 20px;
  padding-top: 40px;
  margin: 0;
  font-family: "myriad-pro", sans-serif;
  font-weight: 600;
  display: inline-block;
}
.mh .container h2.boost {
  color: #e0b937;
  margin: 0;
  font-weight: 600;
  width: 100%;
  font-size: 35px;
  margin: 15px 0px;
  font-family: "myriad-pro", sans-serif;
  display: none;
}
.mh .logoBlock img {
  width: 130px;
}
.mh .logoBlock {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
@media (max-width: 1600px) {
  .mh .container .bgText {
    font-size: 20px;
  }
  .mh .container h2.boost {
    font-size: 30px;
    margin: 8px 0px;
  }
  .mh .container .content p {
    font-size: 18px;
  }
  .mh .container .content p {
    width: 90%;
  }
}
@media (max-width: 1100px) {
  .mh .logoBlock img {
    width: 100px;
  }
  .mh .container .bgText {
    font-size: 18px;
  }
  .mh .container h2.boost {
    font-size: 25px;
  }
  .mh .container .content p {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .mh .container .content .btn.btn-primary {
    padding: 7px 25px;
  }
}
@media (max-width: 600px) {
  .mh .container .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .mh .logoBlock img {
    margin: 0;
  }
  .mh .container .bgText {
  }
  .mh .container h2.boost {
    width: 90%;
  }
  .mh .container .content p {
    width: 90%;
    font-size: 14px;
  }
}
/*Membership Renewals*/
.membRenewals {
  background-image: url(/cisiweb2/image/cisi-mentor-scheme.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.membRenewals.reverseMent {
  background-image: url(/cisiweb2/image/mycisi/peoplerenew.jpg);
}
.membRenewals.reverseMent .content h1 {
  color: white !important;
  font-size: 57px;
    font-weight: 600;
    width: 40%;
}
.membRenewals.reverseMent .content p {
  font-size: 20px;
  color: white;
  width: 50%;
}
.membRenewals.reverseMent .content p .YellowTxt {
  color: #efad12 !important;
}
.membRenewals.reverseMent .content .btn-primary {
  /* background-color: #efad12; */
  /* border-color: #efad12; */
  font-size: 16px;
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .membRenewals.reverseMent .content p {
    font-size: 19px;
    color: white;
  }
  .membRenewals.reverseMent .content h1 {
    font-size: 43px;
  }
}
@media (max-width: 600px) {
  .membRenewals{
    background-position-x: -295px;
  }
  .membRenewals.reverseMent .content h1 {
    width: 45%;
}
  .membRenewals.reverseMent .content p {
    font-size: 15px;
  }
  .membRenewals.reverseMent .content .btn-primary {
    font-size: 10px !important;
    padding: 8px 9px;
    font-weight: unset;
  }
  .membRenewals.reverseMent .content h1 {
    font-size: 27px;
  }
}
/*Reverse Mentoring Scheme*/
.mentoringScheme.reverseMent {
  background-image: url(/cisiweb2/image/reverseMent.jpg);
}
.mentoringScheme.reverseMent .content h1 {
  color: #efad12 !important;
  font-size: 50px;
}
.mentoringScheme.reverseMent .content p {
  font-size: 20px;
  color: white;
}
.mentoringScheme.reverseMent .content p .YellowTxt {
  color: #efad12 !important;
}
.mentoringScheme.reverseMent .content .btn-primary {
  background-color: #efad12;
  border-color: #efad12;
  font-size: 16px;
}
@media (max-width: 1200px) {
  .mentoringScheme.reverseMent .content p {
    font-size: 19px;
    color: white;
  }
  .mentoringScheme.reverseMent .content h1 {
    font-size: 43px;
  }
}
@media (max-width: 600px) {
  .mentoringScheme.reverseMent .content p {
    font-size: 15px;
  }
  .mentoringScheme.reverseMent .content .btn-primary {
    font-size: 10px !important;
    padding: 8px 9px;
    font-weight: unset;
  }
  .mentoringScheme.reverseMent .content h1 {
    font-size: 27px;
  }
}
/*Mentoring Scheme*/
.mentoringScheme {
  background-image: url(/cisiweb2/image/cisi-mentor-scheme.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mentoringScheme .content {
  padding: 0px;
  width: 53%;
}

.mentoringScheme .content h1 {
  color: #006aa8 !important;
  font-weight: 500;
  font-size: 60px;
  margin-top: 0px;
}

.mentoringScheme .content p {
  width: 90%;
  font-size: 27px;
}

.mentoringScheme .content .btn-primary {
  background-color: #006aa8;
  border-color: #006aa8;
}

@media (max-width: 1600px) {
  .mentoringScheme .content h1 {
    font-size: 50px;
  }

  .mentoringScheme .content p {
    width: 90%;
    font-size: 20px;
  }
}

@media (max-width: 1200px) {
  .mentoringScheme .content h1 {
    font-size: 50px;
  }
}

@media (max-width: 490px) {
  .mentoringScheme .content h1 {
    font-size: 28px;
  }

  .mentoringScheme .content p {
    font-size: 16px;
  }

  .mentoringScheme {
    background-position: 56% bottom;
  }
}

@media (max-width: 380px) {
  .mentoringScheme .content h1 {
    font-size: 25px;
  }
}

/* Future Foundation */
.futureFoundation {
  background-image: url(/cisiweb2/image/ffhometile.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.futureFoundation .content h1 {
  color: #4f499f !important;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.futureFoundation .content h4 {
  color: rgb(51, 51, 51) !important;
  width: 51%;
  font-weight: 400 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.futureFoundation .content .btn-primary {
  background-color: #4f499f !important;
  color: #fff !important;
  border-color: #4f499f !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.futureFoundation .content .btn-primary:hover {
  background-color: #2b2572 !important;
}

@media (max-width: 600px) {
  .futureFoundation {
    background-position: 76%;
  }

  .futureFoundation .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    backdrop-filter: blur(2px);
    background-color: #ffffff96;
    height: 100%;
  }

  .futureFoundation .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .futureFoundation .content h1 {
    margin-top: 0px;
    font-size: 24px;
  }

  .futureFoundation .content h4 {
    width: 100%;
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .futureFoundation .content h4 {
    width: 70%;
  }
}

@media (min-width: 1024px) and (max-height: 1366px) {
  .futureFoundation .content h4 {
    width: 75%;
  }
}

@media (min-width: 1200px) {
  .futureFoundation .content h4 {
    width: 65%;
  }
}

@media (min-width: 1800px) {
  .futureFoundation .content h4 {
    width: 51%;
  }
}

/* Professional Refresher */
.professionalRefresher {
  background-image: url(/cisiweb2/image/PR_module_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.professionalRefresher .container {
  display: flex;
  justify-content: flex-end;
  padding: 0px;
}

.professionalRefresher .content {
  background-color: #006666e0;
  max-width: 1000px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.professionalRefresher .content h1,
.professionalRefresher .content p {
  color: #fff !important;
  text-align: center;
}

.professionalRefresher .content p:nth-child(2) {
  font-size: 20px;
}

.professionalRefresher .content h1 {
  font-weight: 400;
  margin-top: 0px;
}

.professionalRefresher .content .colorText {
  color: #d6e781 !important;
}

.professionalRefresher .content .moduleImage img {
  border: 5px #fff solid;
  border-radius: 30px;
}

.professionalRefresher .content .modules p {
  text-align: center;
  margin: 10px 0px;
}

.professionalRefresher .content .prButtons {
  display: flex;
  gap: 20px;
}

.professionalRefresher .content .prButtons .btn {
  border-color: #fff;
  background-color: #fff;
  color: #000;
  font-weight: 500;
}

.professionalRefresher .content .prButtons .btn:hover {
  border-color: #e7e7e7;
  background-color: #e7e7e7;
}

.professionalRefresher .content .moduleTitle p {
  font-size: 14px;
}

.professionalRefresher .content .mobileText {
  display: none;
}

@media (max-width: 600px) {
  .professionalRefresher .content .mobileText {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }

  .professionalRefresher .content .mobileText a {
    color: #fff !important;
    font-size: 20px;
  }

  .professionalRefresher .content .modules {
    display: none;
  }

  .professionalRefresher .content .prButtons {
    flex-direction: column;
  }

  .fa-clipboard-list:before {
    margin-right: 10px;
  }
}

@media (max-width: 768px) {
  .professionalRefresher .container {
    padding: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
    background: #407b83eb;
    justify-content: center;
  }

  .professionalRefresher .content {
    background-color: unset !important;
    max-width: 100%;
    padding: 20px;
  }

  .professionalRefresher .content p:nth-child(2) {
    font-size: 16px;
  }
}

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {
  .professionalRefresher .content {
    max-width: 650px;
    padding: 10px 20px;
  }

  .professionalRefresher .content p:nth-child(2) {
    font-size: 16px;
  }

  .professionalRefresher .content .moduleTitle p {
    font-size: 12px;
    margin: 5px 0px;
  }
}

@media (max-width: 1024px) and (max-height: 1366px) {
  .professionalRefresher .content {
    background-color: #407b83eb;
    max-width: 650px;
    padding: 10px 20px;
    align-items: center;
    justify-content: center;
  }

  .professionalRefresher .content h1 {
    margin-top: 0px;
  }

  .professionalRefresher .content p:nth-child(2) {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .professionalRefresher .container {
    width: 1100px;
  }

  .professionalRefresher .content {
    max-width: 700px;
  }

  .professionalRefresher .content h1 {
    font-size: 40px;
  }

  .professionalRefresher .content p:nth-child(2) {
    font-size: 18px;
  }

  .professionalRefresher .content .moduleTitle p {
    font-size: 16px;
  }
}

@media (min-width: 1300px) {
  .professionalRefresher .container {
    width: 1170px;
  }

  .professionalRefresher .content {
    max-width: 750px;
  }
}

@media (min-width: 1500px) {
  .professionalRefresher .container {
    width: 1350px;
  }

  .professionalRefresher .content {
    max-width: 800px;
    padding: 20px;
  }
}

@media (min-width: 1800px) {
  .professionalRefresher .container {
    width: 1700px;
  }

  .professionalRefresher .content {
    max-width: 1000px;
  }

  .professionalRefresher .content .modules p {
    margin: 15px 0px;
  }

  .professionalRefresher .content p:nth-child(2) {
    font-size: 20px;
  }

  .professionalRefresher .content h1 {
    font-size: 50px;
  }
}

/* fp awards */

.fpawards {
  background-image: url(/cisiweb2/image/homepage/fpconf22lockupwhit.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fpawards .container {
  margin-left: 5%;
}

.fpawards .content {
  padding: 0px;
  font-family: "Source Serif Pro", serif !important;
}

.fpawards .content .contentDiv {
  display: flex;
  font-family: "Open Sans", sans-serif;
  align-items: center;
  gap: 50px;
}

.fpawards .contentDiv .contLeft .rowLogo {
  display: flex;
  align-items: center;
  margin-top: -5%;
}

.fpawards .contentDiv .contLeft .rowLogo img {
  width: 35%;
}

.fpawards .contentDiv .contLeft .rowLogo h2 {
  color: white;
  font-size: 25px;
  font-weight: 600;
  font-family: "Source Serif Pro", serif !important;
  margin: 107px 50px 0px;
}

.fpawards .contentDiv .contLeft {
  display: flex;
  flex-direction: column;
  gap: 55px;
}

.fpawards .contentDiv .contLeft .para p {
  color: white;
  font-size: 23px;
  font-family: "Source Serif Pro", serif !important;
  font-weight: 600;
}

.fpawards .contentDiv .contRight img {
  width: 49%;
}

.fpButton {
  margin-top: 2%;
}

.fpButton .btn.btn-primary {
  background: linear-gradient(
    90deg,
    rgba(239, 10, 106, 1) 30%,
    rgba(182, 53, 156, 1) 100%
  );
  border-color: white;
  border: 4px solid white;
  color: white;
  font-weight: 700;
  border-radius: 200px;
}

.fpButton .btn.btn-primary:hover {
  background: linear-gradient(
    90deg,
    rgba(239, 10, 106, 1) 30%,
    rgba(182, 53, 156, 1) 100%
  );
  background-size: 400% 400%;
  -webkit-animation: conf-mem 2s ease infinite;
  -moz-animation: conf-mem 2s ease infinite;
  animation: conf-mem 2s ease infinite;
  color: white !important;
}

@media (max-width: 1600px) {
  .fpawards .contentDiv .contLeft .rowLogo h2 {
    font-size: 22px;
    margin: 84px 50px 0px;
  }

  .fpawards .contentDiv .contLeft .para p {
    font-size: 19px;
  }
}

@media (max-width: 1025px) {
  .fpawards .contentDiv .contLeft {
    gap: 45px;
  }
}

@media (max-width: 780px) {
  .fpawards {
    background-position: 70%;
  }
}

@media (max-width: 600px) {
  .fpawards .contentDiv .contLeft .rowLogo .imgLg {
    width: 21%;
    display: block !important;
  }

  .fpawards .contentDiv .contLeft .para p {
    font-size: 17px;
    text-align: center;
  }

  .fpButton {
    text-align: center;
  }

  .fpawards .contentDiv .contRight {
    display: none;
  }

  .fpawards .contentDiv .contLeft .rowLogo h2 {
    font-size: 12px;
    margin: 0px;
    margin-top: 30px;
    margin-bottom: 10px;
  }

  .fpawards .contentDiv .contLeft .rowLogo {
    gap: 25px;
  }
}

/* member badge */

.memberBadge {
  background-image: url(/cisiweb2/image/member_badge_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.memberBadge .content {
  padding: 0px;
  width: 50%;
}

.memberBadge .content h1 {
  color: #fff !important;
  font-weight: 600;
  text-shadow: 0px 0px 30px #000000c4;
  font-size: 80px;
  margin-top: 0px;
}

.memberBadge .content p {
  color: #fff !important;
  font-size: 30px;
  text-shadow: 0px 0px 30px #000, 0px 0px 30px #000, 0px 0px 40px #000;
}

.memberBadge .content .btn {
  color: #fff;
  background-color: #af882d;
  border-color: #af882d;
}

.memberBadge .content .btn:hover {
  color: #fff;
  background-color: #b78000;
  border-color: #b78000;
}

.memberBadge .content .fas.fa-cloud-download-alt {
  margin-right: 6px;
}

video#mentorVideo {
  position: absolute;
  left: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  object-fit: cover;
  object-position: top;
}

@media (max-width: 600px) {
  .memberBadge .content {
    width: 100%;
    padding: 30px 20px;
    text-align: center;
  }

  .memberBadge .container {
    padding: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
    background: #000000b5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .memberBadge .content h1,
  .memberBadge .content p {
    color: #fff !important;
  }

  .memberBadge .content h1 {
    font-size: 60px;
  }

  .memberBadge .content p {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .memberBadge .content h1 {
    font-size: 50px;
  }

  .memberBadge .content p {
    font-size: 20px;
  }
}

@media (min-width: 1024px) and (max-height: 1366px) {
  .memberBadge .content h1 {
    font-size: 70px;
  }

  .memberBadge .content p {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .memberBadge .content h1 {
    font-size: 70px;
  }

  .memberBadge .content p {
    font-size: 24px;
  }
}

@media (min-width: 1700px) {
  .memberBadge .content h1 {
    font-size: 80px;
  }

  .memberBadge .content p {
    font-size: 30px;
  }
}

.diwali2022 {
  background-image: url(/cisiweb2/image/Diwali-home-2022.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

@media (max-width: 600px) {
  .diwali2022 {
    background-image: url(/cisiweb2/image/Diwali-home-page-iphone.jpg) !important;
  }
}

@media (max-width: 768px) {
  .diwali2022 {
    background-position: right bottom !important;
  }
}

/*Advent22*/
@import url("https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap");

.advent22 {
  background-image: url(/cisiweb2/image/homepage/advent22.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.advent22 .content {
  padding: 0px;
  width: 50%;
  text-align: center;
  margin-left: -100px;
}

.advent22 .content h1 {
  color: #a32123 !important;
  font-weight: 500;
  font-size: 60px;
  margin-top: 0px;
  font-family: "Berkshire Swash", cursive;
}

.advent22 .content h2 {
  color: #4d0a0b !important;
  font-weight: 500;
  margin-top: 0px;
  font-family: "Berkshire Swash", cursive;
}

.advent22 .content p {
  font-size: 30px;
  font-family: "Berkshire Swash", cursive;
  color: #4d0a0b !important;
}

.advent22 .content .btn-primary {
  background-color: #fff;
  border-color: #fff;
  color: #be261b;
}

@media (max-width: 1800px) {
  .advent22 .content {
    padding: 0px;
    width: 50%;
    text-align: center;
    margin-left: 0px;
  }
}

@media (max-width: 1600px) {
  .advent22 .content {
    padding: 0px;
    width: 50%;
    text-align: center;
  }

  .advent22 .content h1 {
    font-size: 44px;
  }

  .advent22 .content p {
    font-size: 20px;
  }
}

@media (max-width: 1200px) {
  .advent22 .content h1 {
    font-size: 40px;
  }
}

@media (max-width: 992px) {
  .advent22 {
    background-position: center bottom;
  }
}

@media (max-width: 490px) {
  .advent22 .content h1 {
    font-size: 42px;
  }

  .advent22 .content p {
    font-size: 22px;
  }

  .advent22 .content {
    padding: 0px;
    width: 100%;
    text-align: center;
  }

  .advent22 {
    background-position: center bottom;
  }
}

@media (max-width: 380px) {
  .advent22 .content h1 {
    font-size: 25px;
  }
}

/* Christmas Closure Dates Banner */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700;800&display=swap");

.christmasClosureBanner {
  background-image: url(/cisiweb2/image/homepage/christmas-closure-dates.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Poppins", sans-serif !important;
}

.christmasClosureBanner .container {
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: #00000030;
}

.christmasClosureBanner .container h1 {
  color: #fff;
  font-weight: bold;
  font-size: 60px;
  text-shadow: 1px 1px 0 rgb(223, 227, 229), 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.christmasClosureBanner .col-sm-6 p {
  margin: 0;
}

.christmasClosureBanner .row {
  width: 70%;
  margin-top: 30px;
}

@media (max-width: 1600px) {
  .christmasClosureBanner .cisiLogo {
    width: 200px;
  }

  .christmasClosureBanner .container h1 {
    font-size: 50px;
  }

  .christmasClosureBanner .container {
    font-size: 25px;
  }

  .christmasClosureBanner .row {
    margin-top: 20px;
    width: 90%;
  }
}

@media (max-width: 1200px) {
  .christmasClosureBanner .container h1 {
    margin-top: 20px;
    font-size: 45px;
  }

  .christmasClosureBanner .row {
    margin-top: 10px;
    width: 100%;
  }
}

@media (max-width: 1100px) {
  .christmasClosureBanner .cisiLogo {
    width: 180px;
  }

  .christmasClosureBanner .container h1 {
    font-size: 45px;
  }

  .christmasClosureBanner .container {
    font-size: 22px;
  }

  .christmasClosureBanner .row {
    margin-top: 0px;
    width: 100%;
  }
}

@media (max-width: 992px) {
  .christmasClosureBanner .row {
    margin-top: 0px;
    width: 107%;
  }
}

@media (max-width: 768px) {
  .christmasClosureBanner .row {
    margin-top: 0px;
    width: 107%;
  }
}

@media (max-width: 600px) {
  .christmasClosureBanner .cisiLogo {
    width: 170px;
  }

  .christmasClosureBanner .container h1 {
    font-size: 40px;
  }

  .christmasClosureBanner .container {
    font-size: 18px;
  }
}

/* financial planning event 2023 */
.financialPlanningEvent {
  background-color: #334c41;
  color: #fff;
  font-family: "Prata", serif;
  background: url("/cisiweb2/image/FPC23/background.png");
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.heroBanner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  font-family: "Prata", serif;
  color: #fff;
}
.heroBanner .row {
  /* width: 80%; */
  display: flex;
  gap: 50px;
}
.heroBanner .row h1,
.heroBanner .row h2 {
  font-weight: 400;
  font-family: "Prata", serif;
  color: #fff;
}
.heroBanner .row h1 {
  margin-top: 0;
  margin-bottom: 50px;
  font-size: 60px;
}
.heroBanner span {
  color: #e3ba70;
}
.heroBanner .col-sm-3 {
  height: 100%;
  display: flex;
  align-items: center;
}
.heroBanner .squiggle h2 {
  position: absolute;
  color: #fff;
  bottom: 20%;
  right: 15%;
  font-weight: 400;
  font-family: "Prata", serif !important;
}
.heroBanner .btn.btn-primary,
.heroBanner .btn.btn-primary:hover,
.heroBanner .btn.btn-primary:focus,
.heroBanner .btn.btn-primary:active {
  background: #e3ba70;
  color: #000;
  border: 0;
  font-family: "Prata", serif !important;
  margin-top: 20px;
}
.financialPlanningEvent .filter {
  height: 100%;
  display: flex;
  align-items: center;
  background: #0000003d;
}
video#financialPlanningEventVideo {
  position: absolute;
  left: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  object-fit: cover;
  height: 100%;
}

@media (max-width: 1600px) {
  .heroBanner .squiggle h2 {
    bottom: 15%;
    right: 10%;
  }
  .heroBanner .row h1 {
    font-size: 50px;
  }
}

@media (max-width: 1400px) {
  .heroBanner .row h1 {
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 50px;
  }
}

@media (max-width: 1024px) and (max-height: 1366px) {
  .heroBanner .row h1 {
    font-size: 40px;
  }
  .heroBanner .squiggle h2 {
    right: 5%;
  }
}

@media (max-width: 850px) {
  .heroBanner .row h2 {
    font-size: 20px;
  }
  .heroBanner .row h1 {
    font-size: 30px;
  }
  .heroBanner .squiggle h2 {
    bottom: 10%;
    right: 4%;
  }
}

@media (max-width: 600px) {
  .heroBanner .row {
    display: block;
  }
  .heroBanner img {
    width: 100px;
  }
  .heroBanner .row h1 {
    font-size: 25px;
    text-align: center;
  }
  .heroBanner .row h2 {
    font-size: 16px;
    text-align: center;
  }
  .heroBanner .squiggle h2 {
    display: none;
  }
  .heroBanner .btn.btn-primary,
  .heroBanner .btn.btn-primary:hover,
  .heroBanner .btn.btn-primary:focus,
  .heroBanner .btn.btn-primary:active {
    display: block;
    width: fit-content;
    margin: 20px auto;
  }
}

/* --- */
/* paraplanner 23 */

.pp23 {
  background-image: url(/cisiweb2/image/events/pp23/pp23BG.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.pp23 .filmstrip {
  --background: black;
  --size: 10px;
  background-image: linear-gradient(
      to right,
      var(--background) var(--size),
      transparent var(--size)
    ),
    linear-gradient(
      to bottom,
      var(--background) var(--size),
      transparent var(--size)
    ),
    linear-gradient(
      to right,
      var(--background) var(--size),
      transparent var(--size)
    ),
    linear-gradient(
      to bottom,
      var(--background) var(--size),
      transparent var(--size)
    ),
    linear-gradient(
      to bottom,
      transparent var(--size),
      var(--background) var(--size)
    );
  background-size: calc(var(--size) * 2) var(--size),
    calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size),
    calc(var(--size) * 2) var(--size), 100% calc(100% - var(--size) * 3);
  background-repeat: repeat-x;
  background-position: 0 var(--size), top left, 0 calc(100% - var(--size)),
    bottom left, 0 var(--size);
  padding: calc(var(--size) * 3) calc(var(--size) * 2.5);
  box-sizing: border-box;
}
.pp23 .filmStripWrapper > .sfContentBlock {
  background: #fff;
}
.pp23 .filmstrip h1 {
  color: #fff;
  margin: 30px auto;
  font-family: sans-serif;
  font-size: 20px;
  text-align: center;
}
.pp23 .filmstrip .highlight {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #3b8cc1, #72b7e6);
  background-size: 400% 400%;
  animation: gradient 3s ease infinite;
  padding: 16px 30px;
  font-weight: bold;
  font-size: 23px;
  color: #fff;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.pp23 .content {
  display: flex;
  width: 70%;
  margin-left: auto;
  padding-right: 10%;
  margin-top: 4%;
}

.pp23 .logoContainer img {
  width: 350px;
}

.pp23 .mainContainer {
  padding: 0px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.pp23 .mainContainer h1 {
  font-size: 38px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.pp23 .btn-primary {
  padding: 14px 28px;
  border: 0px solid #cbc9ca;
  font-weight: 700;
  border-radius: 200px;
  font-size: 18px;
  background: #3b8cc1;
}

.pp23 .btn-primary:hover {
  background-color: #1c94e3;
  color: white;
}

@media (max-width: 1600px) {
  .pp23 .content {
    width: 73%;
  }
  .pp23 .mainContainer h1 {
    font-size: 30px;
  }
  .pp23 .filmstrip h1 {
    margin: 25px auto;
  }
}

@media (max-width: 1400px) {
  .pp23 .content {
    width: 75%;
  }
  .pp23 .mainContainer h1 {
    font-size: 27px;
  }
}
@media (max-width: 1024px) and (max-height: 1366px) {
  .pp23 .content {
    width: 70%;
  }
  .pp23 .mainContainer h1 {
    font-size: 25px;
  }
}

@media (max-width: 992px) {
  .pp23 {
    background-position: right;
  }
  .pp23 .filmstrip .highlight {
    display: block;
    margin-bottom: 10px;
  }
  .pp23 .content {
    width: 100%;
  }
  .pp23 .mainContainer {
    gap: 20px;
  }
  .pp23 .mainContainer h1 {
    font-size: 25px;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .logoContainer {
    display: none;
  }
  .pp23 .mainContainer h1 {
    margin-top: 0px;
  }
  .pp23 .content {
    padding: 0;
  }
  .pp23 .filmstrip h1 {
    margin: 0px auto;
  }
  .pp23 .filmstrip .highlight {
    font-size: 20px;
  }
  .pp23 .btn-primary {
    font-size: 14px;
  }
}

.fpAward23 {
  background: url(/cisiweb2/image/awards23/fpc-awards-23.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  overflow-x: hidden;
}

.fpAward23 .filter {
  background: #00000052;
  height: 100%;
  display: flex;
  align-items: center;
}

.awardsLogo img {
  width: 350px;
}

.awardsLogo {
  display: flex;
  justify-content: center;
}

.fpAward23 h1 {
  font-size: 60px !important;
  font-weight: bold !important;
  text-align: center;
  text-shadow: -1px -1px 0px #06551c, 3px 3px 0px #06551c, 6px 6px 0px #06551c;
  color: #fff;
}

.fpAward23 p {
  color: #fff;
  font-size: 25px;
  text-align: center;
  margin: 30px auto;
  width: 80%;
}

.btnContainer {
  display: flex;
  justify-content: left;
  gap: 25px;
}

.fpAward23 .btn {
  background: #ffffff;
  border: 0;
  font-weight: bold;
  padding: 10px 20px;
  color: #05551c;
}

@media (max-width: 1600px) {
  .fpAward23 p {
    width: 92%;
  }
}

@media (max-width: 1400px) {
  .awardsLogo img {
    width: 325px;
  }
}

@media (max-width: 1024px) and (max-height: 1366px) {
  .awardsLogo img {
    width: 275px;
  }
  .fpAward23 h1 {
    font-size: 50px !important;
  }
  .fpAward23 p {
    font-size: 21px;
    width: 91%;
  }
}

@media (max-width: 992px) {
  .awardsLogo img {
    width: 120px;
  }
}

@media (max-width: 600px) {
  .fpAward23 p {
    font-size: 16px;
    width: 100%;
    margin: 10px auto;
  }
  .btnContainer {
    margin-top: 15px;
    display: flex;
    justify-content: left;
    gap: 10px;
    flex-direction: column;
    align-items: left;
  }
  .awardsLogo img {
    margin: 10px 0px;
  }
  .fpAward23 h1 {
    font-size: 30px !important;
    margin: 15px 0px;
  }
}
/*open letter*/
.openLetter {
  background: url(/cisiweb2/image/letter_bg.jpg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  overflow-x: hidden;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

.openLetter .container {
  width: 57%;
  margin-right: 8%;
  float: right;
}
.openLetter .banner_header {
  text-align: center;
}
.openLetter .banner_header h1 {
  font-weight: 600;
  color: black;
  font-size: 50px;
}
.openLetter .banner_header p {
  font-size: 18px;
  font-weight: 600;
  margin: 25px 0px;
}
.openLetter .clrMaroon {
  color: #b80202;
}
.openLetter .btn {
  background-color: #b80202;
  color: white;
  border-color: #b80202;
  font-weight: bold;
  font-size: 15px;
}
@media (max-width: 1400px) {
  .openLetter .banner_header h1 {
    font-size: 43px;
  }
  .openLetter .banner_header p {
    font-size: 17px;
  }
}
@media (max-width: 1300px) {
  .openLetter .banner_header h1 {
    font-size: 40px;
  }
  .openLetter .banner_header p {
    font-size: 16px;
  }
}
@media (max-width: 1100px) {
  .openLetter .banner_header p {
    font-size: 15px;
  }
}
@media (max-width: 800px) {
  .openLetter {
    background-position: 18% center;
  }
}
@media (max-width: 600px) {
  .openLetter .container {
    width: 90%;
    margin: 0 auto;
  }
  .openLetter {
    background-position: center;
  }
  .openLetter .banner_header h1 {
    font-size: 31px;
  }
  .openLetter .banner_header p {
    font-size: 15px;
  }
}
/*box set*/
.boxSet {
  background: url(/cisiweb2/image/boxsetNew.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  overflow-x: hidden;
}

.boxSet .container {
  width: 50%;
  margin-right: 8%;
  float: right;
}

.boxSet .filter {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

.boxSet h1 {
  color: #fff;
  font-weight: bold;
  font-size: 50px;
}

.boxSet p {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.boxSet .btn {
  background-color: #ffffff;
  color: #e841f7;
  border: 6px solid #e841f7;
  font-weight: bold;
  font-size: 15px;
}

.boxSet .boxSetBtnContainer {
  margin-top: 30px;
  display: flex;
  gap: 15px;
}

.boxSet .banner_header {
  margin-bottom: 30px;
}

.boxSet .btn:hover,
.boxSet .btn:focus,
.boxSet .btn:active {
  color: white;
  background-color: #e841f7;
}

@media (max-width: 1600px) {
  .boxSet .btn {
    font-size: 12px;
  }
}

@media (max-width: 1400px) {
  .boxSet .container {
    width: 57%;
  }
}

@media (max-width: 1300px) {
  .boxSet .container {
    width: 58%;
  }
}

@media (max-width: 1024px) and (max-height: 1366px) {
  .boxSet .container {
    margin-right: 6%;
  }
  .boxSet h1 {
    font-size: 45px;
  }
  .boxSet p {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .boxSet {
    background-position: right;
  }
  .boxSet .container {
    width: 90%;
    margin-right: 4%;
  }
}
@media (max-width: 768px) {
  .boxSet .container {
    width: 98%;
    margin-right: 0%;
  }
}

@media (max-width: 600px) {
  .boxSet .boxSetBtnContainer {
    margin-top: 15px;
    display: flex;
    gap: 7px;
    flex-direction: column;
    align-items: center;
  }
  .boxSet p {
    font-size: 14px;
    text-align: center;
  }
  .boxSet .banner_header {
    margin-bottom: 0px;
  }
  .boxSet h1 {
    font-size: 30px;
    text-align: center;
  }
}

/* CISI Learning */

.cisiLearning {
  background: url(/cisiweb2/image/lxp/introbgblur.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  overflow-x: hidden;
  background-blend-mode: multiply;
  display: flex;
  align-items: center;
  text-align: center;
}

.cisiLearning h1 {
  color: #fff;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  font-size: 75px;
}

.cisiLearning p {
  font-size: 33px;
  color: #fff;
  line-height: normal;
  font-weight: bold;
  font-family: "Nunito", sans-serif;
}

.cisiLearning .btn,
.cisiLearning .btn:hover {
  background: #3072d1;
  display: inline-block;
  color: #fff;
  font-weight: bold !important;
  font-size: 20px;
  font-family: "Nunito", sans-serif;
  border-radius: 200px;
  line-height: normal;
  margin-top: 10px;
  transition: all 0.3s;
  border: 0;
  box-shadow: 0 17px 10px -10px rgba(0, 0, 0, 0.4);
}

.cisiLearning .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media (max-width: 1600px) {
  .cisiLearning h1 {
    font-size: 60px;
  }
  .cisiLearning p {
    font-size: 24px;
  }
  .cisiLearning .container {
    gap: 35px;
  }
}

@media (max-width: 1100px) {
  .cisiLearning h1 {
    font-size: 50px;
  }
  .cisiLearning p {
    font-size: 21px;
  }
  .cisiLearning .container {
    gap: 30px;
  }
}

@media (max-width: 768px) {
  .cisiLearning h1 {
    font-size: 38px;
  }
  .cisiLearning p {
    font-size: 21px;
  }
  .cisiLearning .container {
    gap: 25px;
  }
}

@media (max-width: 600px) {
  .cisiLearning h1 {
    font-size: 35px;
  }
  .cisiLearning p {
    font-size: 18px;
  }
  .cisiLearning .container {
    gap: 10px;
  }
}

/* Ethical Artificial Intelligence (AI) */

.ethicalAI {
  /* background: url('/cisiweb2/image/ai/aicertbg.jpg'); */
  background: url("/cisiweb2/image/ai/aicertbgcolour.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.ethicalAI .filter {
  height: 100%;
  background: #00000078;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ethicalAI .content {
  width: 45%;
  margin: 0px 10%;
  color: #fff;
}

.ethicalAI .content h1 {
  color: #fff;
  font-family: "Open Sans";
  font-weight: bold;
  font-size: 50px;
}

.ethicalAI .content p {
  width: 85%;
  font-size: 17px;
  margin: 30px 0px;
}

.ethicalAI .btn-primary,
.ethicalAI .btn-primary:hover,
.ethicalAI .btn-primary:active {
  background: #3072d1;
  border-color: #3072d1;
  font-size: 18px;
  font-weight: 500;
}
.ethicalAI .fa-shopping-cart {
  margin-right: 5px;
}
@media (max-width: 1600px) {
  .ethicalAI .content h1 {
    font-size: 40px;
  }
  .ethicalAI .content p {
    font-size: 16px;
    margin: 20px 0px;
  }
  .ethicalAI .btn-primary {
    font-size: 16px;
  }
}

@media (max-width: 1100px) {
  .ethicalAI .content {
    width: 45%;
    margin: 0px 5%;
  }
  .ethicalAI .content h1 {
    font-size: 36px;
  }
  .ethicalAI .content p {
    width: 100%;
    font-size: 15px;
    margin: 10px 0px;
  }
  .ethicalAI .btn-primary {
    font-size: 14px;
  }
}
@media (max-width: 900px) {
  .ethicalAI .filter {
    height: 100%;
    background: #000000a3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .ethicalAI .content {
    display: flex;
    width: 80%;
    margin: 0px 5%;
    color: #fff;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
  }
}
@media (max-width: 600px) {
  .ethicalAI .content h1 {
    font-size: 25px;
  }
  .ethicalAI .btn-primary {
    font-size: 12px;
  }
}

/* COP28  */

video#cop28Video {
  position: absolute;
  left: 0;
  z-index: -1;
  filter: opacity(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cop28 {
  background-color: #00000087 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cop28 .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cop28 .content h1 {
  color: #ffff;
  font-size: 70px;
  font-weight: bold;
  font-family: "Open Sans";
  text-transform: uppercase;
}

.cop28 .content p {
  color: #ffff;
  font-size: 30px;
  font-family: "Open Sans";
  text-align: center;
}

.cop28 .content .btn {
  background: #65ab4a;
  border-radius: 200px;
  transition: all 0.3s;
  color: white;
  border-color: #65ab4a;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 500;
  margin-top: 30px;
}

.cop28 .content .btn:hover,
.cop28 .content .btn:active,
.cop28 .content .btn:focus {
  background-color: #457e2e;
  color: white;
  border-color: #457e2e;
}

@media (max-width: 1100px) {
  .cop28 .content p {
    width: 80%;
  }
  .cop28 .content p {
    font-size: 25px;
  }
}
@media (max-width: 768px) {
  .cop28 .content h1 {
    font-size: 55px;
  }

  .cop28 .content p {
    width: 80%;
  }
  .cop28 .content p {
    font-size: 25px;
  }
}

@media (max-width: 600px) {
  .cop28 .content h1 {
    font-size: 38px;
    text-align: center;
  }
  .cop28 .content p {
    font-size: 20px;
    width: 100%;
  }
}
/* FP week 2024 */
.fpWeek24 {
  background: linear-gradient(123deg, #92cae0 0%, #7bc0db 100%);
}

.fpWeek24 .txtContainer{
  color: #FFFFFF;
}

.fpWeek24 .imgContainer img {
  width: 300px;
}

.fpWeek24 h1 {
  font-family: "Varela Round", sans-serif;
  color: #fff;
  font-size: 70px;
  text-align: left;
  margin-top: 14px;
}

.fpWeek24 .imgContainer {
  display: flex;
  justify-content: center;
}

.fpWeek24 {
  display: flex;
  align-items: center;
}

.fpWeek24 .btnContainer .btn,
.fpWeek24 .btnContainer .btn:hover,
.fpWeek24 .btnContainer .btn:active {
  background: #63a2bb !important;
  border-color: #63a2bb;
  font-family: "Varela Round", sans-serif;
  font-size: 18px;
  font-weight: 600;
  box-shadow: 0 17px 10px -10px rgba(0, 0, 0, 0.4);
}

.fpWeek24 .btnContainer {
  margin-top: 40px;
}

@media (max-width: 1600px) {
  .fpWeek24 .imgContainer img {
    width: 220px;
  }
  .fpWeek24 h1 {
    font-size: 60px;
  }
  .fpWeek24 .btnContainer {
    margin-top: 20px;
  }
  .fpWeek24 .btnContainer .btn {
    font-size: 16px;
  }
}

@media (max-width: 1200px){
  .fpWeek24 h1 {
    font-size: 50px;
  }
}

@media (max-width: 1100px) {
  .fpWeek24 .imgContainer img {
    width: 200px;
  }
  .fpWeek24 h1 {
    font-size: 40px;
    text-align: center;
  }
  .fpWeek24 .btnContainer .btn {
    font-size: 14px;
  }

  .fpWeek24 .txtContainer{
    /* margin-top: 100px; */
  }
}

@media (max-width: 1000px){
  .fpWeek24 .imgContainer img {
    width: 150px;
  }

  .btnContainer{
    justify-content: center;
    margin: 20px 0;
  }

  .fpWeek24 .txtContainer{
    text-align: center;
  }
}

@media (max-width: 600px) {
  .fpWeek24 h1 {
    font-size: 40px;
    text-align: center;
    margin: 0;
  }
  .fpWeek24 h5{
    font-size: 14px;
  }
  .fpWeek24 .btnContainer{
    margin: 0;
  }
  .fpWeek24 .btnContainer .btn {
    font-size: 14px;
    padding: 10px 0;
  }
  .fpWeek24 .imgContainer img {
    width: 120px;
    margin: 10px 0 0 0;
  }

}

/* fpc24 */

.fpc24 {
  background-image: url(/cisiweb2/image/FPC24/BgForFPC24.jpg);
  background-size: cover;
  background-position: center;
}

.fpc24 .col-md-4 img {
  width: 340px;
}
.fpc24 .row {
  display: flex;
  align-items: center;
  gap: 25px;
}

.fpc24 .introBanner {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgb(0 0 0 / 50%);
  overflow-x: hidden;
}

.fpc24 .col-md-8 strong {
  font-size: 40px;
  font-family: "Nunito", sans-serif;
  color: #ffff;
}

.fpc24 .col-md-8 h2 {
  margin: 0;
}

.fpc24 .col-md-8 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.bottom-btn .btn,
.bottom-btn .btn:active,
.bottom-btn .btn:focus {
  background: #fff;
  color: #0c55a3;
  font-weight: 800;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
}

.bottom-btn .btn:hover {
  background: #0c55a3;
  color: #fff;
}

@media (max-width: 1600px) {
  .fpc24 .col-md-4 img {
    width: 280px;
  }
  .fpc24 .col-md-8 strong {
    font-size: 32px;
  }
  .bottom-btn .btn {
    font-size: 14px;
  }
}
@media (max-width: 1100px) {
  .fpc24 .col-md-4 img {
    width: 250px;
  }
  .fpc24 .col-md-8 strong {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  .fpc24 .col-md-4 img {
    width: 200px;
  }
  .fpc24 .col-md-8 strong {
    font-size: 22px;
  }
}

@media (max-width: 600px) {
  .fpc24 .row {
    gap: 0px;
    flex-direction: column;
  }
  .fpc24 .col-md-8 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }
  .fpc24 .col-md-8 h2 {
    text-align: center;
  }
  .fpc24 .col-md-4 img {
    width: 180px;
  }
}

/* Earth Day */

.earthDay {
  background-image: url(/cisiweb2/image/homepage/CISI_biodiversity_Michelle_homepage.jpg);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif !important;
}

.earthDay .container {
  width: 100%;
}

.earthDay .content {
  width: 39%;
  padding-left: 5%;
  color: #fff !important;
}

.earthDay h1 {
  color: #fff;
  text-align: unset;
  font-weight: bold;
  font-size: 50px;
  font-family: "Poppins", sans-serif !important;
}

.earthDay p {
  color: #fff !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 20px;
}

.earthDay .btn {
  color: #333 !important;
  font-weight: bold;
  border: 0;
  border-radius: 10px !important;
  background: #fff;
  font-size: 18px;
  font-family: "Poppins", sans-serif !important;
}
.earthDay .btn,
.earthDay .btn:hover,
.earthDay .btn:focus {
  color: #333 !important;
  font-weight: bold;
  border: 0;
  border-radius: 10px !important;
  background: #fff;
}

@media (max-width: 1600px) {
  .earthDay h1 {
    font-size: 40px;
  }
  .earthDay p {
    font-size: 19px;
  }
  .earthDay .btn {
    font-size: 16px;
  }
}
@media (max-width: 1400px) {
  .earthDay p {
    font-size: 18px;
  }
}

@media (max-width: 1300px) {
  .earthDay h1 {
    font-size: 35px;
  }
  .earthDay p {
    font-size: 18px;
  }
  .earthDay .btn {
    font-size: 15px;
  }
}

@media (max-width: 1100px) {
  .earthDay .content {
    width: 50%;
  }
}

@media (max-width: 900px) {
  .earthDay .content {
    width: 100%;
  }
  .earthDay h1 {
    font-size: 40px;
  }
  .earthDay p {
    font-size: 20px;
  }
  .earthDay .btn {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  .earthDay h1 {
    font-size: 32px;
  }
  .earthDay p {
    font-size: 16px;
  }
  .earthDay .btn {
    font-size: 14px;
  }
  .earthDay {
    background-position: left !important;
  }
}