/* GLOBAL STYLES

-------------------------------------------------- */



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');





/* Padding below the footer and lighter body text */



body {

  padding-top: 0rem;

  padding-bottom: 0rem;

  color: #8a888d;

font-family: 'Montserrat', sans-serif !important;

}



.sticky-top {

    position: -webkit-sticky;

    position: sticky;

    top: 80px;

    z-index: 1020;

}



span.motivation {

    font-size: 52px;

}

.intro-course {

    padding-right: 30px;

}



.alert-warning {

    color: #ffffff;

    background-color: #00adef;

    border-radius: 0px;

}



ul.Programme-detail-page {

    padding-inline: 20px;

}



li.Programme-points-page {

    margin-bottom: 20px;

}

h5.contactname1 {

    margin-bottom: 20px;

    color: #00adef;

    text-transform: capitalize;

    font-size: 18px;

}



h5.card-title {

    color: #00adef;

    line-height: 32px;

    font-size: 22px;

    text-transform: capitalize;

}



td {

    border: 2px solid #c4c4c4;

    padding: 15px;

}

tr {

    border: 2px solid #939393;

}



tbody {

    border: solid 2px #9b9b9b;

}





li.programme-points {

    font-size: 12px;

    margin-bottom: 10px;

    font-weight: 600;

}



ul.programme-details {

    padding-inline-start: 20px;

    color: #009fe3;

}



a.contactlinks1 {

    color: #d8dfe8;

}



a.contactlinks1:hover {

    color: #00adef;

}





.testimonials-center.caption {

    padding: 0px;

}



a.primary-content.video {

    margin: 10px 0px 10px 0px;

}



.section-titles {



}



.wrapper.iconboxes.s-centres {

    min-height: 400px;

    box-shadow: none;

}



p.boxtext {

    color: #8a888d;

    font-size: 14px;

    margin-top: 20px;

}



.row.offsetboxrow {

    margin-top: -70px;

}



a.contactlinks {

    color: #8a888d;

}



.col-lg-10.offsetbox {

    background: white;

    z-index: 35;

    padding: 30px;

    box-shadow: 1px 1px 30px #00000036;

}



.card-body.centered-text {

    text-align: center !important;

    box-shadow: 1px 1px 12px #0000001f;

}

li.breadcrumb-item {

    font-size: 14px;

}



.contact-item {

    margin-bottom: 20px;

}



p.offsetbox-text {

    width: 84%;

    margin: auto;

    padding-bottom: 50px;

    padding-top: 20px;

}



.col-lg-12.centeredvideo {

    text-align: center;

    margin-bottom: 50px;

}



section.parallax.mobile {

    display: none;

}



h5.contact-title {

    font-size: 18px;

    margin-top: 20px;

    text-transform: capitalize;

    color: white;

    margin-bottom: 10px;

    font-weight: 600;

}



.col-lg-12.top-aligned {

    text-align: center;

}



.col-md-2.seperator.centred {

    margin: auto;

    margin-bottom: 20px;

    margin-top: 20px;

}







.testimonials-center.caption {

    width: 60%;

    text-align: center;

    margin: auto;

}



	.middlepicture {

	    margin: auto;

	}



.carousel-item.testimonials-center.centre {

    height: auto;

}

h5.nameoftestimonial {

    margin-top: 20px;

    text-transform: inherit;

    color: #00adef;

    font-size: 16px;

    line-height: 24px;

}





header {

    margin-bottom: 80px;

}



::-webkit-scrollbar {

  width: 10px;

}



/* Track */

::-webkit-scrollbar-track {

  background: #f1f1f1;

}



/* Handle */

::-webkit-scrollbar-thumb {

  background: #009FE3;

    transition: 0.5s;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: #555;

  transition: 0.5s;

}



/* GSB CUSTOM CSS */

.headingsfulls {

    border: none;

}

.container.headingsfulls {

    padding-bottom: 75px;

    padding-top: 50px;

}

.headingshalf {

    border: none;

}



.col-md-2.seperator {

    background: #00adef;

    height: 3px;

    margin: 20px 0px;

}





.right-textspace {



font: 19px;

}



h1 {

  font-weight: 700;

  line-height: 1;

  letter-spacing: -.05rem;

    font-size: 48px;

    text-transform: uppercase;

    color: #8A888D;

}



h2 {

    font-weight: 700;

    line-height: 48px;

    letter-spacing: -.05rem;

    font-size: 36px;

    text-transform: uppercase;



}







h3 {

    font-weight: 700;

    line-height: 1;

    letter-spacing: -.05rem;

    font-size: 28px;

    text-transform: uppercase;



    line-height: 42px;

}



.searchresult {

    background: white;

    padding: 10px;

    box-shadow: 1px 1px 7px #000000ab;

    margin: 10px 0px;

}



h3.titlesearch {

    font-size: 18px;

    color: grey;

}

p.psearch {

    font-size: 14px;

    color: grey;

}

.whitetext {



}



.row.white {

    padding: 0px 10px;

}

.row.white.featurette {

    padding: 0px;

}

.bg-royal {

    background-color: #0d4672!important;

    color: white;

}



h4 {

  font-weight: 700;

  line-height: 1;

  letter-spacing: -.05rem;

    font-size: 26px;

    text-transform: uppercase;

}



h5 {

  font-weight: 700;

  line-height: 1;

  letter-spacing: -.05rem;

    font-size: 20px;

    text-transform: uppercase;

}



h6 {

  font-weight: 700;

  line-height: 1;

  letter-spacing: -.05rem;

    font-size: 16px;

    text-transform: uppercase;

        color: #8A888D;

}



.mb-1.text-date {

    font-weight: 600;

    text-transform: uppercase;

    color: #00adef;

}



/* Breadcrumbs

-------------------------------------------------- */



ol.breadcrumb.gsbcrumb {

    background: #ffffff00;

    padding: 50px 0px 0px 0px;

    text-transform: uppercase;

}



.breadcrumb-item+.breadcrumb-item::before {

    display: inline-block;

    padding-right: .5rem;

    color: #000000;

    content: ">";

    font-weight: 600;

}



.section-breadcrumbs {

    padding: 0px 0px 0px 0px;

}



.breadcrumb-item.active {

    color: inherit;

}



/*mega menu */



.megacontainer {

    background: white;

    box-shadow: 1px 1px 5px 0px #00000024;

    padding: 20px 20px;

}



a.titlelink {

    padding-left: 0px !important;

}



p.event-text {

    max-width: 100%;

}



a {

    color: #00adef;

    text-decoration: none;

    background-color: transparent;

    font-weight: 500;

}



.bluemodelinks {

  color: white;

  text-decoration: none;

  background-color: transparent;

  font-weight: 500;

}



a.bluemodelinks:hover {

  color: #00adef;

  text-decoration: none;

  background-color: transparent;

  font-weight: 500;

}



a:hover {

    text-decoration: none;

    transition: 0.2s;

    color: #0d4672;

}

.menu-large {

  position: static !important;

}

.card-header {

    padding: .75rem 1.25rem;

    margin-bottom: 0;

    border-bottom: 1px solid rgba(0,0,0,.125);

    font-size: 16px;

    font-weight: 600;

}

.megamenu {

  padding: 20px 20px;

  width: 100%;

}



.megamenu > div > li > ul {

    padding: 0;

    margin: 0;

    border-left: solid #ffffff61 1px;

}



.megamenu > div > li > ul > li {

  list-style: none;

}



.megamenu > div > li > ul > li > a {

  display: block;

  padding: 3px 20px;

  clear: both;

  font-weight: normal;

  line-height: 1.428571429;

  color: #333333;

  white-space: normal;

}



.dropdown-item-megamenu {

    background: none;

    max-width: 25%;

    margin: 0 auto;

    padding: 25px 10px;

}





.dropdown-header {

    display: block;

    padding: 5px 20px 5px 20px;

    margin-bottom: 0;

    font-size: 16px;

    color: #FFFFFE;

    font-weight: 500;

    white-space: nowrap;

    text-transform: capitalize;

}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 10rem;

    padding:  0;

    margin: 0px;

    font-size: 1rem;

    height: auto;

    color: #ffffff;

    text-align: left;

    list-style: none;

    background-color: #0E4571;

    background-clip: padding-box;

    border: none;

    opacity: 95%;

    border-radius: 0px;

}

.megamenu > div > li > ul > li > a:hover, .megamenu > div > li > ul > li > a:focus {

    text-decoration: none;

    color: #00adef;

    background-color: #12477100;

}

.megamenu > div > li > ul > li > a:focus {

  text-decoration: none;

  color: white;



}



.megamenu > div > li > ul > li > a {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: 200;

    line-height: 1.428571429;

    color: #eeeeee;

    white-space: normal;

    font-size: 14px;

}



.megamenu.disabled > a,

.megamenu.disabled > a:hover,

.megamenu.disabled > a:focus {

  color: #999999;

}



.megamenu.disabled > a:hover,

.megamenu.disabled > a:focus {

  text-decoration: none;

  background-color: transparent;

  background-image: none;

  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);

  cursor: not-allowed;

}





.megamenu.dropdown-header {

  color: #428bca;

  font-size: 18px;

}



