@charset "utf-8";
/* CSS Document */
html { scroll-behavior: smooth;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
body {font-family: 'poppinslight'; font-size: 16px;}
 
/* HEADER
========================================================================*/
header { padding: 10px 0; background: #ffffff; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.headerInner{ display: flex; align-items: center;}
.logo{ flex: 1; max-width: 20%;}
.logo a{}
.logo a img{ width: 220px;} 
.headerCall{flex: 1;max-width: 20%; text-align: right;}
.headerCall a{ font-size: 18px; color: #102a83;font-family: 'poppinssemibold'; }
.headerCall a img{ width: 25px; margin: -10px 5px 0 0;}
.headerCall a span{line-height: 30px; display: inline-block; }
/* NAV
========================================================================*/
.navigation{flex: 1;width: 40%;}
.navigation ul { text-align: center;}
.navigation ul li { display: inline-block; padding: 0 5px }
.navigation ul li a { color: #2a343c; font-size: 16px; padding: 10px 10px;font-family: 'poppinsmedium'; text-transform: uppercase; transition: 0.5s; position: relative;} 
.navigation ul li a:hover{  color: #102a83; transition: 0.5s;}
.navigation ul li a:after{ content:""; position: absolute; left: 0; bottom: -5px; width: 0; background: #102a83; height: 2px;  transition: 0.5s;}
.navigation ul li a:hover:after{ width:100%; transition: 0.5s;}
.navigation ul li a.active { }

/* BANNER
========================================================================*/
.bannerWrap{ position: relative; margin-top: 78px;}
.bannerWrap .banner{}
.bannerWrap .banner img{ width: 100%;}
.bannerWrap .banner img.desktopBanner{ display: block;}
.bannerWrap .banner img.mobileBanner{ display: none;}
.bannerWrap .banner .bannerTxt{ font-size: 40px; color: #ffffff; text-transform: uppercase;font-family: 'poppinsbold'; position: absolute; left: 6%; top:50%;transform: translateY(-50%);}

/* CONTAINER
========================================================================*/
.pageData{ position: relative;}
.aboutpractmanWrap { position: relative; padding: 80px 0; background: url("../images/graphic1.png") no-repeat right top; background-size: 18% auto;}
.aboutpractmanWrap .aboutpractmanInner{ position: relative;}
.aboutpractmanWrap .aboutpractmanInner .aboutpractmanHero{ text-align: center; width: 70%; margin: 0 auto; font-size: 18px;}
.aboutpractmanWrap .aboutpractmanInner .aboutpractmanHero h2{ }
.aboutpractmanWrap .aboutpractmanInner .aboutpractmanHero span{ font-family: 'poppinssemibold'; }
.aboutpractmanWrap .aboutpractmanInner .missionWrap{ margin-top: 50px; position: relative;}
.aboutpractmanWrap .aboutpractmanInner .missionWrap img{ width: 100%;}
.aboutpractmanWrap .aboutpractmanInner .missionWrap .missionInner{ width: 60%; padding: 50px; position: absolute; left: 0; right: 0; text-align: center; top: 50%; transform: translateY(-50%);margin: auto; color: #ffffff; font-size: 24px;}
.aboutpractmanWrap .aboutpractmanInner .missionWrap .missionInner:after{ content:""; position: absolute; left: 0; top: 0; background:#102a83; width: 100%; height: 100%; opacity: 0.9; }
.aboutpractmanWrap .aboutpractmanInner .missionWrap .missionInner h2{ position: relative; color: #ffffff; z-index: 9;}
.aboutpractmanWrap .aboutpractmanInner .missionWrap .missionInner p{ position: relative; z-index: 9;}

.aboutDirectorWrap{ background:#030303 url(../images/graphic2.png) no-repeat left top; background-size: 180px auto; position: relative; padding: 80px 0;  }
.aboutDirectorWrap .aboutDirectorInner{ display: flex; align-items: center; width: 90%; margin: 0 auto;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorLeft{ text-align: center; width: 30%; color: #bcbcbc;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorLeft img{ width: 100%;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorLeft h4{ margin-top: 20px; font-size: 24px; line-height: 28px; margin-bottom: 10px;font-family: 'poppinssemibold'; color: #ffffff;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorLeft .designation{}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorRight{ width: 70%; color: #bcbcbc; padding-left: 80px;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorRight .heading{ font-size: 33px; line-height: 40px; color: #ffffff;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorRight .heading span{font-family: 'poppinssemibold';} 
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorRight .downloadBtn{ margin-top: 40px;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorRight .downloadBtn a{ background: #ffffff; color: #102a83; font-size: 16px; font-family: 'poppinssemibold'; padding: 10px 20px; display: inline-block; text-transform: uppercase;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorRight .downloadBtn a:hover{}

.ourapprochWrap{position: relative; padding: 80px 0; background:  url(../images/graphic-4.png) no-repeat bottom left 20%; background-size: 250px auto;}
.ourapprochWrap .ourapprochInner{ display: flex;}
.ourapprochWrap .ourapprochInner .ourapprochLeft{ width: 40%; margin-right: 80px;}
.ourapprochWrap .ourapprochInner .ourapprochLeft .subheading{}
.ourapprochWrap .ourapprochInner .ourapprochLeft ul{ margin-top: 15px;}
.ourapprochWrap .ourapprochInner .ourapprochLeft ul li{ padding-left: 15px; background: url("../images/bullet.png") no-repeat left top 8px; background-size:5px; margin-bottom: 10px;}
.ourapprochWrap .ourapprochInner .ourapprochRight{width: 60%;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul{display: flex; flex-wrap: wrap;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li{width: 48%; padding: 30px; border: 1px solid #333333; margin: 10px 1%; padding-bottom: 60px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li h4{ color:#333333; font-family: 'poppinsmedium';}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon1{ background:url("../images/focus-practicing-managers-leaders-bk.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon2{ background:url("../images/organizational-learning-over-individual-learning-bk.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon3{ background:url("../images/building-organizational-capacity-bk.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon4{ background:url("../images/emphasis-critical-thinking-bk.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon5{ background:url("../images/strong-application-orientation-bk.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon6{ background:url("../images/collaborative-learning-environment-bk.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li:hover{color:#ffffff; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li:hover h4{ color:#ffffff; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon1:hover{ background:#102a83 url("../images/focus-practicing-managers-leaders.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon2:hover{ background:#102a83 url("../images/organizational-learning-over-individual-learning.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon3:hover{ background:#102a83 url("../images/building-organizational-capacity.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon4:hover{ background:#102a83 url("../images/emphasis-critical-thinking.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon5:hover{ background:#102a83 url("../images/strong-application-orientation.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li.icon6:hover{ background:#102a83 url("../images/collaborative-learning-environment.svg") no-repeat right 15px bottom 15px; background-size: 50px; transition: 0.5s;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li h4{}
.ourapprochWrap .ourapprochInner .ourapprochRight ul li img{}

.knowMore{ margin-top: 30px;}
.knowMore a{ background:#102a83; color: #ffffff; padding: 10px 20px; text-transform: uppercase; display: inline-block; }
.knowMore a:hover{}

.servicesWrap{ position: relative; padding: 80px 0; background: url("../images/servicesBg.jpg") no-repeat center/cover;}
.servicesWrap .servicesInner{}
.servicesWrap .servicesInner .servicesHeader{ text-align: center; color: #ffffff; width: 80%; margin: 0 auto;}
.servicesWrap .servicesInner .servicesHeader h2{color: #ffffff;}
.servicesWrap .servicesInner .servicesList{ margin-top: 40px;} 
.servicesWrap .servicesInner .servicesList ul{ display: flex; flex-wrap: wrap;}
.servicesWrap .servicesInner .servicesList ul li{ display: flex; width: 31%; margin: 15px 1%; min-height: 180px; }
.servicesWrap .servicesInner .servicesList ul li .num{ background: #102a83; color: #009ee0;align-content: center; font-size: 35px; font-family: 'poppinssemibold'; width: 30%; text-align: center;}
.servicesWrap .servicesInner .servicesList ul li .text{ font-size: 14px; background: #ffffff; color: #333333;  font-family: 'poppinssemibold'; padding: 15px; align-content: center; width: 70%;}

.connectusWrap{ position: relative; padding: 80px 0; background:  url(../images/graphic5.png) no-repeat bottom right; background-size: 350px auto;}
.connectusWrap .connectusInner{ position: relative;}
.connectusWrap .connectusInner .connectusHero{ width: 70%; margin: 0 auto; text-align: center;}
.connectusWrap .connectusInner .connectusHero h2{}
.connectusWrap .connectusInner .connectusForm{ margin-top: 50px;}
.connectusWrap .connectusInner .connectusForm .inputBox{ width: 48%; margin: 0 1% 20px 1%; float: left;    position: relative;}

.connectusWrap .connectusInner .connectusForm .inputBox.fullWidth{ width: 98%;}
.connectusWrap .connectusInner .connectusForm .inputBox label{ color: #333333;font-family: 'poppinsregular';}
.connectusWrap .connectusInner .connectusForm .inputBox input{ width: 100%; border: 1px solid #999999; padding: 15px;}
.connectusWrap .connectusInner .connectusForm .inputBox textarea{width: 100%; border: 1px solid #999999; padding: 15px;}
.connectusWrap .connectusInner .connectusForm .inputSubmit{ text-align: center; margin-top: 30px;}
.connectusWrap .connectusInner .connectusForm .inputSubmit input{ background: #102a83; padding: 18px 30px; font-size: 16px; text-transform: uppercase; color: #ffffff; font-family: 'poppinssemibold';}
.connectusWrap .connectusInner .connectusForm .inputSubmit input:hover{}
.connectusWrap .connectusInner .connectusForm .inputBox .formError { color: #970303; font-weight: normal; font-size: 14px; position: absolute; left: 0; bottom: -21px;}
/* FOOTER
========================================================================*/
footer { background: #000000;}
.footerInner { display: flex; align-items: center; padding: 50px 0;}
.footerInner .footerBox{ width: 33%; color: #ffffff;}
.footerInner .footerBox.mobileLogo{ display: none;}
.footerInner .footerBox.footerAdd{ }
.footerInner .footerBox.footerLogo{ text-align: center;}
.footerInner .footerBox.footerLogo img{ width: 250px;}
.footerInner .footerBox.footerLogo span{text-align: center; display:block;}
.footerInner .footerBox.footeremail{ text-align: right;}
.footerInner .footerBox a{  color: #ffffff;}
.copyRight { text-align: center; color: #4d4d4d; padding: 40px 0; border-top:1px solid #222222; }
.designBy { }
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 26px; line-height: 27px; }
h2 { font-size: 35px; line-height: 38px; color: #102a83; margin-bottom: 20px; font-family: 'poppinsbold'; text-transform: uppercase;}
h3 { font-size: 22px; line-height: 23px; color: #000000; margin-bottom: 10px; }
h4 { font-size: 18px; line-height: 19px; color: #000000; margin-bottom: 10px; }
h5 { font-size: 16px; line-height: 17px; }
h6 { font-size: 14px; line-height: 16px; }
p { margin-top: 10px; }
p:first-child { margin: 0; }
/* FORM
========================================================================*/
label { }
input, textarea, select { font-size: 14px; background: #FFF; border: 1px solid #dadada; padding: 10px; margin: 0; }
input:focus, textarea:focus { border-color: #c1c1c1; background: #FFF; }


@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.eot');
    src: url('fonts/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-bold-webfont.woff') format('woff'),
         url('fonts/poppins-bold-webfont.ttf') format('truetype'),
         url('fonts/poppins-bold-webfont.svg#poppinsbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinslight';
    src: url('fonts/poppins-light-webfont.eot');
    src: url('fonts/poppins-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-light-webfont.woff') format('woff'),
         url('fonts/poppins-light-webfont.ttf') format('truetype'),
         url('fonts/poppins-light-webfont.svg#poppinslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.eot');
    src: url('fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-medium-webfont.woff') format('woff'),
         url('fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.eot');
    src: url('fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-regular-webfont.woff') format('woff'),
         url('fonts/poppins-regular-webfont.ttf') format('truetype'),
         url('fonts/poppins-regular-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinssemibold';
    src: url('fonts/poppins-semibold-webfont.eot');
    src: url('fonts/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-semibold-webfont.woff') format('woff'),
         url('fonts/poppins-semibold-webfont.ttf') format('truetype'),
         url('fonts/poppins-semibold-webfont.svg#poppinssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}