@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

body{
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.topbar {
	background: #000;
	padding-top: 8px;
	padding-bottom: 8px;
}

.menu-login ul {
	padding-left: 0;
	margin-top: 21px;
	margin-bottom: 0;
	text-align: right;
	position: relative;
	z-index: 1;
}

.menu-login ul li {
	display: inline-block;
	list-style: none;
	text-transform: capitalize;
	border-right: 1px solid #727272;
	line-height: 14px;
	padding-right: 9px;
	padding-left: 6px;
}

.homebanner .menu-login ul li {
	border-right: 1px solid #fff;
}

.menu-login ul li:nth-last-child(1) {
	border-right: 0;
}

.homebanner .menu-login a {
	color: #fff;
}

.menu-login a {
	color: #3b3c3b;
	font-size: 16px;
	text-decoration: none;
}

.menu-login a:hover {
	color: #7da815;
}

.mainbanner {
	min-height: 440px;
	padding-top: 15px;
	padding-bottom: 20px;
}

.homebanner {
    background: url('https://pdtraining.com.au/uploads/c1c93845-a1a1-46ae-baaa-dc5c1555f658-homebanner.jpg') no-repeat;
    background-size: cover;
    background-position: top center;
}

.innerbanner {
    background: url('https://pdtraining.com.au/uploads/90b24649-27b6-4950-8d38-e2d8453ff564-mainbanner.jpg') no-repeat;
    background-size: cover;
    background-position: top center;
}

.mainbanner .logo figure{
	background: #fff;
	width: 150px;
	height: 150px;
	text-align: center;
	border-radius: 100px;
	position: relative;
	border: 9px solid rgba(50, 50, 49, 0.13);
	overflow: hidden;
	padding: 43px 15px 0 15px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.09);
}

.search input {
	border-radius: 100px !important;
	border: 2px solid #727272;
	background: #e9e9e9;
}

.search .input-group{
	margin-top: 14px;
	z-index: 1;
}

.search .form-control:focus {
	color: #495057;
	background-color: transparent;
	border-color: #727272;
	outline: 0;
	box-shadow: none;
	z-index: 0 !important;
}

.search .btn-secondary {
	color: #fff;
	background-color: #727272;
	border-color: #727272;
	border-radius: 100px !important;
	width: 39px;
	left: -29px;
}

.topphone{
	text-align: center;
}

.topphone a {
	color: #000;
	text-decoration: none;
	font-size: 16px;
}

.topmenu .bg-dark {
	background-color: transparent !important;
	float: right;
	margin-top: 15px;
	line-height: 0;
}

.navbar-dark .navbar-toggler {
	border-color: transparent;
	background: transparent;
}

.navbar-dark .navbar-toggler {
	color: rgb(14, 144, 255);
	border-color: rgba(255, 255, 255, 0);
}

.homebanner .navbar-dark .navbar-nav .nav-link {
	color: #fff;
	border-right: 1px solid #fff;
}

.navbar-toggler {
	padding: 0;
	font-size: 24px;
}

.navbar-dark .navbar-nav .nav-link {
	color: #323231;
	font-size: 16px;
	text-transform: capitalize;
	border-right: 1px solid #727272;
}

.navbar-dark .navbar-nav .nav-item:nth-last-child(1) a{
	border-right: 0;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: #7da815;
}

.navbar-dark .navbar-toggler {
	color: rgb(48, 48, 47);
	border-color: rgba(50, 50, 49, 0);
}

.navbar-brand figure{
	margin-bottom: 0;
}

@media (min-width: 768px) {
.navbar-brand{display: none;}
}

.mainbanner h1 {
	font-size: 47px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
	margin-top: 5%;
}

.innerbanner h1{
	color: #181818;
}

.mainbanner h1 strong{
	font-weight: 700;
	color: #aae41d;
}

.our-purpose {
	background: #f9f9f9;
	padding-top: 35px;
	padding-bottom: 10px;
}

.our-purpose h3 {
	color: #333333;
	font-weight: 600;
	position: relative;
	font-size: 25px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.our-purpose h3::after{
	position: absolute;
	bottom: 0;
	content: '';
	width: 60px;
	height: 4px;
	background: #a4cf0b;
	left: 0;
}

.our-purpose p {
	color: #333333;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.our-purpose p:nth-last-child(1){
	border: 0;
}

.growth-logo img{
	width: 60%;
}

.ecosystem-logo img{
	width: 60%;
}

.pdt-numbers {
	background: #a8d243;
	padding: 30px 20px 20px 20px;
}

.h3title {
	background: #323232;
	font-weight: 600;
	text-align: center;
	color: #fff;
	padding: 13px 40px;
	border-radius: 100px;
	display: table;
	margin: 0 auto;
	font-size: 32px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}

.pdt-numbers figure {
	margin-top: 30px;
}

.numbersbox figure{
	text-align: center;
}

.numbersbox{
	border-right: 1px solid #8bc303;
}

.pdt-numbers .col-md:nth-last-child(1) .numbersbox{
	border-right: 0;
}

.numbersbox h4 {
	text-align: center;
	color: #323232;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.numbersbox p{
	text-align: center;
	font-size: 20px;
	color: #000000;
	line-height: 30px;
}

.numbersbox p span{
	display: block;
}

.workplace-learning{
	padding-top: 50px;
	padding-bottom: 30px;
}

.workplace-text{
	position: relative;
	margin-top: 40px;
}

.workplace-learning hr {
	border: 0;
	margin-top: 50px;
	position: relative;
	z-index: -1;
}

.workplace-learning hr::before{
	background: url(../images2019/workplace-arrow-right.png) no-repeat;
	height: 179px;
	width: 793px;
	position: absolute;
	bottom: -100px;
	text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0;
	content: '';
}

.workplace-learning .col-md-12:nth-child(2) hr::before{
	background: url(../images2019/workplace-arrow-left.png) no-repeat;
}

.workplace-learning .col-md-12:nth-child(1) figure {
	margin-top: 40px;
	padding-left: 50px;
}

.workplace-learning .col-md-12:nth-child(2) figure {
	margin-top: 220px;
	padding-left: 60px;
	text-align: center;
}

.workplace-learning .col-md-12:nth-child(3) figure {
	margin-top: 80px;
	text-align: center;
}

.workplace-learning .col-md-12:nth-child(4) figure {
	margin-top: 50px;
	text-align: center;
	padding-left: 60px;
}

.workplace-text h2 {
	font-size: 30px;
	color: #364856;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 40px;
	margin-bottom: 20px;
}

.workplace-text h2 span{
	display: block;
}

.workplace-text ul {
	list-style: none;
	padding-left: 0;
}

.workplace-text ul li::before {
	position: absolute;
	content: '\f35a';
	left: 0;
	top: 0;
	color: #a2cd3a;
	font-family: 'Font Awesome 5 Free';
	font-weight: 500;
}

.workplace-text ul li {
	position: relative;
	padding-left: 30px;
	line-height: 30px;
	font-size: 20px;
	color: #5f5f5f;
	padding-bottom: 13px;
}

.where-next ul li {
	position: relative;
	padding-left: 0px;
	font-size: 20px;
	display: inline-block;
}

.where-next ul li::before{
	display: none;
}

.where-next ul li a {
	color: #1a1a1a;
	font-size: 17px;
	text-transform: uppercase;
	border-right: 1px solid #ddd;
	padding: 0 10px;
}

.where-next ul li a:hover{
	color: #a4cf0b;
}

.where-next ul li:nth-last-child(1) a{
	border-right: 0;
}


.workplace-text .btn,
.modal .btn {
	transition: none;
	background: #a4cf0b;
	border: 0;
	border-radius: 0;
	font-size: 20px;
	color: #000;
	padding: 6px 15px;
	position: relative;
	z-index: 9;
}

.workplace-text .btn:hover,
.modal .btn:hover{
	background: #779802;
}

.modal .btn{
	margin-top: 15px;
}

.delivery-options .btn{
	margin: 0px auto;
	font-size: 29px;
	margin-top: 30px;
}

.workplace-text p{
	font-size: 20px;
	color: #5f5f5f;
	font-weight: 400;
}

.workplace-text p b{
	font-weight: 600;
}

.workplace-text h5{
	background: #323232;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	display: table;
	border-radius: 100px;
	padding: 11px 18px;
	margin-bottom: 20px;
}

.feedback{
	padding-top: 25px;
	padding-bottom: 20px;
	background: url(../images2019/feedback-bg.jpg) no-repeat;
	background-size: cover;
	background-position: bottom center;
}

.feedback h1 {
	color: #364856;
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	line-height: 40px;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 30px;
}

.feedback h1 b {
	display: block;
	font-weight: 700;
	color: #a8d243;
}

.feedback h5 {
	text-align: center;
	color: #494949;
	font-size: 20px;
	line-height: 33px;
	font-weight: 300;
	margin-bottom: 57px;
}

.feedback h6 {
	font-size: 15px;
	text-transform: uppercase;
	color: #2d2d2d;
	font-weight: 700;
}

.feedback figure {
	margin-top: 30px;
	margin-bottom: 20px;
}

.feedback p {
	font-size: 15px;
	color: #2d2d2d;
	font-weight: 400;
}

footer {
	background: #2c2c2c;
	padding-top: 30px;
	padding-bottom: 20px;
}

footer figure {
	background: #fff;
	width: 140px;
	height: 140px;
	text-align: center;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
	padding: 45px 15px 0 15px;
	box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.04);
	margin: 0 auto;
}

