p, h, ul, ol, td{
  color: #undefined;
}
#zone-branding-wrapper, .views-slideshow-pager-field-item.active{
  background-color: #bc2d2a;
}
.news-archives, .pager li{
  background-color: #undefined;
}
#views_slideshow_cycle_teaser_section_dynamic_feature-block_1{
  background-color: #undefined;
}
.custom-region-top, #block-uct-domain-menu-tools-uct-quicklinks-menu .block-title, .block-uct-domain-menu-tools-uct-quicklinks-menu .block-title{
  background-color: #undefined;
}
#block-uct-domain-menu-tools-uct-sidebar-menu, #block-uct-domain-menu-tools-uct-sidebar-menu-header{
  background-color: #undefined;
}
#zone-menu-wrapper, .region-menu, #zone-footer-wrapper, #block-system-main .ui-widget ul.ui-tabs-nav li.ui-state-default{
  background-color: #58595b;
}
#zone-postscript-wrapper{
  background-color: #919296;
}
#main-menu ul li a{
  color: #818286;
}
#footer_quicklinks-menu ul li a, #block-uct-domain-menu-tools-uct-footer-menu .footer-menu-block ul.wrapper-1 li a{
  color: #ffffff;
}
a:link, a:visited{
  color: #undefined;
}
a:hover{
  color: #undefined;
}
#main-menu li {
  padding-right: 20px;
  padding-left: 20px;
}
body {
    font-size: 14px;
    line-height: 1.5;
    color: #808082;
}

hr {
    height: 1px;
    border: none;
    color: #d3d3d3;
    background-color: #d3d3d3;
}

a:link,
a:visited {
    color: #a00404;
}

.btm-margin {
    margin-bottom: 30px !important;
}

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

.top-border {
    border-top: 1px solid #d3d3d3;
}

.btm-border {
    border-bottom: 1px solid #d3d3d3;
}

.social-icon-box {
    width: 600px;
    margin-bottom: 10px;
}

.field.field-name-title.field-type-ds.field-label-hidden h1 {
    display: none;
}

#node-critical-page-full-group-content-wrapper .field.field-name-field-title-domain.field-type-domain-text.field-label-hidden h2 {
    display: none;
}

.field.field-name-title.field-type-ds.field-label-hidden h2 {
    color: #a00404 !important;
    font-size: 22px;
}

.btm-heading {
    margin-top: 50px;
    margin-bottom: 10px;
}

#zone-menu-wrapper,
.region-menu {
    background: white;
}

#block-uct-domain-menu-tools-uct-main-menu ul.wrapper-1>li>a {
    color: black
}

#block-uct-domain-menu-tools-uct-main-menu ul.wrapper-1>li:hover {
    background: #bc2d2a;
}

#block-uct-domain-menu-tools-uct-main-menu ul.wrapper-2>li>a:hover {
    color: #bc2d2a;
}

#block-uct-domain-menu-tools-uct-main-menu ul.wrapper-1>li>a:hover {
    color: white;
}


/* Remove Quicklinks */

#block-views-190b8dfa3f50a0a03c8377052c219cd7,
#block-uct-domain-menu-tools-uct-quicklinks-menu,
#block-uct-domain-menu-tools-uct-footer-quicklinks h2 {
    display: none;
    height: 0px;
}


/*HOME PAGE*/

.heading {
    color: #58595B;
    font-size: 18px;
    font-weight: bold;
}

.home-videos {
    margin-top: 20px;
}

#home-video-1 {
    height: 100%;
    padding: 10px;
}

.play-button1 {
    position: absolute;
    z-index: 1;
    top: 40%;
    text-align: center;
    width: 100%;
}

.header-image {
    position: relative;
    background: url('/sites/default/files/image_tool/images/465/home_header_image_v2.jpg') no-repeat;
    background-size: cover;
    height: 692px;
    width: 100%;
    margin-top: -20px;
}

.welcome1 {
    width: 100%;
    text-align: center;
}

.schoolofthought {
    width: 100%;
    text-align: center;
}

.schoolofthought h1 {
    color: #BC2D2A !important;
    margin: 40px 0px 30px 0px !important;
    text-align: center !important;
}

.schoolofthought>p {
    line-height: 1 !important;
    padding: 0px;
    margin: 30px;
}

.dschool-logo {
    float: left;
    text-align: center;
    width: 40%;
}

.dschool-logo img {
    width: 80%;
}

.home-blob {
    width: 60%;
    float: left;
    text-align: left;
}

.clear {
    clear: both !important;
}

.box-container {
    overflow: hidden;
    margin-bottom: 30px;
}

.home-boxes {
    width: 100%;
    text-align: justify;
}

.box-1,
.box-2,
.box-3,
.box-4,
.box-5 {
    color: #FFF;
    width: 220px;
    height: 220px;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    margin: 5px;
    text-align: left;
}

.box-1 {
    background: #CC3333;
}

.box-2 {
    background: #009999;
}

.box-3 {
    background: #FFCC33;
}

.box-4 {
    background: #999999;
}

.box-5 {
    background: #31A449;
}

