@charset "utf-8";
/* CSS Document */

header .slogan-block img.logo-Telkom {
    margin-left: 0;
    /*margin-top: 0 !important;*/
    max-width: 84px;
}
@font-face {
    /*font-family: FSAlbertPro;
    src: url(../fonts/FSAlbertPro.woff);*/
}

@font-face {
    /*font-family: FSAlbertPro-Bold;
    src: url(../fonts/FSAlbertPro-Bold.woff);*/
}

body {
	/*font-family: FSAlbertPro, Arial;*/
}

.careers-main-banner { /*BVL*/
	/*background-image: url("../img/careers/careers-main-banner_top-employer.jpg");*/
	background-image: url("../img/careers/careers-main-banner_top-employer.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-color: #bbe3ee;
	height:340px;
	position: relative;
}

.top-employer-2015 { /*BVL*/
	background-image: url("../img/careers/top-employer-2015.png");
	background-repeat: no-repeat;
	background-position: left;
	width: 194px;
	height: 87px;
	position: absolute;
	top: 111px;
	left: 38px;
}

.careers-alert { /*BVL*/
	background-color: #f8f8f6;
	border: 0px;
	margin-top: -30px;
	color: #da1b60;
	line-height: 18px;
	padding: 22px 0px 24px 0px;
}

.careers-alert-icon { /*BVL*/
	background-image: url("../img/careers/careers-alert-icon.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 65px;
	height: 57px;
	margin:20px auto 14px auto;
}

.careers-alert-close { /*BVL*/
	background-image: url("../img/careers/careers-alert-close.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	width: 14px;
	height: 14px;
	position: absolute;
	top:3px;
	right:15px;
	/* margin:3px 15px 0px 10px; */
}

.careers-alert-text {/*BVL*/
	padding-right: 20px;
}

.careers-alert .close , .careers-alert .close:hover  { /*BVL*/
	opacity:1 !important;
}

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

h1 {
    color: #008bca;
}

body.corporate #mainContent_container a {
	color: inherit;
}

.drop-shadow-left-inset-gallery {
    background-image: none;
    margin-top: -21px;
    min-height: 0;
	height: 27px;
}

.category-section h1, h2 {
	color: #0083c2;
	}
.careers-header {
	height: 341px;
	width: 100%;
}

.content-main-img {
    min-height: 341px;
}
.color-bar-area-section {
    top: 341px;
}

.drop-shadow-left-inset {
    background-image: none;
    margin-top: -21px;
    min-height: 361px;
}
#brand-message-holder, ul#brand-messages li {
    height: 341px;
	z-index: 0;
}

.btn-newsletter {
    background-color: #004f76;
    background-image: linear-gradient(to bottom, #005e9b, #005e9b);
    border: medium none;
    border-radius: 0 !important;
    color: #fff;
    /*font-family: "FS Albert Web Regular",Arial,Helvetica,sans-serif;*/
    height: 31px;
    margin-left: 15px;
    text-align: left;
    width: 29%;
}
.btn-newsletter:hover {
    background-color: #2695cb;
    background-position: 0 -31px;
    color: #ffffff;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}


#brand-message-holder h1 {
    background-color: #bbe3ee;
    border-radius: 10px;
    color: #0083c2;
    font-size: 45px;
    line-height: 32pt;
    margin-bottom: -35px;
    margin-top: 65px;
    padding: 15px 10px;
    width: 295px;
}

/* SEARCH */
ul#brand-messages li div.message {
    margin-left: 5%;
}
ul#brand-messages li div.message {
    margin-top: 4% !important;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #ffffff;
    border: none;
    box-shadow: none;
    height: 31px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background: linear-gradient(to bottom, rgba(230, 230, 228, 1) 0%, rgba(255, 255, 255, 1) 0%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #929292;
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 4px 6px;
    vertical-align: middle;
}
/*select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background: linear-gradient(to bottom, rgba(230, 230, 228, 1) 0%, rgba(255, 255, 255, 1) 0%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #929292;
    display: inline-block;
    font-size: 18px;
    height: 34px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 4px 6px;
    vertical-align: middle;
    width: 400px;
}*/
.search-career {
	background-image: url("../img/careers/search-career.gif");
	background-repeat: no-repeat;
	height: 42px;
	width: 42px;
	border:0;
	margin-left: -5px;
}

/* NAV PILLS HACK*/

.nav-tabs > li > a {
    background-color: transparent;
    border: 0px transparent;
    border-radius: 0;
    height: 8px;
    line-height: 10px;
    margin: 0 1px 0 0;
    padding-bottom: 8px;
    padding-top: 8px;
	color: #8d8d8d;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background-color: #ffffff !important;
    border-color: none !important;
    border-image: none !important;
    border-style: none !important;
    border-width: 0px !important;
    color: #0083c2 !important;
    cursor: default;
    margin: 0;
	font-weight: 600; 
}

.nav-tabs {
    border-bottom: 0px;
}
/*.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	background-color: #fff !important;
}*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0 ;
	color: #0083c2 !important;
}
.grey-link li  {
	color: #8d8d8d;
}
.pink {
	color: #da1b60;
}
.campus-margin {
	margin-top: 80px;
	height: 180px;
}
.layout-padding-bottom-grey {
    padding-bottom: 20px;
}
.meet-the-team-wrapper {
	margin-top: 20px;
}

/* CAROUSEL */

.carousel-inner-profiles {
    overflow: hidden;
    position: relative;
}
.carousel-slide-profiles {
	margin-top: 20px;
	
}
.profile-center {
	text-align: center;
	margin: 0 auto;
	
}
.carousel-control.right {
    margin-top: -30px;
    
}
.carousel-control.left {
    margin-top: -30px;
    
}
.carousel-control.right-career  {
    margin-top: -30px;
    
}
.carousel-control.left-career  {
    margin-top: -30px;
    
}
.carousel-control-profiles {
    color: #d5d5d5;
    font-size: 20px;
    text-align: center;
    text-shadow: none;
}
.carousel-control-profiles:focus, .carousel-control:hover {
    color: #7a7a7a;
}

.profile-info {
	text-align: center;
	margin: 0 auto;
	width: 95%;
}
.profile-sub-content {
	font-size: 12px;
	margin-top: 10px;
}
.profiles-top {
	margin-top: 85px;
}
.carousel-control {
    background: none ;
	border: none;
    border-radius: none;
    
}
.dashboard-view .carousel .carousel-control, .carousel .carousel-control {
    visibility: visible;
}
body .careers-active {
	list-style: none;
	background-image: url("../img/careers/careers-active.png");
	background-repeat: no-repeat;
	color: #da1b60;
	font-weight: 600;
	padding-left: 15px;
	margin-left: -15px;
	cursor: pointer;	
	
}
.icons-vision-img {
	margin-right: 10px;
	
}
.icons-vision {
	color: #676767;
	font-size: 17px;
	margin-bottom: 50px;
}
.icons-vision-wrapper {
    height: 47px;
}

#vision a.white-btn { 
	background-color:#fff;
	color:#0083c2 !important;
	border-radius: 0;
	border-color:#0083c2;
	font-weight:bold;
}