.divider {
	margin: 20px auto 10px auto;
	text-align: center;
}

.footer-btns a {
	border: 2px solid #949494;
	font-size: 14px;
	color: #ededed;
	border-radius: 4px;
	display: block;
	text-decoration: none;
	padding: 10px 5px 10px 5px;
	text-align: center;
	font-weight: 400;
	margin: 10px 0;
}

.footer-btns a:hover{
	background: #a2cd3a;
	color: #000;
}

footer p {
	text-align: right;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 5px;
}

footer h4 a{
	color: #a2cd3a;
	font-weight: 600;
	font-size: 35px;
}

footer h4 a:hover{
	color: #fff;
	text-decoration: none;
}

footer h4{
	text-align: right;
	margin-top: 0;
}

footer h4 i{
	background: #a2cd3a;
	color: #2c2c2c;
	border-radius: 100px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 30px;
	padding-top: 5px;
}

.modal-dialog {
	max-width: 80%;
}

.modal-body {
	padding: 30px 50px;
}

.modalheading {
	border-bottom: 1px solid #e7eaed;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

.modal-header {
	background: #a4cf0b;
}

.modal h1 {
	color: #364856;
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 41px;
	margin-top: 10px;
	margin-bottom: 0;
}

.modal h1 span{
	display: block;
}

.modal figure{
	width: 100px;
	text-align: center;
	margin: 0 auto;
}

.modal h4 {
	color: #333333;
	font-weight: 600;
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 11px;
	margin-top: 4px;
	width: 100%;
}

.modal p{
	color: #3e3e3e;
	font-size: 19px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 10px;
	width: 100%;
}

.ecosystembanner figure{
	text-align: center;
	margin-top: 5%;
}

.reach-gold{
	background: url(../images2019/reach-gold-pattern.jpg) repeat;
	padding-top: 54px;
	padding-bottom: 50px;
}

.reach-gold figure {
	background: #fff;
	display: table;
	margin: 0 auto;
	padding: 30px 40px;
	border-radius: 40px 0 40px 0px;
	box-shadow: 2px 2px 10px rgba(12, 12, 12, 0.17);
	border: 9px solid rgba(42, 42, 42, 0.07);
	margin-bottom: 70px;
}

.reach-gold p {
	color: #3b3a3a;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}

.reduce-costs {
	padding-top: 30px;
	padding-bottom: 15px;
	background: #a2cd3a;
	border-bottom: 2px solid #fff;
}

.reduce-costs h3{
	background: #ff5000;
	text-align: center;
	padding: 10px 40px;
	font-size: 50px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	border-radius: 100px;
	display: table;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 5px solid #fff;
}

.reduce-costs h4 {
	font-size: 28px;
	text-transform: uppercase;
	line-height: 41px;
	margin-top: 0;
	color: #000;
	font-weight: 600;
	background: rgba(202, 255, 73, 0.3);
	border: 1px solid #85b60e;
	text-align: center;
	padding: 10px;
}

.reduce-costs ul{
	padding-left: 0;
	margin-top: 25px;
}

.reduce-costs ul li {
	position: relative;
	padding-left: 40px;
	line-height: 30px;
	font-size: 20px;
	color: #000;
	list-style: none;
	padding-bottom: 10px;
	padding-top: 10px;
	text-transform: uppercase;
}

.reduce-costs ul li::before {
	position: absolute;
	content: '\f35a';
	left: 0;
	top: 10px;
	color: #000;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-left: 10px;
}

.reduce-costs ul li:nth-child(2n) {
	background: rgba(202, 255, 73, 0.3);
}

.reduce-costs p {
	color: #000;
	font-size: 25px;
	font-weight: 400;
	line-height: 38px;
	text-align: center;
}

.ecosystem-graph{
	padding-top: 50px;
	padding-bottom: 50px;
}

@media (max-width: 991px) {
.ecosystem-graph{display: none;}
}

.ecosystem-graph h5{
	color: #3b3a3a;
	font-weight: 700;
	font-size: 11px;
}

.ecosystem-graph ul{
	padding-left: 10px;
	margin-top: 0;
}

.ecosystem-graph ul li{
	color: #3b3a3a;
	font-weight: 600;
	font-size: 12px;
	list-style-type: circle;
}

.ecosystem-graph .col-md-3:nth-child(1) figure{
	margin-top: 38px;
}

.opportunities {
	background: url(../images2019/opportunities.png) no-repeat;
	background-position: top center;
	background-size: contain;
}

.opportunities h4 {
	color: #3b3a3a;
	font-weight: 700;
	text-align: center;
	font-size: 13px;
	line-height: 17px;
	margin: 0 auto;
	margin-top: 78px;
}

.opportunities h4 span{
	display: block;
}

.ecosystem-graph-grid {
	background: #f8f8f8;
	padding-top: 50px;
	padding-bottom: 50px;
}

@media (min-width: 992px) {
.ecosystem-graph-grid{display: none;}
}

.ecosystem-graph-grid-box{
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);
	padding: 20px 20px;
	margin: 15px auto;
}

.ecosystem-graph-grid-box figure {
	border: 3px solid #a2cd3a;
	display: table;
	border-radius: 100px;
	width: 88px;
	height: 88px;
	text-align: center;
	padding: 10px;
}

.ecosystem-graph-grid-box h5 {
	color: #000000;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
	margin-top: 25px;
}

.ecosystem-graph-grid-box h5::after{
	content: '';
	position: absolute;
	bottom: 0px;
	width: 40px;
	height: 3px;
	background: #000;
	left: 0;
}

.ecosystem-graph-grid-box ul{
	padding-left: 0px;
	margin-top: 20px;
}

.ecosystem-graph-grid-box ul li {
	color: #3b3a3a;
	font-weight: 300;
	font-size: 15px;
	position: relative;
	list-style: none;
	padding-left: 25px;
	line-height: 25px;
	padding-bottom: 5px;
}

.ecosystem-graph-grid-box ul li::before {
	position: absolute;
	content: '\f35a';
	left: 0;
	top: 0;
	color: #a2cd3a;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.ecosystemgraph figure {
	border: 0;
	display: table;
	border-radius: 200px;
	text-align: center;
	background: #f7f7f7;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);
	width: 220px;
	height: 220px;
	padding: 85px 25px;
	margin: 0 auto;
}

.ecosystemgraph h5 {
	margin-top: 30px;
	font-size: 17px;
	line-height: 30px;
}

.positively-impact{
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}

.positively-impact h3 {
	background: #323232;
	font-weight: 600;
	text-align: center;
	color: #fff;
	padding: 17px 40px;
	border-radius: 100px;
	display: table;
	margin: 0 auto;
	font-size: 22px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}

.positively-impact figure{
	margin-top: 40px;
	margin-bottom: 30px;
}

.positively-impact-text {
	background: #f9f9f9;
	padding: 24px;
	border: 1px solid #ddd;
}

.positively-impact p {
	color: #333333;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 7px;
}

.rqdevelopment-logos {
	padding-top: 30px;
	padding-bottom: 60px;
}

.rqdevelopment-logosbg {
	background: url(../images2019/rqdevelopment-logosbg.jpg) no-repeat;
	background-position: top left;
	background-size: cover;
}

.rqdevelopment-box {
	background: rgba(255, 255, 255, 0.9);
	padding: 28px;
	border: 1px solid #ececec;
	margin-top: 15px;
	margin-bottom: 15px;
}

.rqdevelopment-box p {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 8px;
	width: 100%;
	line-height: 32px;
}

.rqdevelopment-box .btn {
	text-align: center;
	display: table;
	background: #dc2027;
	color: #fff;
	font-size: 17px;
	font-weight: 300;
	border-radius: 100px;
	padding: 4px 20px;
	margin-top: 8px;
	margin-bottom: 5px;
	white-space: unset;
}

.rqdevelopment-box .btn:hover {
	background: #000;
	color: #fff;
}

.rqdevelopment-logos h4 {
	color: #131414;
	font-size: 22px;
	text-align: center;
	line-height: 35px;
	font-weight: 400;
	margin-top: 44px;
}

.rqdevelopment-logos .trailbtn {
	text-align: center;
	display: table;
	background: #1c1c1c;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	border-radius: 100px;
	padding: 11px 30px;
	margin: 0 auto;
	margin-top: 34px;
	margin-bottom: 12px;
	white-space: unset;
}

.rqdevelopment-logos .trailbtn:hover{
	background: #a2cd3a;
	color: #000;
}

.rqdevelopment-logos h6{
	font-weight: 400;
	font-size: 17px;
	color: #1c1c1c;
	text-align: center;
	width: 100%;
}

.banner-text {
	padding-top: 20px;
	padding-bottom: 14px;
	background: #f9f9f9;
}

.banner-text p {
	color: #3b3a3a;
	font-size: 20px;
	font-weight: 400;
	line-height: 35px;
}

growth{
	font-weight: 600;
	color: #333333;
}

growth i{
	color: #d1202f;
}

.experience-including {
	background: #a8d243;
	padding-top: 30px;
	padding-bottom: 10px;
}

.experience-including h4{
	text-transform: uppercase;
	font-size: 22px;
	line-height: 36px;
	color: #1c1c1c;
}

.experience-including h4 a{
	color: #1c1c1c;
}

.mainbanner .btn-default {
	background: #a2cd3a;
	border-radius: 0;
	margin: 0px auto;
	display: table;
	padding: 10px 17px;
	text-transform: uppercase;
	font-size: 20px;
	color: #000;
	margin-top: 30px;
}

.mainbanner .btn-default:hover{
	background: #000;
	color: #fff;
}

.experience-including ul {
	list-style: none;
	padding-left: 0;
	margin-top: 24px;
}

.experience-including ul li {
	position: relative;
	padding-left: 30px;
	line-height: 37px;
	font-size: 20px;
	color: #000000;
	padding-bottom: 10px;
}

.experience-including ul li::before {
	position: absolute;
	content: '\f14a';
	left: 0;
	top: 0;
	color: #212121;
	font-family: 'Font Awesome 5 Free';
	font-weight: 500;
}

.growth-individual{
	text-align: center;
}

.individual{
	background: #f9f9f9;
	padding: 50px;
}

.growth-individual h4 {
	display: table;
	margin: 10px auto;
	border: 2px solid #191919;
	background: #fff;
	padding: 11px 31px;
	border-radius: 100px;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 30px;
	box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.17);
	margin-top: 30px;
}