.box-level1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1 !important;
    margin-top: 5px;
}

.box-level2 {
    font-size: 18px;
    line-height: 1.2 !important;
    margin-bottom: 0px;
}

.box-container2 {
    margin-bottom: 40px;
}

.box-container2 .box-level2 {
    font-size: 16px;
}

.box-level3 {
    font-size: 12px;
    line-height: 1 !important;
    font-weight: bold;
    padding-bottom: 10px;
}

.box-1 a,
.box-2 a,
.box-3 a,
.box-4 a,
.box-5 a {
    width: inherit;
    border: 1px solid #FFF;
    padding: 8px;
    font-size: 15px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.clear {
    clear: left
}

.videos-1 {
    width: 40%;
    float: left;
}

.videos-1 h2 {
    text-align: left;
    margin-bottom: 20px !important;
    line-height: 1.5;
}

.play1 {
    height: 60px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
}

.play1 a {
    font-size: 12px !important;
    color: #808082;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    height: 50px;
    background: url('/sites/default/files/image_tool/images/465/home/play_button_red.jpg') no-repeat;
    padding: 0px 0px 0px 70px;
}

.videos-2 {
    width: 55%;
    float: right;
}

.play-button2 {
    width: 71px;
    margin: auto;
    position: absolute;
    z-index: 1;
    right: 286px;
    top: 155px
}

.videos-container {
    position: relative;
    /*position: absolute;*/
}

.play-button {
    float: left;
    margin-right: 40px;
}

.play-text {
    width: 350px;
    padding-top: 4px;
}

.clear {
    clear: both;
    height: 0px;
}

.home-social-media {
    float: right;
    clear: both;
    margin: 20px 0px 0px 0px;
}


/* WHAT IS DESIGN THINKING */

.design-block1,
.design-block2,
.design-block3,
.design-block4,
.design-block5 {
    width: 100%;
    margin-top: 30px;
}

.design-block6-1 {
    background: #00B0B0;
    padding: 60px 40px;
    text-align: center;
}

.design-block6-1 a {
    width: inherit;
    border: 1px solid #FFF;
    padding: 8px 20px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px;
    font-size: 15px;
}

.design-image1,
.design-image2,
.design-image3,
.design-image4 {
    width: 25%;
    float: left;
}

.design-text1,
.design-text2,
.design-text3,
.design-text4 {
    width: 70%;
    float: right;
}

.design-text5 {
    width: 40%;
    float: left;
}

.design-image5 {
    width: 60%;
    float: right;
}

.clear {
    clear: both;
}


/*EDUCATION PROGRAMMES*/

.foundation-block {
    padding: 30px;
    background: #FFC726;
    margin-bottom: 20px;
    float: left;
    width: 30%;
    line-height: 2;
}

.right-arrows {
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    color: #FFF;
}

.foundation-block a {
    padding: 2px;
    font-weight: bold;
    border: 1px solid #4e4e4f;
    text-decoration: none;
    color: #4e4e4f;
    width: 160px;
    text-align: center;
    float: left;
    margin-top: 20px;
    font-size: 15px;
}

.education-text {
    width: 62%;
    float: right;
}

.education-block {
    /*margin-top: 20px;*/
    padding-top: 30px;
}

.education-block1 p,
.adv-prog-text p {
    margin: 0px;
    margin-left: 20px;
}

.education-block1 {
    width: 100%;
    /*float: left;*/
}

.education-block2 {
    width: 100%;
    /* float: right;*/
}

.edu-vid-block {
    display: inline-block;
    width: 530px;
    /*padding: 20px 30px;*/
    background: url(/sites/default/files/image_tool/images/465/Education-Programmes/video_screen_simeon_200%25.jpg) no-repeat;
    background-size: contain;
    height: 300px;
    margin-bottom: 30px;
    cursor: pointer;
}

.edu-vid-block .videos-container iframe.embedvideo {
    min-height: 300px;
}

.programme-text {
    float: right;
    width: 47%;
}

.education-block3 {
    margin-top: 10px;
}

.education-block4 {
    margin-top: 10px;
    padding-top: 30px;
    margin-bottom: 30px;
}

.adv-prog-block {
    padding: 30px;
    background: #00B0B0;
    margin-bottom: 20px;
    float: left;
    width: 30%;
    line-height: 2;
}

.adv-prog-block a {
    padding: 2px;
    font-weight: bold;
    border: 1px solid #383838;
    text-decoration: none;
    color: #383838;
    width: 160px;
    text-align: center;
    float: left;
    font-size: 15px;
    margin-top: 20px;
}

.adv-prog-text {
    width: 62%;
    float: right;
}

.pro-programs {
    background: #31A449;
    padding: 30px;
    margin-bottom: 20px;
    float: left;
    min-height: 300px;
    width: 30%;
    line-height: 2;
}

.pro-programs a {
    padding: 2px;
    font-weight: bold;
    border: 1px solid #383838;
    text-decoration: none;
    color: #383838;
    width: 160px;
    text-align: center;
    float: left;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 20px;
}

.other-programs {
    float: right;
    width: 62%;
}

.other-programs ul li {
    line-height: 2;
}

.open-progs {
    border: 1px solid #00B0B0;
    padding: 30px;
    line-height: 2;
}

.open-progs a {
    padding: 2px;
    font-weight: bold;
    border: 1px solid #00B0B0;
    text-decoration: none;
    color: #00B0B0;
    width: 160px;
    text-align: center;
    float: right;
    font-size: 15px;
    text-transform: uppercase;
}

.custom-progs {
    margin-top: 20px;
    background: #31A449;
    color: #FFF;
    padding: 30px;
    line-height: 2;
}

.custom-progs div h3 {
    color: #4e4e4f;
}

.custom-progs a {
    padding: 2px;
    font-weight: bold;
    border: 1px solid #FFF;
    text-decoration: none;
    color: #FFF;
    width: 160px;
    text-align: center;
    float: right;
    font-size: 15px;
    text-transform: uppercase;
}

.edu-coaches-block {
    padding: 10px 30px 30px 30px;
    background: #212B56;
    margin-bottom: 30px;
    color: #FFF;
    float: left;
    width: 30%;
    line-height: 2;
}

.edu-coaches-block a {
    padding: 2px;
    font-weight: bold;
    border: 1px solid #FFF;
    text-decoration: none;
    color: #FFF;
    width: 160px;
    text-align: center;
    float: left;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 20px;
}

.edu-coaches-gal {
    /*float: right;
    width: 47%;*/
    width: 100%;
}

.edu-coaches-gal .studio-pix {
    margin-top: 10px;
    padding-top: 0px;
}

.education-block .coaching-content {
    margin-top: 0px;
}

.education-play-button {
    position: absolute;
    z-index: 1;
    top: 100px;
    left: 250px;
}

.test-this {
    margin: auto;
    margin-bottom: 20px !important;
}

.education-block6-1 {
    float: left;
}

.education-block6-2 {
    float: right;
}

.education-block7 {
    padding: 30px 0px 30px 0px;
}


/* RESOURCES */

.resource-block1 {
    margin-bottom: 40px;
}

.resource-block3 {
    margin-bottom: 80px;
    padding-top: 30px;
}

.resource-block4 {
    margin-bottom: 60px;
}

.resource-block5 {
    margin-bottom: 50px;
    padding-top: 30px;
}

.resource-block {
    margin-bottom: 60px;
}

.resource-block1-1 {
    width: 70%;
    float: left;
    margin-bottom: 30px;
}

.resource-block1-2 {
    width: 26%;
    float: right
}

.resource-block2-1,
.resource-block2-2,
.resource-block2-3,
.resource-block2-4 {
    width: 255px;
    height: 100%;
    position: relative;
    margin-right: 20px;
    color: white;
}

.resource-block2-1 {
    background: #00B0B0;
    float: left;
}

.resource-block2-2 {
    background: #FFC726;
    float: left
}

.resource-block2-3 {
    background: #31A449;
    float: left
}

.resource-block2-4 {
    background: #BC2D2a;
    float: left
}

.resource-block3-1,
.resource-block4-1,
.resource-block5-1 {
    float: left;
    width: 15%;
    margin-right: 30px;
}

.resource-block3-2,
.resource-block4-2,
.resource-block5-2 {
    float: left;
    width: 70%;
}


/*ABOUT US */

.about-nav {
    display: none;
}

.container h1 {
    font-size: 7em;
    color: #DDD;
    text-transform: uppercase;
    margin: 0px 0px 0px -6px;
    display: block !important;
    font-weight: bold;
    text-align: left;
    line-height: 1;
}

.container h2 {
    font-size: 22px;
    font-weight: bold;
    color: #383838;
    margin: 0px 0px 10px 0px;
    display: block !important;
    line-height: 1.5;
}

.container h3 {
    font-size: 22px;
    color: #747474;
    font-weight: normal;
    display: block !important;
    text-align: left;
    line-height: 1.5;
}

.container h4 {
    font-size: 18px;
}

.left {
    float: left;
    height: 250px;
}

.right {
    float: right;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    background: #FFF;
}

.container-content {
    max-width: 100%;
    padding: 10px;
    background: #FFF;
}

.header-img {
    max-width: 100%;
    height: 350px;
    margin-top: -20px;
    margin-bottom: 30px;
}

.research {
    background: url('/sites/default/files/image_tool/images/465/Research/option_header_200%25.jpg') no-repeat;
    background-size: cover;
}

.design-thinking {
    background: url('/sites/default/files/image_tool/images/465/Design-thinking/design_thinking_header.jpg') no-repeat;
    background-size: cover;
}

.education-programmes {
    background: url('/sites/default/files/image_tool/images/465/Education-Programmes/education_header_200_v2.jpg') no-repeat;
    background-size: cover;
}

.gallery {
    background: url('/sites/default/files/image_tool/images/465/Gallery/gallery_header_200%25.jpg') no-repeat;
    background-size: cover;
}

.resources {
    background: url('/sites/default/files/image_tool/images/465/Resources/resources_header_200%25.jpg') no-repeat;
    background-size: cover;
}

.news {
    background: url('/sites/default/files/image_tool/images/465/News/news_events_header.jpg') no-repeat;
    background-size: cover;
}

.stories {
    background: url('/sites/default/files/image_tool/images/465/News/d_stories_header.jpg') no-repeat;
    background-size: cover;
}

.team {
    background: url('/sites/default/files/image_tool/images/465/About/About_1_header_200%25.jpg') no-repeat;
    background-size: cover;
}

.africa {
    background: url('/sites/default/files/image_tool/images/465/About/About_2_header_200%25.jpg') no-repeat;
    background-size: cover;
}

.atuct {
    background: url('/sites/default/files/image_tool/images/465/About/About_3_header_200%25.jpg') no-repeat;
    background-size: cover;
}

.partners {
    background: url('/sites/default/files/image_tool/images/465/About/project_partners.jpg') no-repeat;
    background-size: cover;
}

.contact {
    background: url('/sites/default/files/image_tool/images/465/contact/contact_us_header.jpg') no-repeat;
    background-size: cover;
}

.partners-video {
    width: 600px;
}

.partners-video .videos-container .embedvideo {
    min-height: 370px;
    max-height: 370px;
}

.videos-container img {
    width: 100%;
    height: auto;
}

a.vidlink {
    float: left;
    position: relative;
}

a.vidlink span {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url('/sites/default/files/image_tool/images/465/home/play_button_home_200%25.png') no-repeat;
    background-position: 50% 50%;
    background-size: 10%;
}

.header-img img {
    max-width: 100%;
}

.header-img .txt1 {
    float: left;
    color: #FFF;
    font-weight: bold;
    font-size: 2em;
    margin: 40px 50px 10px 100px;
    width: 160px;
    line-height: 1;
}

.header-img .txt2 {
    float: left;
    color: #FFF;
    font-weight: bold;
    font-size: 6em;
    margin-top: 30px;
    width: auto;
    line-height: 1;
    text-transform: uppercase;
}

.side-menu {
    height: 270px;
    width: 300px;
    background: url('/sites/default/files/image_tool/images/465/About/side-menu.png') no-repeat;
    background-position: bottom left;
    margin-right: -10px;
}

.side-menu p {
    line-height: 1.4em !important;
}

.side-menu-content {
    padding-top: 10px;
    padding-left: 50px;
    padding-bottom: 10px;
    padding-right: 30px;
}

ul.side-menu-list {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.side-menu-list li a {
    text-decoration: none;
    color: #999;
    padding: 10.5px 11px;
    display: block;
    border-bottom: 1px solid #999;
}

.side-menu-list li a.first {
    border-top: 1px solid #999;
}

.side-menu-list li a.active {
    color: #333;
    padding-left: 0px !important;
    border-bottom: 1px solid #333;
    font-weight: bold;
}

.first.active {
    border-top: 1px solid #333 !important;
}

.creative-minds {
    background: #e4e5e7;
    padding: 40px;
    color: #7f7f81;
    margin-top: 20px;
    margin-right: -10px;
}

.creative-minds .heading {
    font-size: 18pt;
    font-weight: normal;
    text-align: center;
    padding: 8px;
    display: block;
    width: 50%;
    background-color: #e4e5e7;
    z-index: 20;
    position: relative;
    margin: 0 auto;
}

.creative-minds .heading b {
    background: #FFF;
    padding: 5px;
}

.creative-minds hr {
    height: 4px;
    background: #FFF;
    border: none;
    margin-top: -25px;
    z-index: 10;
}

.managers {
    display: table;
    margin-top: 30px;
    width: 100%
}

.manager {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-right: 4px solid #FFF;
    color: #7f7f81;
    text-decoration: none;
    font-size: 11px;
    width: 200px;
}

.manager-name {
    display: block;
    position: relative;
    text-indent: 30px;
    font-size: 16px;
    padding: 5px 0 0 0;
    height: 20px;
}

.manager-pos {
    display: block;
    font-size: 11px;
    font-weight: bold;
    text-indent: 30px;
}

.manager img {
    margin-bottom: 10px;
    display: block;
    margin: 0 auto;
}

a.manager.last {
    border: none !important;
}

.steering-committee {
    margin-top: 50px;
}

.navigators {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    margin-top: 30px;
    width: 100%;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    background: #FFF;
    padding: 40px 0px 30px 0px;
}

.navigator1,
.navigator2,
.navigator3,
.navigator4,
.navigator5 {
    width: 150px;
    height: 180px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #FFF;
    padding: 50px 10px 0px 10px;
    background: #9c9c9c;
    text-align: left;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.heading.full-width {
    width: 80%;
}

.coaches {
    margin-top: 50px;
}

.gamechangers {
    margin-top: 50px;
    clear: both;
}

.graduates {
    text-align: justify;
    width: 100%;
    background: #FFF;
    /*padding: 0px 0px 30px 0px;*/
    line-height: 1;
}

.graduates img {
    margin-bottom: 10px;
}

.graduate1,
.graduate2,
.graduate3,
.graduate4 {
    /*width: 200px;*/
    height: 260px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #7f7f7f;
    padding: 30px 10px 0px 10px;
    text-align: left;
    text-decoration: none;
}

.grad-name {
    display: block;
    color: #7f7f81;
    text-decoration: none !important;
    text-align: left;
}

.grad-degrees {
    text-transform: uppercase;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

.coaching {
    margin-top: 30px;
}

.clear {
    clear: both;
}

.coaching-content {
    background: #fec726;
    color: #FFF;
    padding: 60px 40px;
    text-align: center;
    margin-top: 20px;
}

.coaching-content a {
    width: inherit;
    border: 1px solid #FFF;
    padding: 8px 20px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px;
    font-size: 15px;
}

.coaching-content a.dark {
    border: 1px solid #333 !important;
    color: #333 !important;
}

.map {
    background: url('/sites/default/files/image_tool/images/465/About/world_map_200%25.jpg') no-repeat;
    background-size: 735px 375px;
    min-height: 550px;
    min-width: 70%;
    overflow: visible;
    background-position-x: 20px;
    background-position-y: 150px;
}

.map-details {
    width: 70%;
    line-height: 1.5;
    margin-bottom: 60px;
}

.content-block {
    /*border-top: 1px solid #666;*/
    padding-top: 20px;
    /*margin-top: 20px;*/
    margin-bottom: 10px;
}

.content-block2 {
    border-top: 1px solid #666;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-top: 20px;
}

.content-block li {
    margin-bottom: 20px;
}

.no-top-padding {
    padding-top: 0px !important;
}

.uct {
    max-height: 400px;
    max-width: 70%;
    min-height: 400px !important;
}

.proj {
    max-width: 70%;
    min-height: 430px;
}

.contact-intro {
    min-height: 300px !important;
    max-width: 70%;
}

.studio-pix {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    margin-top: 30px;
    width: 100%;
    background: #FFF;
    padding: 20px 0px 0px 0px;
}

.studiopic {
    width: 240px;
    height: 240px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    color: #FFF;
    padding: 0px 10px 0px 10px;
    background: #9c9c9c;
    text-align: left;
    margin-bottom: 10px;
}

.pic1 {
    background: url('/sites/default/files/image_tool/images/465/About/square_1_200%25.jpg') no-repeat;
    background-size: contain;
}

.pic2 {
    background: url('/sites/default/files/image_tool/images/465/About/square_2_200%25.jpg') no-repeat;
    background-size: contain;
}

.pic3 {
    background: url('/sites/default/files/image_tool/images/465/About/square_3_200%25.jpg') no-repeat;
    background-size: contain;
}

.pic4 {
    background: url('/sites/default/files/image_tool/images/465/About/square_4_200%25.jpg') no-repeat;
    background-size: contain;
}

.pic5 {
    background: url('/sites/default/files/image_tool/images/465/About/square_5_200%25.jpg') no-repeat;
    background-size: contain;
}

.pic6 {
    background: url('/sites/default/files/image_tool/images/465/About/square_6_200%25.jpg') no-repeat;
    background-size: contain;
}

.edupic1 {
    background: url('/sites/default/files/image_tool/images/465/Education-Programmes/square_9_200%25.jpg') no-repeat;
    background-size: contain;
    padding: 0;
}

.edupic2 {
    background: #FFC726;
    color: #FFF;
    width: 200px !important;
    height: 200px !important;
    padding: 20px;
}

.edupic3 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_14_200%25.jpg') no-repeat;
    background-size: contain;
    padding: 0;
}

.edupic4 {
    background: #B9BBBD;
    color: #FFF;
    width: 200px !important;
    height: 200px !important;
    padding: 20px;
}

.edupic5 {
    background: url('/sites/default/files/image_tool/images/465/Education-Programmes/square_10_200%25.jpg') no-repeat;
    background-size: contain;
}

.edupic6 {
    background: #212B56;
    color: #FFF;
    width: 200px !important;
    height: 200px !important;
    padding: 20px;
    margin: 0 15px 0 0;
}

.postit-text {
    padding: 20px 10px 10px 10px;
    font-size: 22px;
    line-height: 1.5;
    display: block;
}

.postit-space {
    height: 30px;
    display: block;
}

.postit-link {
    /*text-align: center;*/
    padding: 20px 10px;
    display: block;
}

.postit-year {
    display: block;
    padding: 0 0 0 10px;
    font-size: small;
    font-weight: bold;
}

.gal-link {
    background: #a00404;
    color: #FFF;
    width: 200px !important;
    height: 200px !important;
    padding: 20px !important;
}

a.studiopic.gal-link,
a.studiopic.gal-coach,
a.studiopic.gal-proto,
a.studiopic.gal-procourse,
a.studiopic.gal-found1,
a.studiopic.gal-found2,
a.studiopic.edupic4,
a.studiopic.edupic6,
a.studiopic.edupic2 {
    width: inherit;
    text-decoration: none;
    color: #FFF;
}

.gal-link .border,
.gal-proto .border,
.gal-found1 .border,
.gal-found2 .border,
.gal-procourse .border,
.gal-coach .border,
.edupic2 .border,
.edupic4 .border,
.edupic6 .border {
    width: inherit;
    border: 1px solid #FFF;
    padding: 8px 20px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

.focus {
    margin-top: 50px;
}

.drive {
    margin-top: 50px;
}

.journey {
    margin-top: 50px;
}


/*GALLERY*/

.gallery-block {
    width: 100%;
}

.gallery-left {
    width: 70%;
}

.gallery-right {
    width: 70%;
    float: right;
}

.gallery-full {
    width: 100%;
}

.gallery-left .studio-pix .studiopic,
.gallery-right .studio-pix .studiopic {
    padding: 0px;
}

.galpic1 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_17_200%25.jpg') no-repeat;
    background-size: contain;
}

.galpic2 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_18_200%25.jpg') no-repeat;
    background-size: contain;
}

.galpic3 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_19_200%25.jpg') no-repeat;
    background-size: contain;
}

.galpic4 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_20_200%25.jpg') no-repeat;
    background-size: contain;
}