@media (max-width: 768px) {

  .megamenu {

    margin-left: 0;

    margin-right: 0;

  }
  
  .carousel-indicators {
    position: absolute;
    right: 0;
    top: 650px !important;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

  header {

    margin-bottom: 0px !important;

}

  .videocontainer {

    position: relative;

    background-color: black;

    height: 40vh !important;

    min-height: 25rem;

    width: 100%;

    overflow: hidden;

}

span.motivation {

    font-size: 24px !important;

}

  section.parallax.mobile {

      display: block;

  }

  h5.title-milestones.mobile {

    width: 100%;

    margin: auto;

    font-weight: 400;

    text-transform: none;

    margin-bottom: 40px;

    line-height: 34px;

}

}



  @media (max-width: 991px) {

    .navbar-nav .dropdown-menu {

      position: static;

      float: none;

      height: 400px !important;

      overflow-x: hidden;

    }



    .dropdown-menu.smallmenu.show {

    height: auto !important;

    box-shadow: none;

}



.dropdown-menu.smallmenu.show {

    background: #ffffff !important;

    opacity: 1 !important;

    margin-top: 10px !important;

    box-shadow: none !important;

    padding-bottom: 10px !important;

}



a.dropdown-item.smalldrop {

    color: #909090 ;

    padding: 8px 30px 8px 5px !important;

    font-weight: 500 !important;

    font-size: 13px !important;

    font-family: montserrat !important;

}

    .dropdown-item-megamenu {

        background: none;

        max-width: 100%;

        margin: 0 auto;

        padding: 25px 10px;

    }

    }



    @media (min-width: 992px){

    .container.navigation {

        max-width: 1200px;

    }

  }



  .dropdown-menu.smallmenu.show {

      background: #ffffff;

      opacity: 1;

      box-shadow: 0px 3px 3px #00000045;

      font-size: 14px;

      margin-top: 29px;

      padding-bottom: 10px;

  }



  a.dropdown-item.smalldrop {

      color: #909090;

      padding: 8px 30px 8px 30px;

      font-weight: 500;

      font-size: 13px;

      font-family: montserrat;

  }



.dropdown-item:focus, .dropdown-item:hover {

    text-decoration: none;

    background-color: #00adef;

    color: white !important;

}

  .megamenu > li {

    margin-bottom: 30px;

  }

  .megamenu > li:last-child {

    margin-bottom: 0;

  }

  .megamenu.dropdown-header {

    padding: 3px 15px !important;

  }

  .navbar-nav .open .dropdown-menu .dropdown-header {

    color: #fff;

  }



  a.titlelink {

    display: block !important;

    padding: 5px 20px 5px 0px !important

    margin-bottom: 0 !important;

    font-size: 16px !important;

    color: #FFFFFE !important;

    font-weight: 500 !important;

    white-space: nowrap !important;

    text-transform: capitalize !important;

  }



  .floating-menu {

      border-radius: 100px;

      z-index: 35;

      padding-top: 10px;

      padding-bottom: 10px;

      right: 0;

      position: fixed;

      display: inline-block !important;

      top: 25%;

  }







p.floatingmenutext {

    width: 100px;

    font-size: 12px;

margin-bottom: 0px;

}



h2.h2-main-heading1 {

  width: 75%;

    text-transform: inherit;

    margin: auto;

    font-weight: 600;

    font-size: 32px;

}



@media only screen and (max-width: 767px) {

  h2.h2-main-heading1 {

    width: 100%;

    text-transform: inherit;

    margin: auto;

    font-weight: 600;

    font-size: 24px;

    line-height: 38px;

  }

  h2.statscount {

    color: #00adef;

    font-size: 26px;

    line-height: 24px;

}

  }









@media only screen and (max-width: 750px) {

  .floating-menu {

    border-radius: 0px;

        z-index: 35;

        padding-top: 10px;

        padding-bottom: 10px;

        right: 0;

        position: fixed;

        display: inline-block !important;

        width: 100%;

        text-align: center;

        top: 95%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

  }



  .menu-bg {

    background-image: none;

    background-repeat: repeat-x;

    background: #00adef;

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 0px;

    z-index: -1;

    top: 0;

    left: 0;

    transition: .0s;

    box-shadow: 1px 1px 8px #0000006e;

}

  a.primary-content-detail {

      margin: 10px 15px 10px 0px;

      background: #0d4672;

      display: inline-flex;

      font-size: 12px;

      color: white;

      padding: 10px 20px;

      text-transform: uppercase;

      font-weight: 600;

      margin-top: 10px;

      width: 100%;

  }



  a.primary-content-detail:hover {

      margin: 10px 15px 10px 0px;

      background: #00adef;

      display: inline-flex;

      font-size: 12px;

      color: white;

      padding: 10px 20px;

      text-transform: uppercase;

      font-weight: 600;

  }

  .main-menu {

    margin: 0;

    padding-left: 0;

    list-style: none;

    display: inline-flex;

}



p.floatingmenutext {

  width: 100%;

  font-size: 11px;

  margin-bottom: 0px;

}



.mb-1.text-date-detail {

    display: grid;

    text-align: center;

    line-height: 28px;

}

i.event-icon {

    color: #00adef !important;

    font-size: 20px;

    margin-right: 10px;

}

}





.main-menu{margin:0;padding-left:0;list-style:none}



.main-menu li a {

    display: block;

    padding: 10px 10px;

    color: #fff;

    border-radius: 50px;

    position: relative;

    -webkit-transition: none;

    -o-transition: none;

    transition: none;

    text-align: center;

}





.main-menu li a:hover {

    background: none;

    color: #0d4672;

    transition: 0.5s;

}

li.tabitems {

    margin-bottom: 10px;

    font-weight: 400;

}







h6.about-person {

    margin-bottom: 25px;

}



.menu-bg {

    background-image: none;

    background-repeat: repeat-x;

    background: #00adef;

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 5px;

    z-index: -1;

    top: 0;

    left: 0;

    transition: .0s;

    box-shadow: 1px 1px 8px #0000006e;

}

i.far.fa-user {

    color: blue;

}



/* programm finder*/



.row.pfinder {

    display: none;

}



.row.pfinder {

    background: #fcfcfc;

    padding: 25px 0px;

}



.col-lg-1.col-md-3.col-sm-12.p-0.selects {

    margin-left: 10px;

}

.search-slt:hover {

    display: block;

    width: 100%;

    font-size: 0.875rem;

    line-height: 1.5;

    color: #06aae9;

    background-color: #fff;

    background-image: none;

    border: 1px solid #06aae9;

    height: calc(3rem + 2px) !important;

    border-radius: 0;

}



.carousel.slide.testimonials-center {

    width: 100%;

    min-height: 250px;

}



.search-slt {

    display: block;

    width: 100%;

    font-size: 0.875rem;

    line-height: 1.5;

    color: #06aae9;

    background-color: #fff;

    background-image: none;

    border: 1px solid #06aae9;

    height: calc(3rem + 2px) !important;

    border-radius: 0;

    font-weight: 600;

}

h3.testiheading {

    margin: auto;

    width: 100%;

    text-align: center;

}



button.btn.search {

    background: #00adef;

    color: white;

    padding: 10px;

    width: 100%;

    border-radius: 0px;

    height: calc(3rem + 2px) !important;

}





h4.findertext {

    margin-top: 10px;

    color: #06abeb;

    text-transform: capitalize;

}

/*alert*/



.alert.alert-success {

    margin: 50px 0px -30px 0px;

}



.alerts {

    color: #155724;

    font-size: 44px;

    margin-bottom: 30px;

    margin-top: 15px;

}



a.btn.btn-lg.carousel-btn.primary-alert {

    display: inline-flex;

    background: #155724;

    margin-top: 25px;

    margin-bottom: 20px;

}



a.btn.btn-lg.carousel-btn.primary-alert:hover {

    text-decoration: none;

    box-shadow: 1px 1px 12px #8888885e;

    background: #0b2611;

    color: #ffffff;

    transition: 0.3s;

}

/*alert*/



/*in-page-nav*/



a.Navitems.active {

    color: white;

    background: #0d4672;

}





i.fad.fa-arrow-circle-down:focus {

    transform: rotate(45deg);

}



i.fad.fa-arrow-circle-down {

    transform: rotate(90deg);

}



.row.ymbabi {

    padding: 25px 0px;

}



.container.ymbabi {

    padding: 75px 0px 75px 0px;

}



.dark {

  padding: 75px 0px 75px 0px;

  background-color: #f8f9fa;

}



.light {

  padding: 75px 0px 75px 0px;

  background-color: white;

}

a.title-ymbabi {

    font-size: 18px;

    color: #8a888d;

    font-weight: 600;

    text-transform: uppercase;

}

a.title-ymbabi:hover {

    font-size: 18px;

    color: #00adef;

    font-weight: 600;

    text-transform: uppercase;

}



i.fas.fa-circle.fa-stack-2x {

    color: #00adef;

}

p.description-ymbabi {

    font-size: 14px;

    width: 90%;

    margin: auto;

    max-height: 350px;

    height: auto;

    min-height: 70px;

    color: #5a5a5a;

    margin-bottom: 0px;

}

a.btn.btn-lg.carousel-btn.primary-ymbabi {

    margin: 20px 0px;

    background: #00adef;

    display: inherit;

    font-size: 12px;

    padding: 10px 20px;

}



a.btn.btn-lg.carousel-btn.primary-ymbabi:hover {

    margin: 20px 0px;

    background: #0d4672;

    display: inherit;

    font-size: 12px;

    padding: 10px 20px;

}



.hover-holder {

    margin-bottom: 10px;

}



.ymbabi-icon {

    color: #00adef;

}

.inpage-nav {

  position: relative;

  width: 100%;

  max-width: 400px;

}



.Navitems {

    color: #2b2b2b;

    font-size: 12px;

    text-align: center;

    font-weight: 600;

    display: flex;

    background: #ffffff;

    border-radius: 1px;

    justify-content: center;

    height: 50px;

    padding: 10px;

    text-transform: uppercase;

    align-items: center;

    cursor: pointer;

    margin-top: 15px;

}



.Navitems:hover {

    color: #ffffff;

    text-align: center;

    font-weight: 600;

    display: flex;

    background: #00adef;

    border-radius: 1px;

    justify-content: center;

    height: 50px;

    align-items: center;

    cursor: pointer;

    opacity: 1;

}



.divider-light {

    background: #8d8d8d;

}

p.pagnavintro {

    color: white;

}



.innavtitle {

    font-weight: 700;

    line-height: 48px;

    letter-spacing: -.05rem;

    font-size: 36px;

    text-transform: uppercase;

    color: #009fe3;

}



.centered-home {

    position: absolute;

    top: 10%;

    width: 42%;

    text-align: center;

}

.centered-home1 {

    position: absolute;

    top: 17%;

    width: 42%;

    text-align: center;

    left: 60%;

    z-index: 99;

}



.centered-home2 {

    position: absolute;

    top: 17%;

    width: 42%;

    text-align: center;

    left: 15%;

    z-index: 99;

}



.centered-home3 {

    position: absolute;

    top: 65%;

    left: 60%;

    width: 42%;

    text-align: center;

}



.centered-home4 {

    position: absolute;

    top: 65%;

    width: 42%;

    text-align: center;

    left: 15%;

}

p.lead2 {

    font-size: 24px;

    font-weight: 400;

    width: 60%;

    margin: auto;

    margin-bottom: 150px;

}

.centered-home-wide {

    position: absolute;

    top: 75%;

    left: 15%;

}

.overlayback {

    float: right;

    width: 45%;

    margin: 5px 5px;

    background: black;

    color: white;

}



.overlayback-wide {

    width: 92%;

    float: right;

    margin-right: 4px;

    color: white;

    margin-top: 7px;

}



.overlayback-wide:hover {

  transition: 0.2s;

  color: #00adef !important;



}



.parallax {

    min-height: 500px;

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 100px 0px;

    color: white;

}

img.bd-placeholder-img-mba {

    background-size: cover !important;

    background-position: center !important;

}



.overlayback:hover {

    transition: 0.2s;

    color: #00adef !important;



}



.flex {

    display: flex;

}

.flex_content {

    width: 100%;

    text-align: center;

}



h2.statscount {

    color: #00adef;

    font-size: 36px;

}

.toplevel {

    text-align: center;

    color: white;

}



h2.title-milestones {

    color: white;

}

h5.title-milestones {

    width: 60%;

    margin: auto;

    font-weight: 400;

    text-transform: none;

    margin-bottom: 40px;

    line-height: 34px;

}



.milestones {

    padding: 15px;

    color: white;

    height: 150px;

    background: #0d4672c7;

}



.mile {

    margin-top: 20px;

}



h3.titletop {

    font-size: 38px;

    font-weight: 800;

    text-transform: none;

    color: #00adef;

}



h5.lowertext {

    font-size: 20px;

    line-height: 30px;

    text-transform: none;

    font-weight: 600;

}



.milestones-white {

    background: white;

    margin: -8px 0px 0px 0px;

    padding: 15px;

    font-size: 14px;

    height: 220px;

}



.page-nav {

    display: block;

    width: auto;

    height: 100%;

    max-width: 100%;

    max-height: 300px;

}



img.inpagenav:hover {

    max-width: 100%;

    max-height: 300px;

    height: 250px;

    opacity: 10.5;

    transition: 0.5s;

    cursor: pointer;

}

img.inpagenav-wide {

}



img.inpagenav-wide {

    opacity: 1;

    height: 120px;

    width: 100%;

}



i.inpageicon {

    text-align: left;

}

a.buttonone.events.coursecards:hover {

    background: #0d4672 !important;

    color: white !important;

}





h5.navtext {

    text-align: left;



}





.overlay-remember {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    transition: .3s ease;

    background-color: black;

}



img.inpagenav {

    opacity: 0.8;

    height: 250px;

    width: 100%;

}





img.inpagenav:hover {

    max-width: 100%;

    max-height: 300px;

    height: 250px;

    opacity: 1;

    transition: 0.5s;

    box-shadow: 1px 1px 6px #5d5d5d;

    cursor: pointer;

}



#section#226

{

  background: red; !IMPORTANT

}

.centered {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    color: white;

}



.inpageicon {



    width: 100%;

    margin-bottom: 20px;

    font-size: 24px !important;

    color: inherit;

}

.icon-nav {

  color: white;

  font-size: 100px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  text-align: center;

}



.fa-user:hover {

  color: #eee;

}









.search-sec{

    padding: 2rem;

}

.search-slt{

    display: block;

    width: 100%;

    font-size: 0.875rem;

    line-height: 1.5;

    color: #55595c;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    height: calc(3rem + 2px) !important;

    border-radius:0;

}

.wrn-btn{

    width: 100%;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    height: calc(3rem + 2px) !important;

    border-radius:0;

}

@media (min-width: 992px){

    .search-sec{

        position: relative;

        top: -114px;

        background: rgba(26, 70, 104, 0.51);

    }

}



@media (max-width: 992px){

    .search-sec{

        background: #1A4668;

    }

}







i {

    margin-right: 0px;

}





ol.date-list {

    display: block;

    list-style-type: decimal;

    margin-block-start: 0em;

    margin-block-end: 1em;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    padding-inline-start: 25px !important;

}



p.card-text {

    font-size: 14px;

}



.imgymbin {

    margin-bottom: 30px;

    margin-top: 30px;

    display: flex;

}



/*course-info-box*/



.courseinfobox {

    box-shadow: 2px 8px 20px #9393938f;

    padding: 50px 50px !important;

    max-height: 900px;

    height: 100%;

    width: 80%;

    border-radius: 5px;

    margin-bottom: 15px;

}



.spacer-20 {

    margin: 30px 0px;

}



.col-md-12.event-box {

    padding: 0px;

}



.col-lg-4.col-md-6.col-sm-12.faculty {

    display: flex;

}



p.job-title {

    font-weight: 600;

    font-size: 14px;

    color: #00adef;

}



p.lead-p {

    width: 85%;

}



i.floatingincon {

    font-size: 1.3rem;

}



a.primary-content.more.bluemode {

    font-size: 12px;

    padding: 15px 40px;

    margin-top: 25px;

}



a.primary-content.more.bluemode:hover {

    font-size: 12px;

    padding: 15px 40px;

    margin-top: 25px;

}



.centered-btn {

    margin: auto;

}



a.btn.btn-lg.btn-primary-info {

    background: #0d4672;

    color: white;

    font-size: 14px;

    font-weight: 600;

    font-family: montserrat;

    border-radius: 2px;

    margin-left: 15px;

}



.course-intro {

    padding-bottom: 0px;

}





span.intakes {

    color: #8a888d;

    font-weight: 500;

    line-height: 32px;

}



.courseinfo {

    color: #2eabe3;

    margin-right: 10px;

}



/*course-info-box*/



/*Icons*/



i.title-icon {

    font-size: 32px !important;

    margin-bottom: 20px;

    color: #00adef !important;

    float: left;

    margin-right: 15px !important;

    line-height: 42px;

}



i.event-icon {

    color: #00adef !important;

    font-size: 20px;

    margin-right: 5px;

}



@media (max-width: 991px) {

  i.title-icon {

      font-size: 32px;

      margin-bottom: 20px;

      color: #00adef;

      float: none;

      margin-right: 15px;

      line-height: 42px;

  }

  .section-titles {

    display: flex;

    margin-top: 25px;

}

}



.footer-icon {

    margin-right: 15px;

    margin-bottom: 10px;

    color: white;

}

i.footericon {

    color: #b5b5b5;

}

a.footer-icon:hover {

    color: #00adef;

    text-decoration: none;

}

a.footerdetail:hover {

    color: #009fe3;

}



/*motvation section*/



.motivation-grey {

    padding: 75px 0px;

}



/*motvation section*/



/* Playlist player*/

p.playertitle-p {

    font-size: 0.7rem;



}

p.playertitle-p:hover {

    font-size: 0.7rem;



}



.container.video {

    width: 590px;

    background-color: #fff;

    margin: 0 auto;

}



.videoplayer {

    position: absolute;

    padding: 0px;

}



h4.playertitle {

    font-size: 16px;

    font-weight: 600;

    line-height: 26px;

    text-transform: none;



}







h4.playertitle:hover {

    cursor: pointer;



}



.modal-dialog.player {

    max-width: fit-content;

}



.logo {

  width: 120px;

  padding: 10px;

}



.playlisting {

  padding: 370px 18px 10px;

  display: block;

}



article {

  display: flex;

  align-items: center;

  padding: 8px 12px;

  border: 2px solid white;

  border-radius: 8px;

  margin: 0 auto;



  &:hover {

    border: 2px solid #ff9999;

  }

}



article.item:hover {

    color: #ffffff !important;

    cursor: pointer;

    transition: 0.2s;

    background: #00adef;

    border-radius: 0px;

}



.thumb {

    height: 90px;

    border-radius: 0px;

}



.details {

  padding: 8px 22px;

  color: grey;

}

.details:hover {

    color: white;

}



.modal-title.videos {

    color: #8a888d;

}



i.fad.fa-play-circle.videoplay {

    font-size: 120px;

    color: white;

    opacity: 0.5;

}



i.fad.fa-play-circle.videoplay:hover {

    font-size: 120px;

    color: white;

    opacity: 1;

    cursor: pointer;

}





/*playlistp layer*/

/*testimonials*/





.modal-img {

    background: url(Images/videoimg.jpg);

    height: 100%;

    width: 100%;

    border: none;

    background-size: cover !important;

}



.modal-img:hover {

    background: url(Images/videoimg.jpg);

    height: 100%;

    width: 100%;

    border: none;

    background-size: cover !important;

}



i.fad.fa-play-circle.videoplay {

    font-size: 120px;

    color: white;

    opacity: 0.5;

}



i.fad.fa-play-circle.videoplay:hover {

    font-size: 120px;

    color: white;

    opacity: 1;

    cursor: pointer;

}



.carousel-content {

    padding: 0px 0px;

}

.carousel-content h3 span {

    font-size: 14px;

    font-weight: normal;

    color: #ffffff;

    text-transform: capitalize;

}



h3.testimonial-name {

    font-weight: 600;

    letter-spacing: -.05rem;

    font-size: 18px;

    text-transform: uppercase;

    color: #00adef;

    line-height: 28px;

}

.testimonial-text {

    color: white;

    font-style: italic;

    font-size: 18px;

    margin: 10px 10px 20px 0px;

    padding: 0px;

}



.carousel-indicators li {

    box-sizing: content-box;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    width: 30px;

    height: 3px;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #00adef;

    background-clip: padding-box;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: .5;

    transition: opacity .6s ease;

}



ol.carousel-indicators.testimonial {

    justify-content: left;

    margin-right: 0%;

    margin-left: 0%;



}



.carousel-inner.testimonial {

    height: 300px;

    margin-top: 30px;

}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block;
    margin-top: 50px;
    align-items: center;
    height: auto;
}
ol.carousel-indicators.faculty {
    top: 760px;
}