.growth-individual h4 i{
	color: #d1202f;
}

.growth-individual p {
	font-size: 18px;
	color: #000;
	line-height: 31px;
}

.teams{
	background: #f3f3f3;
	padding: 50px;
}

.membership-table {
	padding-top: 60px;
	padding-bottom: 50px;
}

.membership-table .table td, .table th {
	border: 1px solid #ddd;
}

.table thead th {
	border-bottom: 0px solid #dee2e6;
}

.membership-table table thead th{
	background: #a2cd3a;
	font-size: 20px;
	color: #1a1a1a;
	font-weight: 600;
	text-transform: uppercase;
}

.membership-table table td{
	color: #1a1a1a;
	font-size: 20px;
}

.membership-table table td a{
	color: #d1202f;
	font-weight: 600;
}

.membership-table table td a:hover{
	text-decoration: none;
	color: #000;
}

.growth-feedback p {
	font-size: 20px;
	color: #000;
	line-height: 31px;
}

.growth-feedback h6{
	font-size: 18px;
}

.growth-feedback {
	background: #a8d243;
	padding: 20px;
	margin-bottom: 30px;
	text-align: center;
	border: 8px solid #fff;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.22);
}

.odi-members-courses{
    padding: 30px 0 20px 0;
    font-family: "Open Sans";
}

.odi-members-courses-h2{
    text-transform: uppercase;
    text-align: center;
    background: #231f20;
    color: #fff;
    padding: 15px 0;
    border: 3px solid #b4b4b4;
    border-radius: 40px;
    width: 55%;
    margin: 0 auto;
}

.odi-members-courses-h3{
    text-transform: uppercase;
    border-bottom: 4px double #c5c5c5;
    padding-bottom: 6px;
    font-size: 29px;
    color: #5f5f5f;
    margin-top: 40px;
}

.odi-members-courses ul{
    padding-left: 0;
    margin-bottom: 30px;
    margin-top: 20px;
}

.odi-members-courses ul li {
    list-style: none;
    line-height: 36px;
    padding-left: 50px;
    position: relative;
    font-size: 16px;
}