#vision a:hover.white-btn { 
	background-color:#0083c2;
	color:#fff !important;
	border-radius: 0;
	border-color:#0083c2;
	font-weight:bold;
}
/* BTNS */
.btn {
    background-image: none;
    box-shadow: none;
}
.btn-pink { 
	background-color: #c11d57; 
	border-radius: 0px; 
	color: #FFF; 
	text-transform: capitalize; 
}
#content-pink div.pink-btn {
	background-color:#da1b60;
	color:#fff !important;
	border-radius: 0;
	border-color:#da1b60;
	font-weight:bold;
	cursor: default;
}
#content-pink a.pink-btn {
	background-color:#da1b60;
	color:#fff !important;
	border-radius: 0;
	border-color:#da1b60;
	font-weight:bold;
}

#content-pink-graduates a:hover.pink-btn {
	background-color:#fff !important;
	color:#da1b60 !important;
	border-radius: 0;
	border-color:#da1b60;
	font-weight:bold;
}
#content-pink-graduates a.pink-btn {
	background-color:#da1b60;
	color:#fff !important;
	border-radius: 0;
	border-color:#da1b60;
	font-weight:bold;
}

#content-pink a:hover.pink-btn {
	background-color:transparent;
	color:#da1b60 !important;
	border-radius: 0;
	border-color:#da1b60;
	font-weight:bold;
}

#content-blue a.blue-btn { 
	background-color:#0083c2;
	color:#fff !important;
	border-radius: 0;
	border-color:#0083c2;
	font-weight:bold;
}

#content-blue a:hover.blue-btn { 
	background-color:#fff;
	color:#0083c2 !important;
	border-radius: 0;
	border-color:#0083c2;
	font-weight:bold;
}