.galpic5 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_21_200%25.jpg') no-repeat;
    background-size: contain;
}

.galpic6 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_14_200%25.jpg') no-repeat;
    background-size: contain;
}

.galpic7 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_15_200%25.jpg') no-repeat;
    background-size: contain;
}

.galpic8 {
    background: url('/sites/default/files/image_tool/images/465/Education-Programmes/square_new_200%25.jpg') no-repeat;
    background-size: contain;
}

.galpic9 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_12_200%25.jpg') no-repeat;
    background-size: contain;
}

.galpic10 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_13_200%25.jpg') no-repeat;
    background-size: contain;
}

.galpic11 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_22_200%25.jpg') no-repeat;
    background-size: contain;
}

.galpic12 {
    background: url('/sites/default/files/image_tool/images/465/Gallery/square_23_200%25.jpg') no-repeat;
    background-size: contain;
}

.gal-procourse {
    background: #31A449;
    color: #FFF;
    width: 200px !important;
    height: 200px !important;
    padding: 20px !important;
}

.gal-found1 {
    background: #FFC726;
    color: #FFF;
    width: 200px !important;
    height: 200px !important;
    padding: 20px !important;
}

.gal-found2 {
    background: #A4A6A9;
    color: #FFF;
    width: 200px !important;
    height: 200px !important;
    padding: 20px !important;
}