.marker::before{
    content: "\f041";
    font-family: 'fontawesome';
    left: 0;
    position: absolute;
    background: #0095da;
    padding: 0 10px;
    color: #fff;
    width: 33px;
    text-align: center;
}

.cutlery::before{
    content: "\f0f5";
    font-family: 'fontawesome';
    left: 0;
    position: absolute;
    background: #0095da;
    padding: 0 10px;
    color: #fff;
    width: 33px;
    border-top: 1px solid #fff;
    bottom: 1px;
    text-align: center;
}

.clock::before{
    content: "\f017";
    font-family: 'fontawesome';
    left: 0;
    position: absolute;
    background: #0095da;
    padding: 0 10px;
    color: #fff;
    width: 33px;
    border-top: 1px solid #fff;
    bottom: 1px;
    text-align: center;
}

.odi-members-courses-table table{
    width: 100%;
    margin-bottom: 3%;
}

.odi-members-courses-table table tr th {
    background: #0095da;
    color: #fff;
    text-align: left;
    padding: 10px;
    border: 1px solid #eee;
}

.odi-members-courses-table table tr td {
    text-align: left;
    padding: 5px;
    border: 1px solid #eee;
}

.odi-members-courses-table-h3{
    text-transform: uppercase;
    border-bottom: 4px double #c5c5c5;
    padding-bottom: 12px;
    color: #5f5f5f;
    margin-bottom: 20px;
}

.odi-members-courses-country{
    border: 0px solid #eee;
    padding: 20px;
    margin-top: 40px;
    box-sizing: border-box;
}

.odi-menu, .odi-menu:hover {
    color: #007bff;
    font-size: 13px;
    font-weight: bold;
}

.odi-menu:hover {
    color: #0056b3;
}

.odi-side-navigator {
    width: 160px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    z-index: 9999;
    display: none;
    left: 210px !important;
}

.odi-side-navigator ul, .odi-side-navigator ul li {
    list-style: none;
    line-height: normal !important;
    padding: 0 !important;
    position: initial !important;
    font-size: inherit !important;
    margin: 0 !important;
}

.odi-side-navigator .main-menu a {
    display: block;
    background-color: #fff;
    text-decoration: none;
    padding: 10px;
    color: #5f5f5f;
    font-size: 13px;
}

.odi-side-navigator .main-menu a:hover {
    background-color: #0095da;
    color: #F5F5F5;
}

.odi-side-navigator .main-menu li:hover .sub-menu {
    display: block;
    max-height: 400px;
}

.odi-side-navigator .sub-menu a    {
    background-color: #F5F5F5;
    font-size: 13px;
}

.odi-side-navigator .sub-menu{
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
    font-size: 13px;
}

#course-list h3 {
	font-size: 30px;
	color: #231f20;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

#course-list h3  i {
	color: #d1202f;
}

#searchCoursesForm{
	overflow: hidden;
}

.programsbanner-text h1 strong{
	display: block;
	font-size: 38px;
	padding-bottom: 6px;
}

.programsbanner-text h1{
	font-size: 32px;
	line-height: 42px;
}

.specialised p {
	line-height: 35px;
	text-align: center;
}

.programs {
	padding-top: 30px;
	padding-bottom: 40px;
}

.programs h1 {
	font-size: 25px;
	font-weight: 600;
	color: #006ebf;
	text-transform: uppercase;
	border-bottom: 2px solid #006ebf;
	width: 100%;
	padding-bottom: 11px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.programs .container:nth-child(3) h1{
	color: #ea9a00;
	border-bottom: 2px solid #ea9a00;
}

.programs .container:nth-child(2)  h1{
	color: #0a9345;
	border-bottom: 2px solid #0a9345;
}

.programs h6 {
	font-size: 20px;
	color: #1e1e1e;
	line-height: 31px;
}

.programs .accordion {
	background: #006ebf;
	cursor: pointer;
	padding: 12px 83px 13px 20px;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	position: relative;
	font-size: 22px;
	margin: 0;
	color: #fff;
	font-weight: 600;
	display: table;
	margin-top: 20px;
}

.programs .container:nth-child(3) .accordion {
	background: #ea9a00;
}

.programs .container:nth-child(3) .accordion::after {
	color: #ea9a00;
}

.programs .container:nth-child(2) .accordion {
	background: #0a9345;
}

.programs .container:nth-child(2) .accordion::after {
	color: #0a9345;
}

.programs .accordion:nth-of-type(2n) {
	background: transparent;
}

.programs .accordion::after {
	content: '\002B';
	color: #006ebf;
	border-radius: 100%;
	position: absolute;
	right: 18px;
	top: 12px;
	font-size: 28px;
	background: #FFF;
	width: 27px;
	height: 27px;
	text-align: center;
	padding: 0;
	line-height: 25px;
	padding-right: 1px;
	display: table;
}

.programs .accordion.active:after {
    content: "\2212";
}

.programs .panel p {
	font-size: 18px;
	color: #000;
	margin-bottom: 8px;
	line-height: 30px;
	font-weight: normal;
}

.programs .panel {
	background: transparent;
	max-height: 0px;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	width: 100%;
	padding-top: 10px;
}

.programs .panel:nth-of-type(2n+0) {
	background: transparent;
}

.program-details-text {
	margin-top: 30px;
	margin-bottom: 20px;
}

.h2title {
	color: #000;
	font-size: 32px;
	font-weight: 600;
	border-bottom: 1px solid #e4e4e4;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	padding-bottom: 15px;
	text-transform: uppercase;
}

.course-information-box {
    min-height: 388px !important;
}

.program-details-text figure {
	width: 113px;
	height: 113px;
	background: #fff;
	border-radius: 100px;
	box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.16);
	text-align: center;
	padding-top: 21px;
}

.program-details-text .programpic{
	padding-left: 5px;
}

.program-blue figure{
	border: 6px solid #006ebf;
}

.program-black figure{
	border: 6px solid #2e2e2e;
}

.program-green figure{
	border: 6px solid #0a9345;
}

.program-yellow figure{
	border: 6px solid #ea9a00;
}

.nopadding{
	padding: 0;
}

.program-details-text h5 {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	background: #006ebf;
	padding: 6px;
	color: #fff;
	border-radius: 4px;
	display: table;
	margin-bottom: 8px;
}

.program-black h5{
	background: #2e2e2e;
}

.program-green h5{
	background: #0a9345;
}

.program-yellow h5{
	background: #ea9a00;
}

.program-details-text ul {
	padding-left: 5px;
}

.program-details-text ul li {
	list-style: none;
	font-size: 15px;
	padding-bottom: 4px;
	position: relative;
	padding-left: 18px;
}

.program-details-text ul li::before {
	position: absolute;
	content: '\f111';
	left: 0;
	top: 3px;
	color: #006ebf;
	font-family: 'Font Awesome 5 Free';
	font-weight: 500;
	font-size: 12px;
}

.program-black ul li::before {
	color: #2e2e2e;
}

.program-green ul li::before {
	color: #0a9345;
}

.program-yellow ul li::before {
	color: #ea9a00;
}

.program-graphic {
	position: relative;
	margin-bottom: 20px;
}

.programs .container:nth-child(2) .program-graphic {
	margin-top: 60px;
}

.programs .container:nth-child(3) .program-graphic {
	margin-top: 60px;
}