#testimonial .carousel-control-prev,

#testimonial .carousel-control-next {

    font-size: 36px;

}

#testimonial h2 {

    font-size: 40px;

    font-style: italic;

    border-bottom: 1px solid #7fbdff;

    padding-bottom: 20px;

    display: inline-block;



}



.testimonial {

  background: #0d4672;

    color: white;

}



/*form*/

.form-label {

    margin-top: 10px;

    margin-bottom: 10px;

}



.form-button {

    background: #00adef;

    border: none;

    font-weight: 600;

    color: white;

    font-family: montserrat;

    font-size: 14px;

    margin: 0 auto;

    padding: 15px 30px;

}

.form-check-label {

    margin-bottom: 0;

    font-size: 14px;

}

/*form*/



/*testimonials*/



/*accordian*/



.fa-stack-1x, .fa-stack-2x {

    left: 0;

    position: absolute;

    text-align: center;

    width: 110%;

}



.form-card {

    box-shadow: 1px 4px 6px #dbdbdb;

    background: white;

}



.card-body {



    color: #80888d;

    padding: 20px;



}



.myaccordion {

    max-width: 1210px;

    width: 1200px;

    margin: 50px auto;

    box-shadow: 0 0 1px rgba(0,0,0,0.1);

}



.myaccordion .card {

    border: none;

    margin: 0px 0px 20px 0px;

}