.gal-coach {
    background: #212B56;
    color: #FFF;
    width: 200px !important;
    height: 200px !important;
    padding: 20px !important;
}

.gal-proto {
    background: #a00404;
    color: #FFF;
    width: 200px !important;
    height: 200px !important;
    padding: 20px !important;
}

.gal-proto a,
.gal-found1 a,
.gal-found2 a,
.gal-procourse a {
    width: inherit;
    border: 1px solid #FFF;
    padding: 8px 20px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}


/* For staff popups */

#outerImageContainer {
    width: 60% !important;
}

#modalContainer {
    width: 100% !important;
}

#imageDataContainer {
    width: 60% !important;
}

#bottomNav {
    width: 100% !important;
}

#imageDetails {
    display: none;
}

#lightbox2-overlay {
    position: fixed !important;
}

#imageData #bottomNav #frameHoverNav {
    margin-bottom: 20px;
}

#home-video-1 {
    display: none;
}

#Richard {
    display: none;
    padding: 40px 20px;
}

#Robert {
    display: none;
    padding: 40px 20px;
}

#Rael {
    display: none;
    padding: 40px 20px;
}

#Keneilwe {
    display: none;
    padding: 40px 20px;
}

#lightbox #Rael,
#lightbox #Richard,
#lightbox #Robert,
#lightbox #Keneilwe,
#lightbox #home-video-1 {
    display: block;
}