.program-graphic h6 {
	font-weight: 700;
	font-size: 17px;
	color: #006ebf;
	text-transform: uppercase;
	line-height: 20px;
	margin-bottom: 2px;
}

.programs .container:nth-child(3) .program-graphic h6 {
	color: #ea9a00;
}

.programs .container:nth-child(2) .program-graphic h6 {
	color: #0a9345;
}

.program-graphic-text {
	position: absolute;
	top: 25%;
	left: 13%;
	width: 50%;
}

.programs .container:nth-child(2) .program-graphic-text {
	top: 19%;
	left: 17%;
	width: 44%;
}

.programs .container:nth-child(3) .program-graphic-text {
	top: 19%;
	left: 17%;
	width: 44%;
}

.program-graphic-text ul{
	padding-left: 0;
}

.program-graphic-text li {
	list-style: none;
	color: #000000;
	font-size: 15px;
	padding-bottom: 2px;
}

.programtopic{
	margin-top: 50px;
}

.programs .container:nth-child(2) .programtopic{
	margin-bottom:  50px;
}

.programs .container:nth-child(3) .programtopic{
	margin-bottom:  50px;
}

.graphic-dot{
	position: relative;
}

.graphic-dot::after {
	content: '';
	width: 22px;
	height: 22px;
	background: #fff;
	border: 6px solid #006ebf;
	top: -147px;
	left: 39%;
	position: absolute;
	border-radius: 100px;
}

.graphic-dot:nth-child(2)::after {
	border: 6px solid #2e2e2e;
	top: -119px;
	left: 72%;
}

.graphic-dot:nth-child(3)::after {
	border: 6px solid #0a9345;
	top: -51px;
	left: 94%;
}

.graphic-dot:nth-child(4)::after {
	border: 6px solid #2e2e2e;
	top: 49px;
	left: 107%;
}

.graphic-dot:nth-child(5)::after {
	border: 6px solid #006ebf;
	top: 198px;
	left: 107%;
}

.graphic-dot:nth-child(6)::after {
	border: 6px solid #0a9345;
	top: 295px;
	left: 92%;
}

.graphic-dot:nth-child(7)::after {
	border: 6px solid #2e2e2e;
	top: 356px;
	left: 71%;
}

.graphic-dot:nth-child(8)::after {
	border: 6px solid #006ebf;
	top: 384px;
	left: 39%;
}

.handover{
	padding-top: 62px;
	padding-bottom: 50px;
}

.handover .handover-icon {
	text-align: center;
	margin: 0 auto;
	background: #000;
	display: table;
	border-radius: 100px;
	padding: 28px 0 0px 0;
	width: 120px;
	height: 120px;
	border: 5px solid #006ebf;
	position: relative;
}

.programs .container:nth-child(3) .handover-icon{
	border-color: #ea9a00;
}

.programs .container:nth-child(2) .handover-icon {
	border-color: #0a9345;
}

.handover .handover-icon::after {
	content: '';
	position: absolute;
	height: 2px;
	background: #006ebf;
	width: 318px;
	margin: 0 auto;
	text-align: center;
	left: -98px;
	top: 56px;
	z-index: -1;
}

.programs .container:nth-child(3) .handover-icon::after{
	background: #ea9a00;
}

.programs .container:nth-child(2) .handover-icon::after{
	background: #0a9345;
}

.handover h4 {
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin-top: 30px;
}

.handover p {
	font-size: 18px;
	color: #131415;
	line-height: 29px;
	margin-bottom: 8px;
}

.handover-ecosystem figure{
	text-align: center;
	margin: 0 auto;
	background: #fff;
	display: table;
	border-radius: 200px;
	padding: 95px 0px 0px 0px;
	width: 260px;
	height: 260px;
	border: 6px solid #f2f2f2;
}

.handover h5 {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	margin-top: 30px;
	background: #0e75ba;
	padding: 9px 30px;
	border-radius: 100px;
	display: table;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.programs .container:nth-child(3) .handover h5{
	background: #ea9a00;
}

.programs .container:nth-child(2) .handover h5 {
	background: #0a9345;
}


.future-leadership{
	padding-top: 32px;
}

.future-leadership figure{
	text-align: center;
}

.programs-graph-bg{
	background: #fcfcfc;
}

.programs-graph-text {
	background: #fff;
	padding: 20px 40px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.11);
	margin-bottom: 50px;
}

.programs-graph-text h3 {
	font-size: 25px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #006ebf;
}

.programs-graph-text p {
	font-size: 19px;
	line-height: 31px;
	margin-bottom: 3px;
	color: #000;
}

.programs-buttons {
	padding-bottom: 30px;
	background: #fcfcfc;
}

.programs-buttons .btn {
	transition: none;
	background: #a4cf0b;
	border: 0;
	border-radius: 0;
	font-size: 19px;
	color: #000;
	padding: 15px 30px;
	text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
	display: table;
}

.programs-buttons .btn:hover {
	background: #000;
	color: #fff !important;
}

.programs-buttons .col-md-6:nth-child(2) .btn {
	background: #323231;
	color: #a2cd3a;
}

.programs-buttons .col-md-6:nth-child(2) .btn:hover{
	background: #a4cf0b;
	color: #fff;
}

.program-mdhide{
	display: none;
}

.recruitmentbanner h2{
	font-size: 47px;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	margin-top: 5%;
}

.recruitmentbanner h2 strong{
	display: block;
	color: #199df0;
}

.recruitment-text{
	background: #f9f9f9;
	padding-top: 40px;
	padding-bottom: 40px;
}

.recruitment-text p{
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	color: #000;
	margin-bottom: 8px;
}

.recruitment-text .list-text {
	margin-top: 30px;
}

.recruitment-text .list-text figure {
	width: 113px;
	height: 113px;
	background: #fff;
	border-radius: 100px;
	box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.16);
	text-align: center;
	padding-top: 21px;
}

.recruitment-text .list-text figure {
	border: 6px solid #006ebf;
}

.recruitment-text .list-text:nth-child(2) figure{
	border: 6px solid #d12028;
}

.list-text h5 {
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	background: #101010;
	padding: 10px 16px;
	color: #fff;
	border-radius: 4px;
	display: table;
	margin-bottom: 18px;
}

.list-text ul {
	padding-left: 0px;
}

.list-text ul li {
	list-style: none;
	font-size: 20px;
	padding-bottom: 8px;
	position: relative;
	padding-left: 28px;
	font-weight: 400;
}

.list-text ul li strong{
	font-weight: 600;
}

.list-text ul li::before {
	position: absolute;
	content: '\f058';
	left: 0;
	top: 1px;
	color: #006ebf;
	font-family: 'Font Awesome 5 Free';
	font-weight: 500;
	font-size: 20px;
}

.recruitment-text .list-text:nth-child(2) ul li::before{
	color: #d12028;
}

.recruitment-graphic figure{
	margin-top: 90px;
}

.scientifically{
	padding-top: 40px;
}

.h1predictive {
	font-size: 40px;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
	font-weight: 600;
	margin-bottom: 32px;
}

.h1predictive::after{
	content: '';
	position: absolute;
	bottom: 0;
	background: #000;
	width: 60px;
	height: 4px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.scientifically p{
	text-align: center;
	font-size: 19px;
	color: #000;
	margin-bottom: 7px;
	line-height: 30px;
}

.scientifically h2 {
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 32px;
	background: #000;
	padding: 13px 20px;
	border-radius: 100px;
	margin-top: 47px;
}

.scientifically-text {
	margin-bottom: 20px;
}

.scientifically-text figure {
	width: 100px;
	height: 100px;
	background: #fff;
	border-radius: 100px;
	box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.16);
	text-align: center;
	padding-top: 16px;
	position: relative;
}