.grey-row { 
	background-color: #f8f8f6;
	width: 100% !important; 
}
.blue-row { 
	background-color: #0773ab;
	width: 100% !important;
	height: auto;
}
.spacer20px {
	height: 20px;
}
.footer-contact {
	color: #fff;
}
/* layout */
.layout-padding-bottom40 {
    padding-bottom: 40px;
}
.layout-max-width-grey {
	width:100%;
	max-width:100%;
}
.layout-padding-sides-grey {
    padding-left: 20px;
    padding-right: 20px;
}

.icon-expand {
	background-image: url("../img/careers/expand.png");
	background-repeat: no-repeat;
	margin-left: -15px;
	height: 45px;
	width: 45px;
	display:block;
}
.icon-close {
	background-image: url("../img/careers/close.png");
	background-repeat: no-repeat;
	margin-left: -15px;
	height: 45px;
	width: 45px;
	display:block;
}
.placements-img {
	margin-top: 25px;
}
.category-section-busraries {
	margin-top: 100px;
}
.busraries-img {
	margin-left: 100px;
	margin-top: 50px;
}
.internships-img {
	margin-left: 150px;
	margin-top: 50px;
}
.internships-wrapper {
	margin-top: 80px;
}
.launch-career-wrapper { /*BVL*/
	margin-top: 80px;
	margin-bottom:100px;
}
.tell-us-wrapper { /*BVL*/
	margin-top: 80px;
	margin-bottom:100px;
	color: #fff;
	font-size: 24px;
}
.tell-us-wrapper a.tell-us-link { /*BVL*/
	color: #fff;
	text-decoration:underline;
}
.tell-us-wrapper a.tell-us-link:hover { /*BVL*/
	color: #79cfff;
	text-decoration:underline;
}
.launch-career-wrapper .btn { /*BVL*/
	margin-right: 10px;
}
.professional-mentorship-img {
	margin-left: 100px;
	margin-top: 10px;
}
.graduates-contact-field {
	height: 50px;
	width: 93%;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 10px;

}
.graduates-message-field {
	height: 87px;
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;

}
.graduates-contact-captcha {
	height: 40px;
	width: 50%;
	padding: 10px;
	margin-bottom: 10px;
	
}
.captcha {
	margin-top: -6px;

}
.graduates-click {
	margin-top: 30px;
	
}
.form-inline {
	display: inline-block;
	
}
#graduation-contact a.pink-btn{
	background-color:#da1b60;
	color:#fff;
 	border-radius: 0;
	border-color:#da1b60;
	font-weight:bold;
}

#graduation-contact a:hover.pink-btn{
	background-color:#fff;
	color:#da1b60;
    border-radius: 0;
    border-color:#da1b60;
    font-weight:bold;
}
.contact-wrapper {
    margin-left: 75px;
    margin-top: 32px;
}
.latest-video-wrapper {
	color: #fff;
	
}

.latest-video-h2 {
	color: #fff;
}

.latest-video-wrapper {
    color: #fff;
    padding: 20px;
	margin-top: 70px;
    position: absolute;
    width: 22%;
    z-index: 100;
}

.latest-video-img-wrapper {
    position:relative;

}
.video-wrapper {
	position: relative;
}
#latest-video a.white-btn{
	background-color:transparent ;
	color:#fff;
 	border-radius: 0;
	border-color:#fff;
	font-weight:bold;
}

#latest-video a:hover.white-btn{
	background-color:#fff;
	color:#000;
    border-radius: 0;
    border-color:#fff;
    font-weight:bold;
}
.gallery-info-wrapper {
	background-color: #fff;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
	
}
.gallery-info-wrapper-grey {
	background-color: #f8f8f6;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
	
}

.gallery-img {
	width: 500px;
	height: auto;
}
.category-section li {
	list-style: none;
	cursor: pointer;
}
.txt-white {
	color: #fff;
}
.gallery-info-wrapper p {
	height: 40px;
}
.gallery-info-wrapper-grey p {
	height: 60px;
}
.contact-autoheight {
	height: auto;
}
#response {
	display: none;
}
#Reveal-slide {
    width: 100%;
    height: auto;
	display: none;
}
.vision-row { 
	width: 100% !important;
}
.carousel-indicators-hide {
	display: none;
}
.icons-vision-img-expanded {
	margin: 150px;
	width: 40%;
}
.icons-mission-img-expanded {
	margin: 53px 150px 150px;
	width: 40%;
}
.icons-training-img-expanded {
	margin: 12px 150px 150px;
	width: 40%;
}
.mission-link:hover {
	color: #0083c2;
	text-decoration: none;
}
.icons-vision-img-wrapper {
	margin: 0 auto;
}
.help-block {
	color: #fff;
	
}
#nameError {
	color: #b94a48;
	}