.myaccordion .card-header {

    box-shadow: 1px 1px 5px #8080802e;

    background: white;

    padding: 15px 20px;

}



.myaccordion .fa-stack {

  font-size: 18px;

}



.myaccordion .btn {

    width: 100%;

    font-weight: 500;

    color: #8a888d;

    padding: 0;

    text-align: left;

}



.myaccordion .btn-link:hover,

.myaccordion .btn-link:focus {

  text-decoration: none;

}



.myaccordion li + li {

  margin-top: 10px;

}



.btn.focus, .btn:focus {

    outline: 0;

    color: #00adef;

    box-shadow: none;

}



/*accordian*/



i.accordian-icon {

    font-size: 22px !important;

    margin-bottom: 0px;

    color: #00adef !important;

    float: left;

    margin-right: 15px !important;

    line-height: 20px;

    display: none;

}



span.accordian-space {

    display: inline-flex;

}



/*Icons*/





/* blogs */

h2.card-posttitle {

    font-size: 20px;

    line-height: 28px;

}



.postdetail {

    background: #ffffff;

    border: none;

    margin-top: 15px;

}



.card.mb-4.ideas {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: none;

    border-radius: .25rem;

    margin-top: 25px;

    box-shadow: 1px 1px 20px 0px #00000024;

}





.card.mb-4.featured-post {

    display: inline-block;

}



.card-body.featured {

    width: 100%;

    float: left;

    background: white;

}

.featured-article {

    padding: 0px;

}

img.card-img-top.featured {

    width: 50%;

        float: left;

}



hr.post-divider {

    margin-top: 50px;

    margin-bottom: 30px;

}

.postdetails {



}

/* blogs */

/*tabs*/



div#nav-tabContent {

    width: 80%;

    margin: auto;

}

section {

    padding: 100px 0px;

}



.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {

    color: #00adef !important;

}

.tab-content>.active {

    display: block;

    padding-top: 30px;

    line-height: 28px;

}



section.white-mode.important-notice {

    background: white;

    padding: 0px;

}



section.white-mode {

    background: white;

}



section.grey-mode {

    background: #f9f9f9;

}



section.blue-mode {

    background: #0d4672;

    color: white;

}



section.section-breadcrumbs {

    padding-top: 50px;

    margin-bottom: -50px;

}



section .section-title {

    text-align: center;

    color: #007b5e;

    margin-bottom: 50px;

    text-transform: uppercase;

}

#tabs {



}

#tabs h6.section-title{

    color: #eee;

}



#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    background-color: transparent;

    border-color: transparent transparent #f3f3f3;

    border-bottom: 4px solid !important;

    color: #00adef !important;

}



#tabs .nav-tabs .nav-link {

    border: 1px solid transparent;

    border-top-left-radius: .25rem;

    border-top-right-radius: .25rem;

    color: #fff;

    font-size: 20px;

}



h3.tab-title {



    margin-bottom: 50px;

    text-align: center;

}



.section-titles {

    display: block;

}



.tab-full {

    width: 100%;

    margin: auto;

}

/*tabs*/





/*page nav icons*/

.box_size_container {

    width: 100%;

    margin: 0 auto;

}

i.fa.fa-school {

    color: #00adef;

}



.container.inpagenavicon {

    padding: 75px 0px;

}



.iconbox-top.md-align-center {

  text-align: center;

}

.iconbox-top .iconbox-top-content {

    display: inline-block;

    max-width: 700px;

    padding: 10px;

}

.iconbox-top .icon-holder {

    position: relative;

    margin-right: auto;

    margin-left: auto;

    margin-bottom: 15px;

    height: 100px;

    width: 100px;

}

.iconbox-top .svg-circle{

  position: absolute;

  width:100px;

  height:100px;

  display:block;

  z-index:0;

}

.iconbox-top .description {

    padding-bottom: 15px;

    margin-right: auto;

    margin-left: auto;

    font-weight: normal;

    width: 75%;

    color: rgba(94,94,94,0.7);

}

.iconbox-top .svg-circle{

  opacity:0;

}

.iconbox-top .svg-circle circle{

  stroke-dasharray: 360;

  stroke-dashoffset:360px;

}

.iconbox-top .hover-holder:hover .svg-circle circle

{

  animation: dashIn 0.6s linear forwards ;

}

.iconbox-top .hover-holder:hover .svg-circle

{

  opacity:1;

}



.iconbox-top .hover-holder:not(:hover) .svg-circle circle

{

  animation: dashOut 0.6s ease ;

}

.iconbox-top .hover-holder:not(:hover) .svg-circle

{

  opacity:0.3;

}

.iconbox-top .hover-holder:hover .icon{

  animation: iconIn 0.3s linear forwards;

}

.iconbox-top .hover-holder:not(:hover) .icon{

  animation: iconOut 0.3s ease;

}



@keyframes dashIn{

  from{

    stroke-dashoffset:360;

  }

  to{

    stroke-dashoffset:1;

  }

}

@keyframes dashOut {

  from {

    stroke-dashoffset: 0;

  }

  to {

    stroke-dashoffset: 360;

  }

}

@keyframes iconIn {

  0%{

    font-size:42px;

  }

  100%{

    font-size:38px;

  }

}

@keyframes iconOut {

  0%{

    font-size:38px;

  }

  100%{

    font-size:42px;

  }

}



.iconbox-top .icon {

    position: absolute;

    top: 50%;

    right: 50%;

    -webkit-transform: translateY(-50%) translateX(50%);

    font-size: 42px;

    z-index: 1;

    -webkit-backface-visibility: hidden;

}



.wrapper.iconboxes {

    box-shadow: 1px 1px 15px #0000003d;

    padding-top: 20px;

    height: auto;

    background: white;

    margin: 30px auto;

    width: 100%;

}



.wrapper.iconboxes.royal {

    box-shadow: 1px 1px 15px #09090985;

    padding-top: 20px;

    height: auto;

    background: white;

}



/*buttons*/

a.buttonone {

    background: #ffffff;

    color: #0d4672;

    text-align: center;

    width: 50%;

    padding: 10px;

    font-weight: 600;

    text-transform: none;

    font-size: 14px;

    margin-top: 20px;

    border-radius: 2px;

    margin-bottom: 5px;

}





