.joinContacts .wrapper { background: #006666; color: #fff; padding: 30px; text-align: center; } #joinCISI .modal-content { background: #0c327d; color: #fff; } #joinCISI .modal-body { padding: 50px 50px; max-height: 95vh; } #joinCISI .modal-lg { width: 1200px; } #joinCISI h2 { color: #fff; font-family: "Varela Round", sans-serif; margin-bottom: 30px; text-align: center; } #joinCISI h4 { color: #0c327d; font-family: "Varela Round", sans-serif; margin-top: 0px; } .closeJoinModal { position: absolute; top: 20px; right: 20px; font-size: 28px; background: #fff; width: 40px; height: 40px; color: #0c327d; border-radius: 200px; text-align: center; font-weight: bold; font-family: "Varela Round", sans-serif; cursor: pointer; } .joinContacts span { font-size: 50px; margin-bottom: 14px; } .joinContacts .wrapper { background: #fff; color: #0c327d; padding: 20px; text-align: center; border-radius: 20px; } .joinContacts .btn.btn-primary { background: #0c327d; border-color: #0c327d; } /* Advent */ .adventVideo { position: fixed; right: 0; top: 0px; right: 0; width: 100vw; height: 100vh; background-size: 100% 100%; background-color: black; background-position: top center; background-size: contain; object-fit: cover; object-position: top center; z-index: 9999; margin-top: 0px; margin-left: 0; cursor: pointer; } .videoClose { position: fixed; top: 20px; right: 20px; z-index: 9999; } .videoClose button { margin: auto; display: block; } .videoClose button.btn-primary { background-color: #f40211; width: auto !important; min-width: unset; font-size: 26px; border: 3px solid #fff; } .zambiaPromo { background-image: url("/cisiweb2/image/homepage/zambiaPromo.jpeg"); position: fixed; bottom: 50px; right: 50px; z-index: 1002; width: 250px; text-align: center; color: white; font-size: 18px !important; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); background-size: cover; background-repeat: no-repeat; background-position: center; /* padding: 1%; */ } .divFilter { background: #00000045; } .divFilter .bannerHeader { padding: 5%; } .bannerHeader a { padding: 9px 17px; } .enter { position: fixed; z-index: 9999; bottom: 30px; width: 100%; } .enter button.btn-primary { background-color: #f40211; width: auto !important; min-width: unset; display: block; margin: auto; font-weight: bold; border: 3px solid #fff; } video::-webkit-media-controls { /*display:none !important;*/ } .row.nacRow { display: flex; justify-content: space-between; } .row.nacRow .row2 { max-width: 453px; } @media (max-width: 767px) { .videoClose { top: 10px; right: 10px; } #joinCISI .modal-lg { width: 90%; } .videoClose button.btn-primary { padding: 4px 10px; font-size: 16px; } } /* */ .kenyaCPD { display: none; background: url(/cisiweb2/image/cpd/cpdops.jpg); padding: 40px 0px !important; color: #fff; background-size: cover; background-position: left 20%; } .sfPageEditor .kenyaCPD { display: block !important; } /* .kenyaCPDContent h3 { color: #fff; font-weight: 400; } */ .kenyaCPDContent h3, .kenyaCPDContent h1, .jN h1, .jN h3, .jN a { color: #fff; font-weight: 400; } .kenyaCPDContent { width: 100%; } .kenyaCPDContent p { color: #ff8201; font-weight: 500; } .kenyaCPDContent .orange, .jN h1 span.orange, .jN .col-sm-6 small span.orange { color: #ff8201; } /* kenyaCPD joinNow popup */ .jN .modal-content { background: url(/cisiweb2/image/cpd/cpdops.jpg); } /* .jN h1, .jN h3 { font-weight: 400; color: #fff; } */ /* .jN h1 span.orange, .jN .col-sm-4 small span.orange { color: #ff8201; } */ .jN .col-sm-6 { text-align: center; } .jN .col-sm-6 img { display: block; margin: 15px auto; max-width: 120px; } .jN .col-sm-6 img.icon { max-width: 20px; } /* .jN a { color: #fff; } */ small span.orange { display: block; } .jN .modal-footer { border: none !important; } /*sri lanka banner text*/ .landerText { background-color: rgb(255 255 255 / 90%); padding: 30px 30px 10px 30px; margin-bottom: 0; height: auto !important; font-size: 15px; font-weight: 400; line-height: 22px; } .philippines.withVideo .landerText { padding: 30px; } .landerText h1 { margin-top: 0px; } @media (max-width: 991px) { .landerText { margin-top: 75px; } } /* We are */ @import url("https://fonts.googleapis.com/css?family=Crimson+Text"); .sliderContainer li .weare { background: #34a7bc; } .sliderContainer li .weare .container div { height: auto; left: 0; margin: 0; position: absolute; text-align: center; right: 0; padding: 10px 10%; } .sliderContainer li .weare .container div h1 { color: #ffffff !important; font-size: 80px !important; text-align: left; margin: 0 0 -20px 0; font-family: "Crimson text"; } .sliderContainer li .weare .container div h2 { color: #ffffff !important; font-size: 50px !important; text-align: right; margin: 0; font-family: "Crimson text"; } .sliderContainer li .weare .weareThree { width: 70%; } @media (max-width: 1599px) { .sliderContainer li .weare .container div h1 { font-size: 120px !important; margin-bottom: -20px; } .sliderContainer li .weare .container div h2 { font-size: 50px !important; } .sliderContainer li .weare .weareThree { width: 80%; } } @media (max-width: 1199px) { .sliderContainer li .weare .container div h1 { font-size: 60px !important; margin: 0; } .sliderContainer li .weare .container div h2 { font-size: 30px !important; } } @media (max-width: 991px) { .sliderContainer li .weare .container div h1 { font-size: 60px !important; } .sliderContainer li .weare .container div h2 { font-size: 30px !important; } .sliderContainer li .weare .weareThree { width: 100%; } } @media (max-width: 500px) { } /* --- */ @charset "utf-8"; /* CSS Document */ .modalFlag { width: 100px !important; margin: 0px 0px 6px 30px; float: right; border: 1px solid #efefef; } .footerTop { margin-top: 80px !important; } .mainWrapper .container_wrapper:last-child { margin-bottom: 0px !important; } .mainWrapper { margin-bottom: -100px !important; } .sfimagesList { list-style: none; text-align: center; } .sfimagesList li { display: inline; } .sfimagesList li a { cursor: inherit; } .quickLinks { margin-top: 120px !important; } .quickLinks .sfContentBlock { text-align: center; } .quickLinks h1 { margin-top: 6px !important; } .globalStats { margin-top: 100px !important; background-image: url("/cisiweb2/image/homepage/globalstats.jpg"); background-position: center center; background-attachment: fixed; background-size: cover; } .isMobile .globalStats { background-attachment: scroll; } .globalStats .memberStat, .globalStats .examStat { font-size: 60px; color: #ffffff; font-weight: 200; } .globalStats .memberStat { margin-top: 60px; } .globalStats .examStat { margin-top: 20px; margin-bottom: 50px; text-align: right; } .globalStats .memberStat .member { text-align: right; } .globalStats .examStat .exam { display: inline-block; } .globalStatsVideo.globalStats { padding: 80px 0px; } .globalStatsVideo.globalStats .memberStat, .globalStatsVideo.globalStats .examStat { font-size: 40px; margin: 0; } .globalStatsVideo.globalStats .row { display: flex; align-items: center; } .map { margin-bottom: -83px !important; position: relative; } .map .bookNow { background: rgb(75, 174, 174); background: rgba(75, 174, 174, 0.9); color: #ffffff; height: 100%; left: 0; padding: 1% 1% 2% 10%; position: absolute; top: 0; width: 35%; } .map h2, .map a { color: #ffffff !important; } .map iframe { margin-bottom: -10px !important; width: 100%; } .map .container-fluid { padding: 0px; overflow: hidden; } .etImage { width: 170px !important; border-radius: 200px; height: 170px; background-size: 100% 100%; margin: auto; } .modal-body .etImage { float: right; margin-bottom: 20px; margin-left: 30px; margin-top: 40px; } .et { text-align: center; } .mainWrapper .et h4 { font-size: 20px !important; text-align: center !important; margin-top: 20px !important; } .et h5 { text-align: center !important; } .et div p { color: #ffffff; opacity: 0; font-size: 14px; width: 170px; height: 170px; border-radius: 200px; background: rgb(46, 158, 158); background: rgba(46, 158, 158, 0.9); transition: opacity 0.35s; } .et div:hover p { opacity: 1; } /*.sliderContainer { margin-top: -20px !important; }*/ .beAProButton { padding: 10px 20px; border-radius: 200px; margin-top: 50px; font-size: 12px; transition: all 0.3s; font-weight: 600 !important; } .beaprohometile { text-align: center; padding: 0px 15px; } .sliderContainer, .sliderContainer .bx-wrapper, .sliderContainer li { height: 600px; overflow: hidden; } .sliderContainer li > div { height: 100%; } .sliderContainer .bx-pager { /* margin-top: 10px;*/ width: 100%; text-align: center; position: absolute; } .sliderContainer .bx-pager-item { display: inline-block; zoom: 1; *display: inline; } .sliderContainer .bx-pager-link { display: block; height: 10px; width: 10px; margin: 0 4px; background: none repeat scroll 0 0 #afafaf; border-radius: 6px; outline: 0 none; /* text-indent: -9999px;*/ font-size: 0; } .sliderContainer .bx-pager-link.active { background: none repeat scroll 0 0 #449e9e; } .sliderContainer .bx-controls-direction .bx-prev { left: 0; } .sliderContainer .bx-controls-direction .bx-next { right: 0; } .sliderContainer .bx-controls-direction .bx-prev, .sliderContainer .bx-controls-direction .bx-next { position: absolute; top: 200px; height: 140px; width: 80px; background-image: url("/cisiweb2/image/master/bxslidercontrols.png") !important; color: transparent; } .sliderContainer .bx-controls-direction .bx-prev { background-position: 0px 142px; } .sliderContainer .bx-controls-direction .bx-next { background-position: 80px 142px; } .sliderContainer .bx-controls-direction .bx-prev:hover { background-position: 0px 0px; } .sliderContainer .bx-controls-direction .bx-next:hover { background-position: 80px 0px; } #survey { height: 630px; } .branchBlog { list-style: outside none none; padding: 0px; } .mycisiBlock.blogHeader { margin-bottom: 0 !important; } ul.branchBlog li { border-bottom: 1px solid #dfdfdf; margin-bottom: 30px; padding-bottom: 20px; } ul.branchBlog li:last-child { border-bottom: 0px solid #dfdfdf; margin-bottom: 0px; padding-bottom: 10px; } ul.branchBlog li h2, .branchBlog h2 { font-size: 18px; margin-top: 0; } ul.branchBlog li h2 > a { font-weight: 300; color: #006666; } ul.branchBlog li .summary { font-size: 14px; margin-bottom: 10px; } ul.branchBlog li .authorDate { color: #222222; display: inline-block; font-size: 14px; font-weight: 500; } ul.branchBlog li .readMore { color: #222222; font-size: 14px; font-weight: 500; margin-left: 4px; padding-left: 6px; background: none; } .quickLinks .gifLogoSrilanka { width: 150px !important; } .sfTxtLbl { font-weight: 500 !important; margin-bottom: 10px; } .sfFormInstructions { margin-bottom: 20px; } .sfDropdownList select { margin-bottom: 20px; } .container_wrapper.newsBlock { margin-bottom: 10px !important; } @media (min-width: 992px) { ul.branchBlog li h2, .branchBlog h2 { font-size: 18px; } ul.branchBlog li { margin-bottom: 40px; padding-bottom: 30px; } .beAProButton { padding: 12px 40px; border-radius: 200px; margin-top: 50px; font-size: 18px; transition: all 0.3s; } } @media (max-width: 1599px) { .sliderContainer, .sliderContainer .bx-wrapper, .sliderContainer li { height: 500px; } } @media (max-width: 1199px) { .map .bookNow { width: 40%; } .sliderContainer, .sliderContainer .bx-wrapper, .sliderContainer li { height: 400px; } .globalStats { margin-top: 50px !important; } .globalStats .memberStat, .globalStats .examStat { font-size: 40px; color: #ffffff; font-weight: 200; } .globalStatsVideo.globalStats .memberStat, .globalStatsVideo.globalStats .examStat { font-size: 30px; margin: 0; } .quickLinks img { width: 50px !important; } .quickLinks .sfContentBlock { margin-bottom: 20px; } .sliderContainer .bx-controls-direction .bx-prev, .sliderContainer .bx-controls-direction .bx-next { display: none; } .quickLinks .gifLogoSrilanka { width: 80px !important; } } @media (max-width: 991px) { .map .bookNow { width: 100%; height: 330px; position: relative; } .map iframe { display: none; } .quickLinks { margin-top: 50px !important; } .quickLinks p { font-size: 14px !important; } .globalStats .memberStat, .globalStats .examStat { font-size: 24px; color: #ffffff; font-weight: 200; } .globalStats .memberStat .member { width: 80px !important; text-align: right; } .globalStats .examStat .exam { display: inline-block; width: 80px !important; } .globalStatsVideo.globalStats .memberStat, .globalStatsVideo.globalStats .examStat { display: none; } .globalStatsVideo.globalStats .row { display: inline; } .globalStatsVideo.globalStats { padding: 40px 0px; } .sliderContainer, .sliderContainer .bx-wrapper, .sliderContainer li { height: 500px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { } @media (max-width: 767px) { #survey { height: 800px !important; } .et { min-height: 0px; } .map .bookNow { width: 100%; height: 400px; position: relative; } } /* CSS below to override S&IR styles */ .mainHeader { background: none !important; /*min-height: 0px !important;*/ } .itemList .item { width: 25% !important; padding: 0px 10px 10px 10px !important; margin-top: 0px !important; margin-bottom: 10px !important; } #newReviewArticles { height: auto !important; } #newResources { height: auto !important; display: flex; flex-wrap: wrap; flex-direction: row; } #newReviewArticles.itemList .item { display: inline-block; vertical-align: top; } #newResources.itemList .item { display: inline-block; vertical-align: top; } .itemList .itemBox { background-color: #eee; } .itemContent { padding: 15px; } .readMore, .readMore:visited { float: right; padding: 4px 8px; color: white; background-color: #006666; font-size: 11px; font-weight: bold; } .readMore:hover, .readMore:active { color: white; background-color: #168383; text-decoration: none; } .sliderList, .itemList { padding: 0; margin: 0; list-style-type: none; } .sliderList li, .itemList li { display: block; } .itemList .itemTitle { font-size: 16px !important; margin-bottom: 10px !important; margin-top: 0px !important; font-weight: 300 !important; } .itemList .itemBody { font-size: 11px !important; font-family: Arial, Helvetica, sans-serif; line-height: normal !important; color: #888888; } .itemImage { overflow: hidden; max-height: 320px; } .itemImage img { width: 100%; } @media (max-width: 1599px) { .itemList .item { width: 50% !important; } .itemImage { max-height: 150px; overflow: hidden; } } @media (max-width: 1199px) { .itemList .item { width: 50% !important; } .itemList .itemBody { display: none; } .itemImage { max-height: 150px; overflow: hidden; } .itemList .itemTitle { font-size: 18px !important; margin-bottom: 0px !important; margin-top: 0px !important; } } @media (max-width: 767px) { .itemList .item { width: 100% !important; } .itemImage { max-height: 200px; overflow: hidden; margin-top: -20px; } } /* -- */ /* China page */ .chinaFacts .sfContentBlock { text-align: center; font-size: 20px; } .china .copy { text-shadow: 0px 0px 10px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff; } .chinaLogos { margin-top: -30px !important; text-align: center; } .chinaLogos img { margin: 30px; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; transform: translateZ(0px); transition-duration: 0.3s; transition-property: box-shadow, transform; vertical-align: middle; } .discountStamp { background: #cd1719; border-radius: 400px; color: #fff; height: 250px; padding: 30px; position: relative; right: 0; top: 0; width: 250px; text-align: center; margin: 20px auto 0px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); border: 6px solid #fff; z-index: 1; } .discountStamp > h3 { color: #fff; margin-top: 25px; font-weight: 500; } .membershipBlocks .sf_colsOut { color: #fff; font-size: 50px; text-shadow: 0px 0px 10px #000; text-align: center; padding: 0px; } .membershipBlocks .sf_colsOut:first-child { background: url("/cisiweb2/image/homepage/knowledgecn.jpg"); background-size: cover; background-position: center center; } .membershipBlocks .sf_colsOut { background: url("/cisiweb2/image/homepage/skillscn.jpg"); background-size: cover; background-position: center center; } .membershipBlocks .sf_colsOut:last-child { background: url("/cisiweb2/image/homepage/behaviourcn.jpg"); background-size: cover; background-position: center center; } .membershipBlocks .sfContentBlock > a { display: block; color: #fff; padding: 60px 0; background: rgba(0, 0, 0, 0.4); } .membershipBlocks .sfContentBlock > a:hover { background: rgba(0, 0, 0, 0); } .sfContentBlock.studyOptions { background: #efefef none repeat scroll 0 0; margin: 20px 0; padding: 20px; } .sfContentBlock.studyOptions > h2 { margin-top: 0; } @media (min-width: 767px) { .membershipBlocks .sf_colsOut { font-size: 70px; } .membershipBlocks .sfContentBlock > a { padding: 120px 0; background: rgba(0, 0, 0, 0.2); } .discountStamp { position: absolute; margin: none; } .kenyaCPD { background: url(/cisiweb2/image/cpd/cpdops.jpg); padding: 40px 0px !important; color: #fff; background-size: cover; background-position: center 20%; } .kenyaCPDContent { width: 50%; } } /* Africa pages */ .africaQuals { display: table; width: 100%; } .africaQuals .col-sm-4 { background: #339f9f none repeat scroll 0 0; color: #fff; display: table-cell; float: none; font-size: 16px; font-weight: 500; padding: 10px; text-align: center; vertical-align: middle; } .africaQuals .col-sm-4:hover { background: #228e8e; } .africaQuals .col-sm-2 { display: none; } .africaQuals .col-sm-2 > img { position: absolute; width: 74%; margin-left: 20px; } .africaQuals .col-sm-6 { display: table-cell; float: none; } .africaQuals .col-sm-6 > a { color: #ffffff; display: block; font-weight: 500; margin-bottom: 10px; padding: 6px 10px; text-align: center; } .africaQuals .col-sm-6 > a:last-child { margin-bottom: 0px; } .africaRegions a { display: block; text-align: center; font-size: 14px; line-height: normal; } .africaRegions .col-sm-2 { min-height: auto; text-align: center; margin-bottom: 20px; } .africaRegions img { width: 120px; display: block; margin: 0px auto 10px; } .africaQuals .if { background: #40ae49; } .africaQuals .capmar { background: #334e9e; } .africaQuals .ops { background: #e12e26; } .africaQuals .comp { background: #6661ab; } .africaQuals .wealth { background: #8a2842; } .africaQuals .if:hover { background: #33a23c; } .africaQuals .capmar:hover { background: #254193; } .africaQuals .ops:hover { background: #c81d16; } .africaQuals .comp:hover { background: #4b4698; } .africaQuals .wealth:hover { background: #771831; } .africaFacts .sfContentBlock { text-align: center; } .sfFormRadiolist .sfRadioList label { margin-left: 6px; margin-right: 20px; display: inline; } @media (min-width: 991px) { .africaRegions .col-sm-2 { min-height: 160px; text-align: center; } } @media (min-width: 1199px) { .africaQuals .col-sm-6 > a { display: block; font-weight: 500; margin-bottom: 10px; padding: 6px 20px; text-align: center; } .africaQuals .col-sm-4 { background: #339f9f none repeat scroll 0 0; color: #fff; display: table-cell; float: none; font-weight: 300; font-size: 30px; text-align: center; vertical-align: middle; padding: 20px; } .africaQuals .col-sm-2 { display: table-cell; float: none; } .africaRegions .col-sm-2 { min-height: 150px; text-align: center; } .kenyaCPDContent h1 { font-size: 60px; } .kenyaCPDContent p { font-size: 18px; } .kenyaCPD { padding: 80px 0px !important; background-position: center 20%; } } @media (min-width: 1599px) { .africaRegions .col-sm-2 { min-height: 130px; text-align: center; } .beAProButton { padding: 15px 40px; border-radius: 200px; margin-top: 60px; font-size: 18px; transition: all 0.3s; } } /* ----- 30 takeover ----- */