.photo {
    float: left;
    padding: 20px;
    width: 250px;
    height: 300px;
}

.bio {
    float: left;
    padding: 0px 20px 0px 40px;
    text-align: left;
    width: 50%;
}

.bio h3 {
    font-size: 16pt;
    color: #747474;
    font-weight: normal;
    line-height: 24pt;
    margin: 0px;
}

.bio hr {
    height: 2px;
}

.biotext {
    font-size: 12pt;
    line-height: 18pt;
}

.rich {
    background: url('/sites/default/files/image_tool/images/465/About/richard_200%25.jpg') no-repeat;
}

.robrt {
    background: url('/sites/default/files/image_tool/images/465/About/robert_200%25.jpg') no-repeat;
}

.rael {
    background: url('/sites/default/files/image_tool/images/465/About/rael_200%25.jpg') no-repeat;
}

.ken {
    background: url('/sites/default/files/image_tool/images/465/About/keneilwe_200%25.jpg') no-repeat;
}

.red {
    color: #a00404 !important;
}

.webfrm {
    width: 60%;
    padding: 10px 20px;
    background: #E3E3E3;
}

.webfrm input[type="submit"] {
    border-radius: 0px !important;
    background-color: #E3E3E3 !important;
    border: 1px solid rgb(6, 165, 14);
    text-transform: uppercase !important;
    color: rgb(6, 165, 14) !important;
    font-weight: bold;
}