a.buttonone:hover {

    text-decoration: none;

    box-shadow: 1px 1px 4px #000000c4;

    background: #ffffff;

    color: #00adef;

    transition: 0.2s;

}



a.buttonone-dark {

    background: #0d4672;

    color: #ffffff;

    padding: 15px 30px;

    font-weight: 600;

    text-transform: none;

    font-size: 16px;

    margin-top: 0px;

    margin: auto;

    width: 30%;

    display: inherit;

    border-radius: 2px;

}



a.buttonone-dark:hover {

    text-decoration: none;

    box-shadow: 1px 1px 12px #8888885e;

    background: #00adef;

    color: #ffffff;

    transition: 0.3s;

}



.buttonglyph {

    font-family: 'Font Awesome 5 Pro';

    margin-right: 10px;

    line-height: 18px !IMPORTANT;

}



.modal-dialog.small {

    max-width: 500px;

      margin: 1.75rem auto;

}

.modal-dialog.medium {

    max-width: 1000px;

      margin: 1.75rem auto;

}



.modal-dialog.large {

    max-width: 1200px;

      margin: 1.75rem auto;

}



/*sections*/

/*faculty*/

i.faculty {

    color: #00adef;

    font-size: 16px;

}

/*faculty*/



/*imgbox*/

.imgbox {

    background: url(Images/gsb.jpg);

    background-size: cover;

    background-position: center;

}



img.imagebox {

    margin-bottom: 20px;

}



a.primary-imgbtn {

    margin: 10px 15px 10px 0px;

    background: #00adef;

    display: inline-flex;

    font-size: 12px;

    color: white;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: 600;

}







a.primary-imgbtn:hover {

    margin: 10px 15px 10px 0px;

    background: #0d4672;

    display: inline-flex;

    font-size: 12px;

    color: white;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: 600;

}



a.primary-content {

    margin: 10px 15px 10px 0px;

    background: #00adef;

    display: inline-flex;

    font-size: 12px;

    color: white;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: 600;

}





a.primary-content:hover {

    margin: 10px 15px 10px 0px;

    background: #0d4672;

    display: inline-flex;

    font-size: 12px;

    color: white;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: 600;

}



a.primary-content.bluemode {

    margin: 10px 15px 10px 0px;

    background: #00adef;

    display: inline-flex;

    font-size: 12px;

    color: white;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: 600;

}



a.navimage {

    color: inherit;

}



a.navimage:hover {

    color: #00adef;

}







a.primary-content.bluemode:hover {

    margin: 10px 15px 10px 0px;

    background: #ffffff;

    display: inline-flex;

    font-size: 12px;

    color: #0d4672;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: 600;

}



a.primary-content.articlecta.bluemode:hover {

    background: #0d4672;

    color: white;

	font-size:12px;

}





/*imgbox*/

/*events*/

i.socialevent {

    font-size: 32px;

    color: #00adef;

    margin-top: 20px;

    margin-right: 10px;

}



img.img.img-responsive {

    width: auto;

    height: 400px;

}



i.socialevent:hover {

    font-size: 32px;

    color: #0d4672;

    margin-top: 20px;

    margin-right: 10px;

    cursor: pointer;

}



a.primary-content-detail {

    margin: 10px 15px 10px 0px;

    background: #0d4672;

    display: inline-flex;

    font-size: 12px;

    color: white;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: 600;



}



a.primary-content-detail:hover {

    margin: 10px 15px 10px 0px;

    background: #00adef;

    display: inline-flex;

    font-size: 12px;

    color: white;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: 600;

}





.eventbackground {

    background-image: url(Images/gsb.jpg);

    background-size: cover;

    height: 250px;

    background-position: center;

}



.card-body.events {

    box-shadow: -1px 10px 20px #0000001f;

    color: #80888d;

    padding: 20px 20px 30px 20px;

}







p.card-text.mb-auto.events {

    font-size: 14px;

    margin-bottom: 30px !important;

}



a.buttonone.events {

    background: #00adef;

    color: #ffffff;

    text-align: center;

    width: 50%;

    padding: 10px 20px;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 12px;

    margin-right: 15px;

    margin-top: 20px;

    border-radius: 0px;

    margin-bottom: 5px;

}



a.buttonone.events:hover {

    text-decoration: none;

    box-shadow: 1px 1px 4px #565656c4;

    background: #0d4672;

    color: #ffffff;

    transition: 0.2s;

}



.eventscol {

    padding: 15px 10px 0px 10px;

    display: flex;

}



.coursescol {

    padding: 20px 20px 30px 20px;

    display: flex;

}

.card.mb-4.coursecardbox {

    box-shadow: #00000026 1px 1px 20px;

}

.card.mb-4.box-shadow {

    width: 100%;

}





.course-img.finder {

  background: linear-gradient(0deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%)), url(https://gen3.co.za/media/course7.jpg);

  width: 100%;

  height: 96%;

  box-shadow: 1px 1px 12px #959595;

}



.course-img.finder:hover {

    background: linear-gradient(0deg, #0d4672, #0d46722e), url(https://gen3.co.za/media/course7.jpg);

    width: 100%;

    height: 96%;

    box-shadow: 1px 1px 12px #959595;

    cursor: pointer;

    transition: 0.5s ease;

}









span.date1 {

    font-weight: 600;

    text-transform: uppercase;

    font-size: 14px;

    color: #00adef;

}



span.date2{

    font-weight: 600;

    text-transform: uppercase;

    font-size: 14px;

    color: #00adef;

}



span.intakes1 {

    font-weight: 600;

    text-transform: uppercase;

    font-size: 14px;

    font-size: 14px;

}



span.intakes2 {

    font-weight: 600;

    text-transform: uppercase;

    font-size: 14px;

}



/*events*/



/*events*/

.col.p-4.d-flex.flex-column.position-static-eventbox {

    background: #0D4672;

}

strong.d-inline-block.mb-2.text-primary-event-light {

    color: white;

}

button.btn.btn-secondary {

    background: #00adef;

    border: none;

}



h3.mb-0.events-title {

    text-transform: none;

    font-weight: 700;

    padding-bottom: 20px;

    font-size: 20px;

    line-height: 28px;

}



.mb-1.text-date-detail {

    color: #8a888d;

    font-weight: 500;

    margin-top: 20px;

    margin-bottom: 20px !important;

}



.container.recents {

    margin-top: 75px;

}

.col-auto.d-none.d-lg-block.events {

    width: 30%;

    background: url(Images/gsb.jpg);

    background-size: cover;

    background-position: center;

}



div#post1 {

    background: url(Images/gsb1.jpg);

    background-size: cover;

    height: 300px;

    box-shadow: 1px 1px 8px #dcdcdc;

    border-radius: 4px;

}

i.eventicon {

    margin-right: 10px;

    font-size: 16px;

}



h5.card-title {

    color: #00adef;

    line-height: 32px;

}

span.time {

    color: #2eabe3;

    margin-right: 10px;

}

span.date {

    color: #2eabe3;

    margin-right: 10px;

}

p.lead.full {

    width: 70%;

    margin-bottom: 50px;

}

.text-center-btn {

    text-align: center!important;

    margin: 20px 0px;

}



.lead {

    font-size: 1.25rem;

    font-weight: 400;

    margin-bottom: 30px;

}



.col-md-6.eventimage {

    background-image: url(Images/gsb1.jpg);

    background-size: cover;

    height: 300px;

    box-shadow: 1px 1px 8px #dcdcdc;

    border-radius: 4px;

}



    a.btn.btn-lg.btn-primary-events {

    background: #0d4672;

    color: white;

    font-size: 14px;

    font-weight: 600;

    font-family: montserrat;

    border-radius: 2px;

}

a.btn.btn-lg.btn-primary-events {

    background: #0d4672;

    color: white;

    font-size: 14px;

    font-weight: 600;

    font-family: montserrat;

    margin-top: 20px;

    border-radius: 2px;

    margin-bottom: 20px;

}

.album.py-5.bg-light {



}



.album.py-5.bg-dark {

    background-color: #2b2b2b !important;

}



img.mx-auto.d-block.event-image {

    box-shadow: 1px 1px 17px #00000047;

    width: 100%;

    max-height: 700px;

}

.card-text-speakers {

    font-size: 14px;

    line-height: 24px;

}



.col-lg-8.speakerbox {

    padding: 25px 40px;

}



.speakerimg {

    background-size: 100% !important;

    background-repeat: no-repeat !important;

}



@media (max-width: 991px) {



    .speakerimg {

        background-position: center !important;

    }



}



.row.speakerow {

    box-shadow: 1px 1px 10px #80808040;

    margin-bottom: 50px;

    margin-top: 50px;

    width: 100%;

}



h3.speakers {

    font-size: 28px;

    color: #009fe3;

    padding-bottom: 10px;

}



.card {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: none;

    border-radius: .25rem;

    box-shadow: 1px 1px 7px #0000002e;

}

.mt-4, .my-4 {

    margin-top: 0 !important;

}

a.btn.btn-lg.btn-primary-events {

    background: #0d4672;

    color: white;

    font-size: 14px;

    font-weight: 600;

    font-family: montserrat;

    margin-top: 20px;

    border-radius: 2px;

    margin-bottom: 20px;

}

a.btn.btn-lg.btn-primary-register {

    background: #00adef;

    color: white;

    font-size: 14px;

    font-weight: 600;

    font-family: montserrat;

    margin-top: 20px;

    border-radius: 2px;

    margin-bottom: 20px;

}