.scientifically-text figure::after {
	content: '';
	position: absolute;
	top: 51%;
	right: -19px;
	width: 15px;
	height: 2px;
	background: #006ebf;
}

.scientifically-text figure::before {
	content: '';
	position: absolute;
	top: 45%;
	right: -30px;
	width: 14px;
	height: 14px;
	border-radius: 100px;
	background: #006ebf;
}

.scientifically .scientifically-text:nth-child(1) figure {
	border: 4px solid #006ebf;
}

.scientifically .scientifically-text:nth-child(2) figure {
	border: 4px solid #ea9a00;
}

.scientifically .scientifically-text:nth-child(2) figure::before,
.scientifically .scientifically-text:nth-child(2) figure::after {
	background: #ea9a00;
}

.scientifically .scientifically-text:nth-child(3) figure {
	border: 4px solid #0a9345;
}

.scientifically .scientifically-text:nth-child(3) figure::before,
.scientifically .scientifically-text:nth-child(3) figure::after {
	background: #0a9345;
}

.scientifically-text h5 {
	font-size: 22px;
	font-weight: 600;
	color: #000;
	margin-bottom: 5px;
	margin-top: 17px;
	padding-left: 5px;
}

.scientifically-text p {
	font-size: 17px;
	color: #000;
	text-align: left;
	padding-left: 5px;
}

.scientifically .position {
	text-align: center;
}

.scientifically .position img {
	border: 1px solid #333;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.09);
	margin-top: 20px;
}

.download-pdf{
	background: #f6f6f6;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.download-pdf figure{
	text-align: center;
}

.download-pdf p{
	font-size: 21px;
	color: #000;
}

.interpretation{
	padding-top: 30px;
	padding-bottom: 30px;
}

.interpretation p{
	text-align: center;
	font-size: 19px;
	color: #000;
	margin-bottom: 7px;
	line-height: 30px;
}

.interpretation-box{
	box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.16);
	min-height: 239px;
	margin-top: 30px;
	display: flex;
}

.interpretation-box .row {
	margin-right: 0;
	margin-left: 0;
}

.interpretation-text .row {
	margin-right: -15px;
	margin-left: -15px;
}

.interpretation-series{
	background: #0e75ba;
	text-align: center;
}

.interpretation .interpretation-box:nth-child(4n+3) .interpretation-series{
	background: #ea9a00;
}

.interpretation .interpretation-box:nth-child(4n+2) .interpretation-series{
	background: #0a9345;
}

.interpretation .interpretation-box:nth-child(4n+4) .interpretation-series{
	background: #d12028;
}

.interpretation-series h1 {
	color: #fff;
	font-size: 70px;
	font-weight: 700;
	margin-top: 12px;
	margin-bottom: 15px;
}

.interpretation-series figure {
	width: 100px;
	height: 100px;
	background: rgba(0, 0, 0, 0.07);
	border-radius: 100px;
	box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.16);
	text-align: center;
	padding-top: 23px;
	margin: 0 auto;
}

.interpretation-text{
	padding: 12px 25px;
}