#emailError {
	color: #b94a48;
    }
#captchaError {
	color: #b94a48;
	}
#successMessage {
	color: #fff;
}
.control-group.warning .help-block, .control-group.warning .help-inline, .control-group.inline.warning .help-block, .failed {
    color: #bfd730;
}
.map-wrapper {
	z-index: 100;
	position: relative;
}
.drop-pin-pink {
	color: #da1b60;
	font-weight: 600;
}
.pin-wrapper {
	position: relative;
	height: auto;
}
.campuses-map {
	height: auto;
    width: 100%;
}
.centurion-popover-pin {
	cursor: pointer;
    margin-left: 62%;
    margin-top: -55%;
    position: absolute;
    width: 60%;
}
.bryanston-popover-pin {
    cursor: pointer;
    margin-left: 60%;
    margin-top: -53%;
    position: absolute;
	width: 60%;
}
.durban-popover-pin {
    cursor: pointer;
    margin-left: 75%;
    margin-top: -37%;
    position: absolute;
	width: 60%;
}
.cape-popover-pin {
    cursor: pointer;
    margin-left: 17%;
    margin-top: -15%;
    position: absolute;
    width: 60%;
}
.bloem-popover-pin {
    cursor: pointer;
    margin-left: 53%;
    margin-top: -41%;
    position: absolute;
    width: 60%;
}
.PE-popover-pin {
    cursor: pointer;
    margin-left: 50%;
    margin-top: -14%;
    position: absolute;
    width: 60%;
}