/* Profiles

-------------------------------------------------- */



.ctaprofile {

    text-align: left;

}



i.social {

    font-size: 24px;

    margin-right: 10px;

    color: #0d4672;

    margin-top: 20px;

}

i.social:hover {

    font-size: 24px;

    margin-right: 10px;

    color: #00adef;

    margin-top: 20px;

    cursor: pointer;

}



img.profile-image {

    width: 100%;

}



.profile-card-4 {

    max-width: 340px;

    background-color: #FFF;

    border-radius: 5px;

    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    position: relative;

    margin: 50px auto;

    cursor: pointer;

}



.profile-card-4 img {

    transition: all 0.25s linear;

}



.profile-card-4 .profile-content {

    position: relative;

    padding: 15px;

    background-color: #FFF;

}



.profile-card-4 .profile-name {

    font-weight: bold;

    position: absolute;

    left: 0px;

    right: 0px;

    top: -95px;

    color: #FFF;

    text-align: left;

    font-size: 17px;

    height: 85px;

}



.profile-name {

    background: #0f3d5fbf;

    padding: 20px;

}



.profile-card-4 .profile-description {

    color: #777;

    font-size: 12px;

    padding: 10px;

    text-align: left;

}



.profile-card-4 .profile-overview {

    padding: 15px 0px;

}



.profile-card-4 .profile-overview p {

    font-size: 10px;

    font-weight: 600;

    color: #777;

}



.profile-card-4 .profile-overview h4 {

    color: #273751;

    font-weight: bold;

}



.profile-card-4 .profile-content::before {

    content: "";

    position: absolute;

    height: 20px;

    top: -10px;

    left: 0px;

    right: 0px;

    background-color: #FFF;

    z-index: 0;

    transform: skewY(deg);

}



.profile-card-4:hover img {

    transform: rotate(0deg) scale(1.1, 1.1);

    filter: brightness(110%);

}



.col-md-12.profile {

    float: left !important;

    text-align: left;

}



.fa-user:before {

    content: "\f007";

    color: #ffffff;

    margin-right: 10px;

}



a.btn.btn-lg.btn-primary-profiles:hover {

    background: #0d4672;

}



a.btn.btn-lg.btn-primary-profiles {

    background: #009fe3;

    color: white;

    font-size: 12px;

    font-weight: 600;

    font-family: montserrat;

    border-radius: 2px;

    margin: 20px 0px;

    text-transform: uppercase;

}



/* jumbotron

-------------------------------------------------- */



.jumbotron.gsb {

        background: linear-gradient(rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.4)), url(Images/gsb2.jpg);

    height: 550px;

}

.container.jumbo {

    height: 400px;

    align-items: flex-end;

    display: flex;

}

/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

.carousel {

  margin-bottom: 0rem;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

    position: initial;

    z-index: 10;

    padding-top: 80px;

    padding-bottom: 80px;

    color: #fff;

    text-align: left;

    width: 85%;

}



/* button groups */

a.btn.btn-lg.carousel-btn.nav {

    background: #00adef;

    color: #ffffff;

    padding: 15px 15px;

    font-weight: 600;

    width: auto;

    float: left;

    font-size: 12px;

    margin: 20px 5px 0px 0px;

    text-transform: uppercase;

    display: inline-flex;

    border-radius: 2px;

}







a.buttongroup {

    color: #ffffff;

    font-size: 12px;

    text-align: center;

    font-weight: 600;

    display: flex;

    background: #00adef;

    border-radius: 1px;

    justify-content: center;

    height: 50px;

    padding: 10px;

    text-transform: uppercase;

    align-items: center;

    cursor: pointer;

    margin-top: 15px;

}



a.buttongroup:hover {

    color: #ffffff;

    font-size: 12px;

    text-align: center;

    font-weight: 600;

    display: flex;

    background: #0d4672;

    border-radius: 1px;

    justify-content: center;

    height: 50px;

    padding: 10px;

    text-transform: uppercase;

    align-items: center;

    cursor: pointer;

    margin-top: 15px;

}



.container.buttongroups {

    padding: 25px 0px;

}



/*hero*/





.jumbotron.hero {

    padding: 0px;

    border-radius: 0px;

    margin-top: 80px;

    background-size: cover !important;

    margin-bottom: 0px;

    background-position: top !important;

    min-height: 450px;

}



/* SCP */



/* Declare heights because of positioning of img element */

.carousel-item {



    position: initial;

}



.carousel-item.video {

    height: 100%;

padding-bottom: 50px;

}



.carousel-item > img {

    position: absolute;

    top: 0px;

    left: -1px;

    min-width: 101%;

}



.carousel-inner.hero {

    position: relative;

    width: 100%;

    overflow: hidden;

    height: auto;

    display: block;

    margin-top: 80px;

    align-items: center;

}



button.btn.btn-lg.slider-icon {

    color: #ffffff;

    font-size: 14px;

    text-align: center;

    font-weight: 600;

    background: #0d4672;

    border-radius: 1px;

    justify-content: center;

    height: 50px;

    text-transform: uppercase;

    align-items: center;

    cursor: pointer;

    margin-top: 15px;

}



a.btn.btn-lg.slider-icon {

    background: white;

    color:  #0d4672;

    border-radius: 2px;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 14px;

    padding: 15px 20px;

    margin-top: 15px;

}



a.btn.btn-lg.slider-icon:hover {

    background: #00adef;

    color: white;

    border-radius: 2px;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 12px;

    padding: 15px 15px;

}







div#courseCarouselInner {

    height: 450px;

}



#courseCarousel > #courseCarouselInner {



	height:100%;



}



.lead-p {

    width: 85%;

}



.no-slider {

    height: 150px;

}



button.btn.btn-lg.slider-icon:hover {

    color: white;

    background: #00adef;

}



.slider-icon {

    margin-right: 10px;

    font-size: 16px;

}







h1.carousel-heading {

    text-shadow: 1px 1px 3px #000000bf;

    color: white;

    margin-bottom: 20px;

    line-height: 60px;

    width: 85%;

}



.bd-placeholder-img-mba {

    height: 500px;

}



.bd-placeholder-img-scp {

    background: linear-gradient(rgb(0 0 0 / 48%), rgb(0 0 0 / 64%)), url(Images/conference.jpg);

    height: 650px;

    background-position: center;

}







.carousel-inner {

    position: relative;

    width: 100%;

    overflow: hidden;

    display: block;

    margin-top: 80px;

    align-items: center;

    height: auto;

}



.bg-gsb-example {

    background-image: url(Images/example.PNG);

    border: none;

}

.img-place {

    background: red;

    height: 400px;

    width: 500px;

    float: right;

    z-index: 100;

}



nav.navbar.navbar-expand-md.navbar-light.fixed-top.bg-light-uct {

    background: white;

    box-shadow: 1px 1px 14px 0px #00000026;

    padding: 35px 150px;

}

h3.carousel-heading {

    background: #00adef;

    padding: 10px 20px;

    width: max-content;

    color: white;

}

h1.carousel-heading-v2 {

    color: white;

}

h3.carousel-heading2-v2 {

    color: #009FE3;

    font-size: 28px;

}

h3.carousel-heading2 {

    color: #00adef;

}

h3.carousel-heading-v2 {

    background: none;

    padding: 0px 0px;

    width: max-content;

    color: white;

}



p.headingtext {

    text-shadow: 1px 1px 9px #000000c4;

    width: 70%;

    padding: 10px 0px;

}



.carousel-heading3 {

    font-weight: 700;

    line-height: 1;

    letter-spacing: -.05rem;

    font-size: 16px;

    margin: 0px 0px 30px 0px;

    text-transform: uppercase;

}



.rounded-circle {

    border-radius: 50%!important;

    width: 100%;

}



h5.carousel-heading {

    background: #00adef;

    padding: 10px 20px;

    width: max-content;

    margin-bottom: 30px;

    line-height: 32px;

}



@media only screen and (min-width : 1200px) {



    .container { max-width: 1200px; }





}

@media only screen and (max-width : 1200px) {





  .carousel-inner.testimonial {

      height: 250px;

      margin-top: 30px;

      text-align: center;

  }

  ol.carousel-indicators.testimonial {

      justify-content: center;

      margin-right: 0%;

      margin-left: 0%;

  }







}



.carousel-control-next, .carousel-control-prev {

    position: absolute;

    top: 120px;

    bottom: 250px;

    z-index: 1;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 15%;

    color: #fff;

    text-align: center;

    opacity: .5;

    transition: opacity .15s ease;

}



a.btn.btn-lg.carousel-btn.primary {

    background: #00adef;

    color: #ffffff;

    padding: 15px 40px;

    font-weight: 600;

    width: auto;

    font-size: 13px;

    margin: 0px 20px 30px 0px;

    text-transform: uppercase;

    display: inline-flex;

    border-radius: 2px;

}



a.btn.btn-lg.carousel-btn.nav {

    background: #00adef;

    color: #ffffff;

    padding: 15px 15px;

    font-weight: 600;

    width: auto;

    float: left;

    font-size: 12px;

    margin: 20px 5px 0px 0px;

    text-transform: uppercase;

    display: inline-flex;

    border-radius: 2px;

}



a.btn.btn-lg.carousel-btn.nav:hover {

    text-decoration: none;

    box-shadow: 1px 1px 12px #00000047;

    background: #0d4672;

    color: #ffffff;

    transition: 0.3s;

}