.interpretation-text h3 {
	color: #0e75ba;
	font-size: 26px;
	font-weight: 700;
	margin-top: 12px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.interpretation .interpretation-box:nth-child(4n+3) h3{
	color: #ea9a00;
}

.interpretation .interpretation-box:nth-child(4n+2) h3{
	color: #0a9345;
}

.interpretation .interpretation-box:nth-child(4n+4) h3{
	color: #d12028;
}

.interpretation-text p {
	text-align: left;
	font-size: 17px;
	font-weight: 300;
	line-height: 28px;
}

.interpretation-text p i{
	display: block;
}

.interpretation-text h5{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	color: #000;
}

.interpretation-image figure{
	margin-bottom: 0;
}

.recruitment-note{
	background: #f7f7f7;
	padding-top: 40px;
	padding-bottom: 40px;
}

.recruitment-note-text{
	background: #fff;
	border: 1px solid #e4e4e4;
	padding: 30px;
}

.recruitment-note-text h3 {
	font-size: 25px;
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.recruitment-note-text p{
	font-size: 18px;
	color: #000;
	margin-bottom: 8px;
}

.recruitment-graph-text h3 {
	font-size: 20px;
}

.recruitment-graph-text{
	text-align: center;
}

.tmc-cloud-bg{
	background-image:url(../images2/training-management-in-cloud.jpg);
	width:100%;
	height:486px;
	background-repeat:no-repeat;
}

.lineheight36 {
	line-height: 36px;
}

.lineheight17 {
	line-height: 17px;
}

#floatingmenu{
	margin-left:0;
    position: static;
    top: 0;

}

.TMC-floatingMenu{
	position: absolute;
	top: 0;

	height: 55px;
	z-index: 100;
	left: 22px;
	/*background:url(../images2/floating-menu-repeater.jpg);*/

	background-repeat:repeat-x;
	padding:3px !important;
}

.TMC-floatingMenu ul{
margin-top:3px;
	padding:0;

}

.TMC-floatingMenu ul li{
	float:left;
	margin:0px 0px 2px 11px;
}

.TMC-floatingMenu ul li > a{
	height:auto;
	overflow:auto;
	background-color:#fff;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	display:block;
	width:180px;
	text-align:left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.TMC-floatingMenu ul li > a:hover{
	background-color:#7ab525;
	color:#fff;
}

.tmc-FlMenuText{
	padding-top:4px;
}

.check-list-icon{
	list-style-image:url(../images2/check-list-icon.png);
}

.tmc-topBot-pad{
	padding:20px 0;
}

.allocatedBtn{
	background-image:url(../images2/allocated-btn.png);
	width:217px;
	height:53px;
	line-height:53px;
	display:block;
	background-repeat:no-repeat;
	color:#fff;
	text-indent:35px;
	font-weight:bold;
}

.training-org-section{
	text-align: center;padding: 30px 0px;
}

.training-org-section h2{
	font-weight: 700;font-size: 22px;
	color: rgb(54, 52, 53);
	border-bottom: 4px double rgb(234, 234, 234);
	padding-bottom: 20px;
}

.management-center1{
	padding: 30px 0 10px;
	text-align: center;
}

.management-center1 h2{
	font-size: 30px;
	padding: 30px 0 0;
}

.left-text{
	float:left !important;
}

.training-org-section h2, .management-center1 h2{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 22px !important;
	font-weight: 700;
	color: rgb(54, 52, 53);
	padding: 10px 0 20px;
	border-bottom: 4px double rgb(234, 234, 234);
}

.graylightbg{
	background-color: #fbfbfb !important;
	padding: 40px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

/* =============================================================================== */
						/*  media start  */
/* =============================================================================== */

@media only screen and (min-width: 1367px) {
.modal-dialog {
	max-width: 1200px;
}
}


@media only screen and (min-width: 1400px) and (max-width: 2500px) {
.opportunities h4 {
	margin-top: 98px;
}

.ecosystem-graph .container-fluid{
	width: 1400px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
	.odi-side-navigator {
	left: 0px !important;
}
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
.menu-login a {
	font-size: 15px;
}

.navbar-dark .navbar-nav .nav-link {
	font-size: 15px;
	border-right: 1px solid #c2c2c2;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: .3rem;
	padding-left: .3rem;
}

.footer-btns .col-md-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 100%;
	max-width: 100%;
}

.opportunities h4 {
	line-height: 15px;
	margin-top: 67px;
}

.specialised p {
	padding: 0;
}

.h2title {
	font-size: 27px;
}

.program-details-text figure {
	width: 90px;
	height: 90px;
	padding-top: 13px;
}

.program-blue figure {
	border: 4px solid #006ebf;
}

.program-black figure {
	border: 4px solid #2e2e2e;
}

.program-green figure {
	border: 4px solid #0a9345;
}

.program-yellow figure {
	border: 4px solid #ea9a00;
}

.program-graphic-text {
	top: 21%;
	left: 17%;
}

.handover-ecosystem figure {
	width: auto;
	height: auto;
	border: none;
}

.programs .container:nth-child(2) .program-graphic-text {
	top: 23%;
	left: 16%;
	width: 54%;
}

.programs .container:nth-child(3) .program-graphic-text {
	top: 18%;
	width: 56%;
}

.programs-graph-text h3 {
	font-size: 22px;
	font-weight: 700;
}

.programs-buttons .btn {
	padding: 15px 20px;
}

.scientifically-text figure {
	width: 90px;
	height: 90px;
}

.scientifically-text figure::before {
	top: 43%;
	right: -25px;
	width: 12px;
	height: 12px;
}

.scientifically-text figure::after {
	top: 49%;
	right: -15px;
}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
.topbar .offset-md-6 {
	margin-left: 30%;
}

.topbar .col-md-3 {
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
	max-width: 35%;
}

.mainbanner .col-md-10 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.topmenu .offset-md-4 {
	margin-left: 23.333%;
}

.topmenu .col-md-3 {
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
	max-width: 35%;
}

.search input {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.search .btn-secondary {
	left: 0;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.topmenu .bg-dark {
	margin-top: -29px;
	line-height: inherit;
	float: none;
}

.navbar-dark .navbar-nav .nav-link {
	border-right: 0;
}

.homebanner .navbar-dark .navbar-nav .nav-link {
	border-right: 0px solid #fff;
}

.logo{
	display: none;
}

.navbar-brand {
	display: block;
}

.navbar-brand figure {
	background: #fff;
	width: 110px;
	height: 110px;
	text-align: center;
	border-radius: 100px;
	position: relative;
	border: 7px solid rgba(50, 50, 49, 0.13);
	overflow: hidden;
	padding: 34px 5px 0 5px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.09);
	margin-bottom: 0;
}

.navbar-nav {
	text-align: right;
}

.mainbanner h1 {
	font-size: 35px;
	margin-top: 10%;
	line-height: 45px;
}

.mainbanner {
	min-height: auto;
	padding-bottom: 30px;
}

.h3title {
	padding: 17px 20px;
	font-size: 26px;
}

.pdt-numbers .col-md {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.workplace-text h2 {
	font-size: 25px;
}

.workplace-learning .col-md-12:nth-child(1) figure {
	padding-left: 0;
}

.workplace-learning hr::before {
	background: url(../images2019/workplace-arrow-right-tab.png) no-repeat;
	width: 555px;
}

.workplace-learning .col-md-12:nth-child(2) hr::before {
	background: url(../images2019/workplace-arrow-left-tab.png) no-repeat;
}

.feedback figure {
	width: 200px;
}

.footer-btns .col-md-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 100%;
	max-width: 100%;
}

.modal-dialog {
	max-width: 98%;
}

.modal-body {
	padding: 20px;
}

.modal h1 span {
	display: initial;
}

.modal h1 {
	font-size: 26px;
}

.modal h4,
.modal p {
	padding: 0 10px;
}

.reduce-costs h4 {
	font-size: 25px;
	line-height: 38px;
}

.ecosystem-graph-grid-box {
	min-height: 500px;
}

.ecosystem-graph-grid .col-md-4,
.ecosystem-graph-grid .col-md-12{
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.ecosystemgraph .col-md-6{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.ecosystemgraph h5 {
	margin-top: 60px;
}

.ecosystembanner img{
	width: 80%;
}

/*.reach-gold figure {
	margin: 0 auto;
	width: 50%;
	margin-bottom: 70px;
}
*/
.individual,
.teams {
	padding: 15px;
}

.membership-table table thead th {
	font-size: 17px;
	text-transform: capitalize;
}

.membership-table table td {
	font-size: 16px;
}

#searchCoursesForm h3 {
	font-size: 26px;
}

.specialised p {
	 margin-bottom: 0px;
}

.programs .panel .col-md-8 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.h2title {
	font-size: 28px;
}

.program-graphic {
	-ms-flex: 0 50% !important;
	flex: 0 0 50% !important;
	max-width: 50% !important;
}

.program-graphic figure {
	display: none;
}

.program-graphic-text {
	position: relative;
	left: 0;
	width: auto;
	border: 2px solid #006ebf;
	padding: 20px 10px;
	top: 21%;
}

.programs .container:nth-child(2) .program-graphic,
.programs .container:nth-child(3) .program-graphic {
	margin-top: 0;
}

.programs .container:nth-child(3) .program-graphic-text {
	top: 30%;
	left: 0;
	width: auto;
	border: 2px solid #ea9a00;
	padding: 20px 10px;
}

.programs .container:nth-child(2) .program-graphic-text {
	top: 30%;
	left: 0;
	width: auto;
	border: 2px solid #0a9345;
	padding: 20px 10px;
}

.program-graphic h6 {
	font-size: 19px;
	line-height: 26px;
}

.program-graphic-text li {
	padding-bottom: 5px;
}

.program-details-text h5 {
	font-size: 14px;
	padding: 6px 10px;
	border-radius: 0px;
}

.program-details-text ul li {
	font-size: 14px;
	padding-bottom: 3px;
	padding-left: 16px;
}

.handover h4 {
	font-size: 20px;
}

.handover-ecosystem figure {
	display: table;
	padding: 95px 0px 0px 0px;
	width: auto;
	height: auto;
	border: none;
}

.programs-buttons .btn {
	font-size: 18px;
	padding: 15px 20px;
}

.programs-graph-text {
	padding: 15px;
	margin-bottom: 20px;
	max-width: 100% !important;
}

.programs-graph-text h3 {
	font-size: 18px;
}

.programs-graph-text p {
	font-size: 17px;
	line-height: 29px;
}

.recruitment-text .list-text figure {
	width: 90px;
	height: 90px;
	padding-top: 12px;
}

.list-text ul li {
	font-size: 16px;
	padding-left: 26px;
}

.scientifically h2 {
	font-size: 17px;
}

.scientifically-text figure {
	width: 80px;
	height: 80px;
	padding: 15px;
}

.scientifically-text figure::before,
.scientifically-text figure::after {
	display: none;
}

.scientifically-text h5 {
	font-size: 19px;
}

.interpretation-series figure {
	width: 80px;
	height: 80px;
	padding: 15px;
}

}



@media only screen and (min-width: 0px) and (max-width: 767px) {
.logo {
	display: none;
}

.menu-login ul {
	margin-top: 0;
	margin-bottom: 7px;
}

.search .input-group {
	margin-top: 0;
}

.search input{
	border-radius: 20px;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.search .btn-secondary {
	border-radius: 20px;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	left: 0;
}

.topmenu .bg-dark {
	float: none;
	margin-top: 0;
	line-height: inherit;
}

.navbar-dark .navbar-nav .nav-link {
	font-size: 14px;
	border-right: 0;
	text-align: right;
}

.homebanner .navbar-dark .navbar-nav .nav-link {
	border-right: 0px solid #fff;
}

.mainbanner {
	min-height: auto;
	padding-bottom: 30px;
}

.mainbanner h1 {
	font-size: 24px;
	margin-top: 10%;
	 text-shadow: none;
	line-height: 35px;
}

.mainbanner h1 b {
	display: block;
	font-size: 24px;
	color: #262625;
}

.ecosystembanner figure {
	padding-top: 20px;
	padding-bottom: 20px;
}

.our-purpose,
.pdt-numbers,
.workplace-learning,
.feedback,
.positively-impact{
	padding: 30px 15px;
}

.our-purpose h3 {
	font-size: 20px;
}

.h3title {
	padding: 10px 15px;
	font-size: 20px;
	border-radius: 10px;
}

.numbersbox {
	border-right: 0;
}

.pdt-numbers figure {
	margin-top: 20px;
}

.reduce-costs p {
	font-size: 16px;
	line-height: 30px;
}

.workplace-learning .col-md-12:nth-child(1) figure {
	margin-top: 0;
	padding-left: 0;
	text-align: center;
}

.workplace-text h2 {
	font-size: 20px;
	line-height: 34px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.workplace-learning hr::before {
	display: none;
}

.workplace-text {
	margin-top: 30px;
}

.workplace-learning hr {
	margin-top: 0;
}

.workplace-text h5 {
	border-radius: 10px;
	line-height: 24px;
}

.workplace-learning .col-md-12:nth-child(2) figure {
	margin-top: 40px;
	padding-left: 0;
	text-align: center;
}

.workplace-learning .col-md-12:nth-child(3) figure {
	margin-top: 10px;
	text-align: center;
	border-top: 1px solid #ddd;
	padding-top: 40px;
}

.workplace-learning .col-md-12:nth-child(4) figure {
	margin-top: 50px;
	text-align: center;
	padding-left: 0;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}

.where-next ul li {
	display: block;
}

.feedback h1 {
	font-size: 19px;
	line-height: 31px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.feedback h5 {
	line-height: 30px;
	margin-bottom: 40px;
}

.feedback h5 span {
	display: initial;
}

footer p {
	text-align: center;
	margin-top: 20px;
}

footer h4 {
	text-align: center;
}

.modal-dialog {
	max-width: 100%;
}

.modal-body {
	padding: 20px;
}

.modal h1 {
	font-size: 22px;
	text-transform: capitalize;
	line-height: 33px;
}

.modal h1 span {
	display: initial;
}

.modal h4 {
	font-size: 20px;
	padding: 0 10px;
}

.modal p {
	padding: 0 10px;
	font-size: 17px;
}

.feedback p {
	border-bottom: 1px solid #dedede;
	padding-bottom: 10px;
}

.positively-impact h3 {
	padding: 10px 15px;
	border-radius: 10px;
	font-size: 19px;
	line-height: 27px;
}

.reach-gold figure {
	margin-bottom: 40px;
}

.rqdevelopment-logosbg{
	padding-left: 15px;
	padding-right: 15px;
}

.rqdevelopment-logos h4 {
	font-size: 19px;
	line-height: 32px;
}

.rqdevelopment-logos .trailbtn {
	font-size: 15px;
	padding: 11px 20px;
}

.reduce-costs h4 {
	font-size: 19px;
	line-height: 31px;
}

.positively-impact-text {
	background: none;
	padding: 0;
	border: 0;
}

.positively-impact p {
	font-size: 18px;
}
.reduce-costs h3 {
	font-size: 30px;
}

.experience-including h4 {
	text-transform: capitalize;
	font-size: 20px;
}

.growth-individual h4 {
	padding: 10px 10px;
	border-radius: 10px;
	font-size: 18px;
	line-height: 22px;
}

.individual,
.teams {
	padding: 15px;
}

.membershiptable {
	overflow: scroll;
}

.membership-table table td {
	font-size: 15px;
}

.membership-table table thead th {
	font-size: 14px;
	font-weight: normal;
	text-transform: capitalize;
}

#searchCoursesForm h3 {
	font-size: 20px;
}

.odi-members-courses-h3 {
	text-transform: capitalize;
	font-size: 20px;
}

.publicMemberContainer {
	max-height: inherit;
	overflow-y: inherit;
	border: 0;
	padding-top: 0;
}

.odi-members-courses-h2 {
	width: auto;
	font-size: 25px;
}

.odi-members-courses-table-h3 {
	font-size: 22px;
}

.odi-side-navigator {
	left: 10px !important;
}

.our-purpose p {
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.programs h1 {
	font-size: 19px;
}

.programs {
	padding-top: 30px;
	padding-bottom: 30px;
}

.programs h6 {
	font-size: 16px;
	line-height: 28px;
}

.program-graphic h6 {
	font-size: 17px;
	line-height: 20px;
}

.h2title {
	font-size: 19px;
	margin-bottom: 0;
}

.program-graphic figure{
	display: none;
}

.program-details-text .col-md-8{
	margin-top: 20px;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 10px;
}

.program-graphic-text {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	border: 2px solid #006ebf;
	padding: 10px;
}

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

.programs .panel p {
	font-size: 16px;
	line-height: 29px;
}

.handover-ecosystem figure {
	margin: 20px auto;
}

.handover h5 {
	font-size: 20px;
	font-weight: 600;
	padding: 11px 30px;
	text-transform: capitalize;
}

.programs .container:nth-child(2) .program-graphic,
.programs .container:nth-child(3) .program-graphic {
	margin-top: 20px;
}

.programs .container:nth-child(3) .program-graphic-text {
	top: 0;
	left: 0;
	width: auto;
	border: 2px solid #ea9a00;
	padding: 10px;
}

.programs .container:nth-child(2) .program-graphic-text {
	top: 0;
	left: 0;
	width: auto;
	border: 2px solid #0a9345;
	padding: 10px;
}

.handover {
	padding-top: 20px;
	padding-bottom: 30px;
}

.programs-buttons .btn {
	margin: 10px auto;
	font-size: 16px;
	padding: 10px 30px;
}

.programs-graph-text {
	padding: 15px;
	margin-bottom: 20px;
}

.programs-graph-text h3 {
	font-size: 18px;
}

.programs-graph-text p {
	font-size: 17px;
	line-height: 29px;
}

.program-smhide{
	display: none;
}

.program-mdhide{
	display: block;
}

.growth-logo img{
	width: 100%;
}

.ecosystem-logo img{
	width: 100%;
}

.recruitmentbanner h2 {
	font-size: 30px;
}

.recruitment-text,
.scientifically{
	padding: 30px 15px;
}

.recruitment-graphic figure {
	margin-top: 10px;
}

.h1predictive {
	font-size: 30px;
}

.scientifically h2 {
	font-size: 17px;
	border-radius: 0;
}

.interpretation-series {
	padding-bottom: 30px;
}

.recruitment-note-text {
	padding: 15px;
}

.recruitment-note-text h3 {
	font-size: 20px;
}

}