@media (min-width: 1200px) {

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

.careers-alert-text {/*BVL*/
	padding-right: 0px;
}

.careers-main-banner { /*BVL*/
	/*background-image: url("../img/careers/careers-main-banner-mobile_top-employer.jpg");*/
	background-image: url("../img/careers/careers-main-banner-mobile_top-employer.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-color: #bbe3ee;
	height:340px;
	position: relative;
}

.top-employer-2015 { /*BVL*/
	background-image: url("../img/careers/top-employer-2015.png");
	background-repeat: no-repeat;
	background-position: left;
	width: 194px;
	height: 87px;
	position: absolute;
	top: 224px;
	left: 26px;
}

.busraries-img {
    margin-left: 5%;
    margin-top: 50px;
}
.internships-img {
    margin-left: 35%;
    margin-top: 50px;
}
.latest-video-wrapper {
    color: #fff;
    padding: 10px;
    position: absolute;
    width: 90%;
    z-index: 100;
	margin-top: 0px;
}
.gallery-img {
    height: auto;
    width: auto;
}
.drop-shadow-left-inset-gallery {
     height: 45px;
    
}
.form-response {
	color: #fff;
	font-size: 14px;
}
.gallery-hide {
	display: none;
}
.campus-margin {
	height: 200px;
    margin-top: 50px;
}
.drop-pin-resize {
	width: 25px;
	height: auto;
}
.tablet-display {
	display: none !important;
}

}


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

.careers-alert-text {/*BVL*/
	padding-right: 0px;
}

.graduate-development {
	margin: auto 0;
	width: 40%;
}
.category-section-busraries {
    margin-top: 10px;
}
.busraries-img {
    margin: auto 0;
	width: 40%;
}
.placements-img {
    margin: auto 0;
	width: 40%;
}
.meet-the-team-wrapper {
    margin-top: 5px;
}
.internships-img {
    margin: auto 0;
	width: 40%;
}
.internships-wrapper {
    margin-top: 5px;
}
.launch-career-wrapper { /*BVL*/
	margin-top: 5px;
	margin-bottom: 80px;
}
.tell-us-wrapper { /*BVL*/
	margin-top: 5px;
	margin-bottom: 80px;
}
.professional-mentorship-img {
    margin: auto 0;
	width: 40%;
}
.graduates-contact-field {
    width: 60%;
}
.graduates-message-field {
	width: 90%;
}
.contact-wrapper {
    margin-left: 0px;
    margin-top: 0px;
	margin-bottom: 20px;
}
.latest-video-wrapper {
    color: #fff;
    padding: 10px;
    position: absolute;
    width: 90%;
    z-index: 100;
	margin-top: 0px;
}
.latest-video-h2 {
	font-size: 24px;
}
.gallery-info-wrapper {
	background-color: #fff;
	padding: 10px;
	
}
.drop-shadow-left-inset-gallery {
     height: 45px;
}
.icons-vision-img-expanded {
	margin: 0 auto;
	width: 40%;
}
.icons-mission-img-expanded {
	margin: 0 auto;
	width: 40%;
}
.icons-training-img-expanded {
	margin: 0 auto;
	width: 40%;
}
.campus-margin {
    height: auto;
    margin-top: 0px;
}
.tablet-display {
	display: none !important;
}
.careers-main-banner { /*BVL*/
	/*background-image: url("../img/careers/careers-main-banner-mobile_top-employer.jpg");*/
	background-image: url("../img/careers/careers-main-banner-mobile_top-employer.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-color: #bbe3ee;
	height:340px;
	position: relative;
}

.top-employer-2015 { /*BVL*/
	background-image: url("../img/careers/top-employer-2015.png");
	background-repeat: no-repeat;
	background-position: left;
	width: 194px;
	height: 87px;
	position: absolute;
	top: 224px;
	left: 26px;
}

}
@media screen and (max-width : 480px) { 

.careers-alert-text {/*BVL*/
	padding-right: 0px;
}

.graduate-development {
	margin: auto 0 auto 15%;
    width: 70%;
}
.category-section-busraries {
    margin-top: 10px;
}
.busraries-img {
    margin: auto 0 auto 20%;
    width: 70%;
}
.placements-img {
    margin: auto 0 auto 20%;
    width: 70%;
}
.meet-the-team-wrapper {
    margin-top: 5px;
}
.internships-img {
    margin: auto 0 auto 25%;
    width: 70%;
}
.internships-wrapper {
    margin-top: 5px;
}
.launch-career-wrapper { /*BVL*/
	margin-top: 5px;
	margin-bottom: 80px;
}
.tell-us-wrapper { /*BVL*/
	margin-top: 5px;
	margin-bottom: 80px;
}
.professional-mentorship-img {
    margin: auto 0 auto 30%;
    width: 70%;
}
.graduates-message-field {
	width: 90%;
}
.contact-wrapper {
    margin-left: 0px;
    margin-top: 0px;
	margin-bottom: 20px;
}
.latest-video-h2 {
	font-size: 18px;
}
.latest-video-wrapper {
    margin-top: -15px;
    padding: 10px;
}
.gallery-header {
	height: 15%;
	
}
.drop-shadow-left-inset-gallery {
    height: 45px;
    
}
.campus-margin {
    margin-top: 0px;
}
.carousel-slide-profiles {
	margin-top: 20px;
	width: 95%;
	
}
.carousel-control.left {
    margin-top: 116px;
}
.carousel-control.right {
    margin-top: 116px;
}
.carousel-control.left-career  {
    margin-top: 30px;
}
.carousel-control.right-career  {
    margin-top: 30px;
}
.campuses {
	margin-top: 10px;
}
.icon-expand {
	margin: 0 auto 0 35%;
	
}
.icon-close {
	margin: 0 auto 0 35%;
}
.gallery-info-wrapper p {
	height: auto;
}
.gallery-info-wrapper-grey p {
	height: auto;
}
.icons-vision-img-expanded {
	 margin: 0 auto 40px;
}
.icons-mission-img-expanded {
	margin: 0 auto 40px;
}
.icons-training-img-expanded {
	margin: 0 auto 40px;
}
.pin-wrapper {
    height: auto;
	position: relative;
}
.campuses-map {
    height: auto;
    width: auto;
}
.campus-margin {
    height: auto;
    margin-top: 0px;
}
.drop-pin-resize {
	width: 25px;
	height: auto;
}
.welcome {
	width: 50%;
	height: auto;
}
.tablet-display {
	display: block !important;
}
.careers-main-banner { /*BVL*/
	/*background-image: url("../img/careers/careers-main-banner-mobile_top-employer.jpg");*/
	background-image: url("../img/careers/careers-main-banner-mobile_top-employer.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-color: #bbe3ee;
	height:340px;
	position: relative;
}

.top-employer-2015 { /*BVL*/
	background-image: url("../img/careers/top-employer-2015.png");
	background-repeat: no-repeat;
	background-position: left;
	width: 194px;
	height: 87px;
	position: absolute;
	top: 224px;
	left: 26px;
}

}