a.btn.btn-lg.carousel-btn.primary:hover {

    text-decoration: none;

    box-shadow: 1px 1px 12px #00000047;

    background: #0d4672;

    color: #ffffff;

    transition: 0.3s;

}



a.btn.btn-lg.carousel-btn {

    background: #0d4672;

    color: #ffffff;

    padding: 15px 43px;

    font-weight: 600;

    font-size: 14px;

    margin: 0 20px 0px 0px;

    text-transform: uppercase;

    display: inline;

    border-radius: 2px;

}



a.btn.btn-lg.carousel-btn:hover {

        text-decoration: none;

    box-shadow: 1px 1px 12px #8888885e;

    background: #00adef;

    color: #ffffff;

    transition: 0.3s;

}



}





/* header */



.navbar-light .navbar-nav .nav-link {

    color: rgba(0,0,0,.5);

}









li.nav-item.search {

    color: #00adef;

    padding: 5px;

    font-size: 16px;

    line-height: 0px;

}



a.nav-link-menu {

    font-size: 14px;

    font-weight: 400;

    color: #909090;

    padding-right: .5rem;

    padding-left: .5rem;

}



a.Navitems:active {

    background: #009fe3;

    color: white;

}



ul.nav.navbar-nav.ml-auto {

    align-items: center;

}



a.nav-link-menu:hover {

    font-weight: 400;

    color: #00adef;

    padding-right: .5rem;

    padding-left: .5rem;

}



@media (max-width: 1450px)  {

.carousel-caption {

    position: initial;

    z-index: 10;

    padding-top: 100px;

    padding-bottom: 20px;

    color: #fff;

    width: 86%;

    margin: auto;

    text-align: left;

}

}



@media (max-width: 1300px){

.carousel-caption {

    position: initial;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    width: 95%;

    margin: auto;

    text-align: left;

}

}



@media (max-width: 520px) {



  .carousel-inner {

    position: relative;

    width: 100%;

    overflow: hidden;

    height: auto;

    display: flex;

    align-items: center;

        margin-top: 0px;

}



.carousel-indicators {

    position: absolute;

    right: 0;

    bottom: -50px;

    left: 0;

    z-index: 15;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center;

    padding-left: 0;

    margin-right: 15%;

    margin-left: 15%;

    list-style: none;

}

img.inpagenav {

    opacity: 0.8;

    height: 250px !important;

    width: 100%;

}







.overlayback {

    float: left;

    width: 45% !important;

    margin: 5px 5px;

    background: black;

    color: white;

  }



  .overlayback-wide {

    width: 94% !important;

    float: right;

    margin-right: 10px !important;

    color: white;

    margin-top: 7px;

}



.centered-home-wide {

    position: absolute;

    top: 78% !important;

    left: 12% !important;

}



h5.title-milestones {

    width: 100%;

    margin: auto;

    font-weight: 400;

    text-transform: none;

    margin-bottom: 40px;

    line-height: 34px;

    font-size: 16px;

}



  h5.navtext {

      text-align: left;

      font-size: 12px !important;

      width: 70%;

  }



  .centered-home2 {

    position: absolute;

    top: 10%;

    width: 42%;

    text-align: center;

    left: 12% !important;

    z-index: 99;

}



.centered-home4 {

    position: absolute;

    top: 45%;

    width: 42%;

    text-align: center;

    left: 12% !important;

}



a.btn.btn-lg.slider-icon {

    background: white;

    color: #0d4672;

    border-radius: 2px;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 12px;

    padding: 15px 15px;

    margin-top: 15px;

}





.carousel-item.testimonial.active {

    height: 300px !important;

    margin-top: 30px;

    text-align: center;

}

.carousel-item {

}

h3.carousel-heading {

    background: #00adef;

    padding: 10px 20px;

    width: 100%;

    color: white;

    margin: auto;

    font-size: 20px;

    line-height: 30px;

}

h5.carousel-heading {

    background: #00adef;

    padding: 10px 10px;

    width: 100%;

    line-height: 20px;

    font-size: 14px;

    margin-bottom: 15px;

    margin: 15px auto;

}



h1.carousel-heading {

    text-shadow: 1px 1px 3px #000000bf;

    color: white;

    margin-bottom: 20px;

    line-height: 60px;

    width: 100%;

}





}



a.postcat {

    line-height: 40px !important;

}



@media (max-width: 560px){

.overlayback {

    float: left;

    width: 48%;

    margin: 5px 5px;

    background: black;

    color: white;

}

}



@media (max-width: 991px) {



  section.blue-mode {

    padding: 50px 15px;

}

hr.post-divider {

    margin-top: 20px;

    margin-bottom: 20px;

}

img.img-fluid.blog {

    padding-bottom: 25px;

}

.postdetails {

    margin-bottom: 25px;

    margin-top: 5px;

}

section.white-mode {

  padding: 50px 15px;

}



section.grey-mode {

  padding: 50px 15px;

}



section.section-breadcrumbs {

  padding: 0px 15px;

margin-top: 80px;

margin-bottom: 0px;

}



a.nav-link-menu {

  font-weight: 500;

  font-size: 16px;

  padding-left: 0px;

}



.intro-course {

    margin-bottom: 50px;

    padding: 0px 0px 0px 0px;

}



span.metricitem {

    font-family: Montserrat;

    font-weight: 500;

    margin-left: 5px;

    margin-right: 5px;

}



i.programmesicon {

    color: #00adef;

    font-size: 16px;

}



.courseinfobox {

    box-shadow: 2px 8px 20px #9393938f;

    padding: 50px 50px;

    max-height: 900px;

    height: 100%;

    width: 100%;

    border-radius: 5px;

    margin-bottom: 15px;

}



p.lead-p {

    width: 100%;

}



.course-intro {

    padding-bottom: 0px;

}





p.headingtext {

    text-shadow: 1px 1px 9px #000000c4;

    width: 100%;

    font-size: 14px;

}



.carousel-caption {

    bottom: 1rem !important;

    text-align: center !important;

    z-index: 1;

}

h3.carousel-heading {

  background: #00adef;

  padding: 10px 20px;

  width: 100%;

  color: white;

  margin: auto;

  font-size: 14px;

  line-height: 24px;

}



.overlayback {

    float: left;

    width: 48%;

    margin: 5px 5px;

    background: black;

    color: white;

}



.centered-home2 {

    position: absolute;

    top: 10%;

    width: 42%;

    text-align: center;

    left: 8%;

    z-index: 99;

}

.centered-home1 {

    position: absolute;

    top: 10%;

    width: 42%;

    text-align: center;

    left: 56%;

    z-index: 99;

}

.centered-home4 {

    position: absolute;

    top: 45%;

    width: 42%;

    text-align: center;

    left: 8%;

}

.centered-home3 {

    position: absolute;

    top: 45%;

    left: 56%;

    width: 42%;

    z-index: 99;

    text-align: center;

}

.overlayback-wide {

    width: 98%;

    float: right;

    margin-right: 5px;

    color: white;

    margin-top: 7px;

}



h5.navtext {

    text-align: left;

    font-size: 18px;

    width: 70%;

}

.centered-home-wide {

    position: absolute;

    top: 82%;

    left: 8%;

}



h5.carousel-heading {

    background: #00adef;

    padding: 10px 10px;

    width: 100%;

    line-height: 20px;

    font-size: 12px;

    margin-bottom: 15px;

    margin: 15px auto;

}



h1.carousel-heading {

    text-shadow: 1px 1px 3px #000000bf;

    color: white;

    margin-bottom: 20px;

    line-height: 38px;

    font-size: 26px;

}



li.nav-item {

    margin: 5px 0px;

}



ul.nav.navbar-nav.ml-auto {

    margin-top: 10px;

    align-items: baseline;

}



a.nav-link-menu:hover {

    font-weight: 500;

    font-size: 16px;

}



}







@media (min-width: 768px)

.navbar-expand-md .navbar-nav .nav-link-menu  {

    padding-right: .5rem;

    padding-left: .5rem;

}



.cd-horizontal-timeline .events-content p {

    font-size: 1.4rem;

    color: #ffffff !important

}

.overlay button {

    float: left;

    width: 70% !important;

    padding: 15px;

    background: #009fe3;

    font-size: 17px;

    color: white;

    border: none;

    cursor: pointer;

}



.cd-horizontal-timeline .events-content p {

    font-size: 1.4rem;

    color: #ffffff;

}

.fixed-top.navbar.navbar-light.bg-light.navbar-expand-lg.main-header {

    background-color: white !important;

    box-shadow: 1px 1px 7px #00000047;

    z-index: 1000;

}



.overlay button {

    float: left;

    width: 53%;

    padding: 15px;

    background: #009fe3;

    font-size: 17px;

    color: white;

    border: none;

    cursor: pointer;

}



.search-form-wrapper {

    display: none;

    position: absolute;

    left: 0;

    right: 0;

    padding: 20px 15px;

    margin-top: 50px;

    background: url(/resources/images/misc/bg_search-open.png) right center no-repeat #f89d1c;

}

.search-form-wrapper.open {

    display: block;

}



.text-detail1 {

    padding-top: 15px;

}

.text-detail2 {

    padding-top: 15px;

    padding-bottom: 15px;

}



.card-body-course {

    padding: 1.25rem;

}



.coursedetails {

  width: 100%;

  padding: 50px 0;

  text-align: center;

  background-color: lightblue;

  margin-top: 20px;

  transition: 1s;

}



.course-img {

    height: 250px;

    background-size: cover !important;

    align-items: center !important;

    display: flex;

    background-position: top !important;

}