#select-programme {
    background: #FFF;
}


/* FOOTER */

div.rw-col.rw-col-fea-12.rw-col-des-3 {
    width: 350px !important;
}

#zone-postscript-wrapper {
    color: #FFF;
}

#zone-postscript-wrapper a {
    color: #FFF;
    text-decoration: none;
}

#zone-postscript-wrapper p {
    line-height: 1.5 !important;
}

.embedvideo {
    width: 100%;
    min-height: 375px;
}


/* RESPONSIVE */

@media only screen and (max-width: 480px) {
    .txt2.responsive {
        font-size: 3em !important;
    }
    ul {
        width: 100% !important;
    }
    .manager {
        display: block !important;
        float: none !important;
        vertical-align: middle;
        text-align: center;
        padding: 10px;
        border: 0px !important;
        color: #7f7f81;
        text-decoration: none;
        font-size: small;
        max-width: 160px;
        min-height: 200px;
        margin: 0 auto;
    }
    .navigator1,
    .navigator2,
    .navigator3,
    .navigator4,
    .navigator5 {
        width: 42%;
    }
    .about-nav {
        display: block;
        width: 100%;
        margin: 5px 0px 20px 0px;
    }
    .about-nav select {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 800px) {
    .txt2.responsive {
        font-size: 3em !important;
    }
    ul {
        width: 100% !important;
    }
    #outerImageContainer {
        width: 90% !important;
    }
    #imageDataContainer {
        width: 90% !important;
    }
    .container {
        width: 100%;
        margin-top: -20px;
    }
    .container h1 {
        font-size: 4em;
        font-size: 10vw;
        text-align: left;
        color: #DDD;
        text-transform: uppercase;
        margin: 0px 0px 20px -5px;
    }
    .container h2 {
        font-size: 1.2em;
        font-weight: bold;
        color: #4e4e4f;
        margin: 0px 0px 10px 0px;
    }
    .container h3 {
        /*font-size: 1.2em;*/
        color: #747474;
        font-weight: normal;
    }
    .header-img {
        width: 120%;
        max-width: unset;
        height: 150px;
        overflow: hidden;
        margin-left: -20px;
    }
    .header-image {
        width: 120%;
        margin-left: -20px;
        overflow: hidden;
        height: 300px;
    }
    .play-button1 img {
        width: 20%;
    }
    .play1 {
        height: 80px;
    }
    .txt1 {
        width: 100% !important;
        margin: 20px !important;
    }
    .txt2 {
        width: 100% !important;
        margin: 0px 20px !important;
        font-size: 4em !important;
    }
    .left {
        height: unset;
    }
    .left.uct {
        max-height: unset;
    }
    .box-1,
    .box-2,
    .box-3,
    .box-4,
    .box-5 {
        width: 100%;
    }
    .creative-minds {
        margin-top: 0px;
    }
    .creative-minds .heading {
        width: 100%;
        line-height: 1.5;
    }
    .creative-minds .heading b {
        padding: 0px;
        background: unset;
        line-height: 1.5;
    }
    .manager {
        display: table-cell;
        float: left;
        vertical-align: middle;
        text-align: center;
        padding: 10px;
        border: 0px !important;
        color: #7f7f81;
        text-decoration: none;
        font-size: small;
        max-width: 160px;
        min-height: 200px;
    }
    .steering-committee {
        margin-top: 30px;
        overflow:hidden;
    }
    .navigators {
        margin-top: 0px;
    }
    .navigator1,
    .navigator2,
    .navigator3,
    .navigator4,
    .navigator5 {
        width: 100%;
        min-height: 120px;
        margin-bottom: 10px;
    }
    .coaches {
        margin-top: 30px;
    }
    .heading.full-width {
        width: 80%;
    }
    .creative-minds img {
        max-width: 100%;
        max-height: 100%;
    }
    .gamechangers {
        margin-top: 30px;
    }
    .gamechangers hr {
        margin-bottom: 30px;
    }
    .graduates {
        padding: 0px;
        text-align: center;
    }
    .graduate1,
    .graduate2,
    .graduate3,
    .graduate4 {
        padding: 0px 0px 0px 0px;
        text-align: center;
        height: 320px;
    }
    .grad-name {
        text-align: center;
    }
    .grad-degrees {
        text-align: center;
    }
    .map {
        min-height: 300px;
        background-size: contain;
        min-width: 100%;
        background-position: 0px 90px;
    }
    .spacer {
        height: 20px;
    }
    .videos-1 {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .videos-2 {
        display: block;
        float: none;
        width: 100%;
    }
    .videos-container {
        position: unset;
    }
    .play-button2 {
        display: none;
    }
    .home-social-media {
        margin: 20px 0px;
    }
    .right-arrows {
        display: none;
    }
    .partners-video {
        width: 100%;
    }
    .partners-video .videos-container .embedvideo {
        height: auto;
    }
    .social-icon-box {
        width: 100%;
    }

    .studiopic {
        width: 100% !important;
    }

    .edupic1, .edupic3, .edupic5 {
        background-size: cover !important;
    }

    .pic1, .pic2, .pic3, .pic4, .pic5, .pic6 {
        background-size: cover !important;
    }

    .galpic1, .galpic2, .galpic3, .galpic4, .galpic5, 
    .galpic6, .galpic7, .galpic8, .galpic9, .galpic10,
    .galpic11, .galpic12 {
        background-size: cover !important;
    }
    
    .edupic2 .edupic4 .edupic6 {
        width: unset !important;
    }

    .fastforward-block, .designthinking-block {
        width: unset !important
    }

    .edu-vid-block {
        min-height: unset !important;
        height:unset !important;

    }
}