.card-body.courses {

    box-shadow: none;

}



.cta-box {

    padding-top: 30px;

    padding-bottom: 15px;

}

h3.mb-0.course-title {

    color: white;

    text-transform: none;

    font-weight: 600;

    padding-bottom: 20px;

}



.coursecard {

    box-shadow: 1px 1px 6px #00000078;

    background: white;

    color: grey;

}



#more {display: none;}







.centeredcourse {

    position: unset;

    font-size: 32px;

    color: white !important;

    text-align: center;

    width: 90%;

    margin: auto;

    text-transform: none;

}





.card-body-courseinfo {

    padding: 0px 20px;

    margin-bottom: 20px;

}



p.course-text {

    font-size: 14px;

    padding: 20px 0px 0px 0px;

    margin-bottom: 0;

}





.course-btn {

    text-align: left;

    padding: 0px 20px;

}



button#myBtn {

  margin: 10px 15px 10px 0px;

  background: #00adef;

  display: inline-flex;

  font-size: 12px;

  color: white;

  padding: 10px 20px;

  text-transform: uppercase;

  font-weight: 600;

}



a.primary-apply {

    margin: 10px 15px 10px 0px;

    background: #0d4672;

    display: inline-flex;

    font-size: 12px;

    color: white;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: 600;

}







a.primary-apply:hover {

    margin: 10px 15px 10px 0px;

    background: #00adef;

    display: inline-flex;

    font-size: 12px;

    color: white;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: 600;

}





a.primary-course:hover {

  margin: 10px 15px 10px 0px;

  background: #00adef;

  display: inline-flex;

  font-size: 12px;

  color: white;

  padding: 10px 20px;

  text-transform: uppercase;

  font-weight: 600;

}



.extradetails {

    padding-left: 20px;

    padding-top: 0px;

    padding-bottom: 20px;

}



button {

    background: none;

    border: none;

    margin: 0;

    padding: 0;

}

/* search

-------------------------------------------------- */



* {

  box-sizing: border-box;

}



.openBtn {

    background: #ffffff;

    border: none;

    padding: 0px 0px;

    font-size: 20px;

    cursor: pointer;

}



.openBtn:hover {

    color: #00adef;

}





.overlay {

    height: 100%;

    width: 100%;

    display: none;

    position: fixed;

    z-index: 38;

    top: 0;

    left: 0;

    background-color: rgb(0,0,0);

    background-color: rgba(0,0,0, 0.9);

}



.overlay-content {

  position: relative;

  top: 46%;

  width: 80%;

  text-align: center;

  margin-top: 30px;

  margin: auto;

}



.overlay .closebtn {

    position: absolute;

    top: 100px;

    right: 45px;

    font-size: 60px;

    cursor: pointer;

    color: white;

}



.overlay .closebtn:hover {

  color: #ccc;

}



.overlay input[type=text] {

  padding: 15px;

  font-size: 17px;

  border: none;

  float: left;

  width: 80%;

  background: white;

}



.overlay input[type=text]:hover {

  background: #f1f1f1;

}



.overlay button {

    float: left;

    width: 5%;

    padding: 15px;

    background: #009fe3;

    font-size: 17px;

    color: white;

    border: none;

    cursor: pointer;

}



.overlay button:hover {

    background: #0d4672;

}







i.open {

    color: white !important;

}



i.menu {

    font-size: 16px !important;

    color: #00adef;

}



button:focus {

    outline: 0px dotted;

    outline: 0px auto -webkit-focus-ring-color;

}

/* search

-------------------------------------------------- */



/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {

  margin-bottom: 1.5rem;

  text-align: center;

}

.marketing h2 {

  font-weight: 400;

}

.marketing .col-lg-4 p {

  margin-right: .75rem;

  margin-left: .75rem;

}





img.circle {

    margin-bottom: 20px;

}



/* Featurettes

------------------------- */



.featurette-divider {

  margin: 5rem 0; /* Space out the Bootstrap <hr> more */

}



/* Thin out the marketing headings */





/* Thin out the marketing headings */







/* RESPONSIVE CSS

-------------------------------------------------- */



@media (min-width: 40em){

.carousel-caption p {

    margin-bottom: 0px;

    font-size: 20px;

    line-height: 1.4;

}

}

  .featurette-heading {

    font-size: 50px;

  }

}



@media (min-width: 62em) {

  .featurette-heading {

    margin-top: 7rem;

  }

}







/* footer

-------------------------------------------------- */

footer.page-footer.dark {

    background: #232323;

    padding: 0px 0px 0px 0px;

}

p.copy.textcentre {

    margin: 0;

}



a.footerdetail {

    color: white;

    margin: 0px 5px;

    line-height: 35px;

}



.container-fluid.footer-second {

    background: #2F2F2F;

}



.container-fluid.copy {

    color: white;

    font-size: 12px;

    text-transform: uppercase;

    text-align: center;

    padding: 20px;

    background: black;

}



.seperator {

    height: 2px;

    background: #00adef;

    width: 70%;

    margin-bottom: 20px;

}

.seperator.footer {

    height: 2px;

    background: #00adef;

    width: 95%;

    margin-bottom: 20px;

}





.breadcrumb-item+.breadcrumb-item::before {

    display: inline-block;

    padding-right: .5rem;

    color: inherit;

    content: "\f105";

    font-family: 'Font Awesome 5 Pro';

    line-height: 22px;

}







h5.footer-title {

  font-size: 18px;

    margin-top: 20px;

    text-transform: capitalize;

    color:white;

    margin-bottom: 10px;

    font-weight: 600;

}



h5.footer-no-transform {

	text-transform: none !important;

}



p.nav-copy {

    color: #dadada;

    font-size: 14px;

    font-weight: 500;

    width: 85%;

}

.container.footer-wide {

    max-width: 1500px !important;

    padding: 75px 25px;

}



.container.footer-second {

    max-width: 1500px !important;

    padding: 20px 25px;

}



h3.icontext {

    text-transform: none;

    font-size: 18px;

    font-weight: 400;

}



.middlepicture {

	    margin: auto;

	}

  ul.icontext {

    list-style: none;

    padding: 0;

  }

  li.icontext {

    padding-left: 1.3em;

  }

li.icontext:before {

    content: "\f00c";

    font-family: FontAwesome;

    display: inline-block;

    margin-left: -1.3em;

    width: 1.3em;

    color: #00adef;

}



section.second-footer {

    padding: 0px;

    background: #2d2d2d;

}

a.footerlinks {

    color: #00adef;

    font-size: 14px;

}



strong.white-mode {

    font-weight: bolder;

    color: #8a888d;

}



strong.blue-mode {

    font-weight: bolder;

    color: #ffffff;

}



.socialbox {

    float: right;

}



.socialbox {

    float: right;

    margin-top: 19px;



}



a.footerlinks:hover {

    color: #00adef;

    opacity: 0.5;

}



a.stickybtn {

    background: white;

    padding: 10px 10px;

    font-size: 10px;

    font-weight: 600;

}



select.searchBar {

    word-wrap: normal;

    float: left;

    height: 55px;

    border-left: 1px solid #dddddd !important;

    background: white;

    border: 0;

    padding-left: 10px;

}



.blackTable table {

  border-collapse: collapse;

  width: 100%;

}



.blackTable table, .blackTable th, .blackTable td {

  border: 1px solid black;

  padding: 5px;

}



@media (pointer: coarse) and (hover: none)

.videocontainer {

    background: url(https://www.gsb.uct.ac.za/media/gsb-side-mobile.jpg) black no-repeat center center scroll;

    background-size: cover;

}
.compare {
    padding: 25px;
    width: 100% !important;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    top: 440px;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.card.cta.box {
    padding: 20px;
}

.end-cta {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    display: flex;
    background: #00adef;
    border-radius: 1px;
    justify-content: center;
    height: 50px;
    padding: 10px;
    text-transform: uppercase;
    align-items: center;
    cursor: pointer;
    margin-top: 15px;
}
.end-cta:hover {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    display: flex;
    background: #0d4672;
    border-radius: 1px;
    justify-content: center;
    height: 50px;
    padding: 10px;
    text-transform: uppercase;
    align-items: center;
    cursor: pointer;
    margin-top: 15px;
}

.end-cta1 {
    color: #8a888d;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    display: flex;
    background: #ff000000;
    border-radius: 1px;
    justify-content: center;
    border: 2px solid #8a888d;
    height: 50px;
    padding: 10px;
    text-transform: uppercase;
    align-items: center;
    cursor: pointer;
    margin-top: 15px;
}
.end-cta1:hover {
    color: white;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    display: flex;
    background: #8a888d;
    border-radius: 1px;
    justify-content: center;
    border: 2px solid #8a888d;
    height: 50px;
    padding: 10px;
    text-transform: uppercase;
    align-items: center;
    cursor: pointer;
    margin-top: 15px;
}

.slick-slide {
margin: 0px 20px;
}

.logo-carousel {
overflow: inherit;

}

.faculty-course {
    display: inline;
}
.slick-arrow {
    position: absolute;
    top: 50%;
    background: url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat;
    color: #fff;
    filter: invert(77%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%);
    border: none;
    width: 2rem;
    height: 1.5rem;
    text-indent: -10000px;
    margin-top: -16px;
    z-index: 99;
}

.slick-arrow.slick-next {
    right: -40px;
    transform: rotate(180deg);
}

.slick-arrow.slick-prev {
    left: -40px;
}