@media only screen and (max-width: 960px) {
    .map-details {
        width: 100%;
        line-height: 1.5;
    }
    .left {
        height: unset;
        margin-bottom: 30px;
        float: none;
    }
    .heading.full-width {
        width: 100%;
    }
    .header-img {
        width: 120%;
        overflow: hidden;
        max-width: unset;
        margin-left: -20px;
    }
    .side-menu {
        display: none !important;
    }
    .uct {
        width: 100%;
        max-width: unset !important;
        height: unset !important;
    }
    .proj {
        max-width: 100%;
        min-height: unset !important;
        height: inherit;
        line-height: 1.5;
    }
    .contact-intro {
        max-width: 100% !important;
        min-height: unset;
    }
    .dschool-logo {
        float: none;
        margin: 0 auto;
    }
    .home-blob {
        width: 100%;
        float: none;
    }
    .coaching-content a,
    .coaching-content a.dark {
        /*margin-bottom: 20px;*/
        display: table;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .studio-pix {
        text-align: left;
        overflow: hidden;
    }
    .studiopic {
        padding: 0;
        margin-bottom: 5px;
    }
    .webfrm {
        width: 90%;
    }
    .creative-minds .heading {
        width: unset;
    }
    .manager-name,
    .manager-pos {
        text-indent: 10px;
    }
    .graduates {
        padding: unset;
    }
    .graduate1,
    .graduate2,
    .graduate3,
    .graduate4 {
        margin: 20px 0px 0px 0px;
    }
    .education-block1 {
        margin-bottom: 30px;
    }
    .foundation-block {
        float: none;
        width: auto;
        min-height: auto;
        overflow:auto;
    }
    .education-text {
        float: none;
        width: auto;
        padding: 20px;
    }
    .edu-vid-block {
        float: none;
        width: auto;
        min-height: 400px;
        margin-bottom: 20px;
    }
    .programme-text {
        float: none;
        width: auto;
        padding: 20px;
    }
    .adv-prog-block {
        float: none;
        width: auto;
        min-height: unset;
        overflow: auto;
    }
    .adv-prog-text {
        float: none;
        width: auto;
        padding: 20px;
    }
    .pro-programs {
        float: none;
        width: auto;
        overflow:auto;
        min-height: unset;
    }
    .other-programs {
        width: auto;
        float: none;
    }
    .edu-coaches-block {
        width: auto;
        float: none;
        margin-bottom: 0px;
        min-height: unset;
        overflow: auto;
    }
    .edu-coaches-gal {
        width: auto;
        float: none;
        margin: 20px;
    }
    .gallery-left {
        width: 100%;
    }
    .gallery-right {
        width: 100%;
        float: none;
    }
    .gallery-left .studio-pix .studiopic .gal-link {
        margin-right: 20px;
    }
    .gallery-right .studio-pix .studiopic .gal-found1 {
        margin-right: 20px;
    }
    .resource-block1-1 {
        width: 100%;
        float: none;
    }
    .home-boxes {
        text-align: left;
        overflow: hidden;
    }

    .fastforward-block {
        float: none;
        width: auto;
        min-height: unset;
        overflow: auto;
    }

    .designthinking-block {
        float: none;
        width: auto;
        min-height: unset;
        overflow: auto;
    }
}


/* NEWS & EVENTS */

.news-block-1 {
    float: left
}

.news-block1-2 {
    float: right
}

div[class*='pane-front-page-news-list-panel-pane-'] .views-row .views-field-field-news-summary {
    line-height: 1.5;
}

#block-uct-domain-menu-tools-uct-breadcrumbs {
    display: inline-block;
}

.front #block-uct-domain-menu-tools-uct-breadcrumbs {
    display: none;
}

.fastforward-block {
    padding: 30px;
    background: #9c9c9c;
    margin-bottom: 20px;
    float: left;
    width: 30%;
    line-height: 2;
}

.fastforward-block a {
    padding: 2px;
    font-weight: bold;
    border: 1px solid #4e4e4f;
    text-decoration: none;
    color: #4e4e4f;
    width: 160px;
    text-align: center;
    float: left;
    margin-top: 20px;
    font-size: 15px;
}



.designthinking-block {
    padding: 30px;
    background: #BC2D2a;
    margin-bottom: 20px;
    float: left;
    width: 30%;
    line-height: 2;
}

.designthinking-block a {
    padding: 2px;
    font-weight: bold;
    border: 1px solid #4e4e4f;
    text-decoration: none;
    color: #4e4e4f;
    width: 160px;
    text-align: center;
    float: left;
    margin-top: 20px;
    font-size: 15px;
}