* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-size: 14px; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; color: #27292F; background: #f0f0f0;}

.container {display: block; width: 100%; max-width: 1200px; margin: 0 auto;}
.container::after {content: ''; display: block; clear: both;}
.clear {display: block; clear: both;}
.right {float: right;}
.left {float: left;}
.txtr {text-align: right;}
.txtc {text-align: center;}
.wrap::after {content: ''; display: block; clear: both;}

header {display: block; background: #fff; position: fixed; top: 0; left: 0; width: 100%; max-height: 100%; z-index: 10;}
header .logo {width: 300px; float: left;}
header .socialmedia {width: 175px; float: right; margin: 24px 0 0;}
header .socialmedia ul {display: block; list-style: none;}
header .socialmedia ul li {display: inline-block; margin: 0 0 0 10px;}
header .socialmedia ul li img {width: 30px;}
header > .container {padding:  16px 0;}
.topMargin {display: block; margin: 146px 0 0;}

nav {display: block; background: #0071BC; color: #fff; font-size: 12px; line-height: 14px; margin: 0 0 8px;}
nav ul {display: table; list-style: none; width: 100%;}
nav ul li {display: table-cell; vertical-align: middle; border-left: 2px solid #fff; text-align: center;}
nav ul li:nth-child(1) {border-left: 0;}
nav ul li a {color: #fff; text-transform: uppercase; text-decoration: none; padding: 12px 8px; display: block;}
nav ul li a:hover, nav ul li.active a {background: #999999;}

.hBanner {display: block; margin: 0 0 8px;}
.hBanner ul li img {width: 100%;}
.hBanner .bx-wrapper .bx-viewport {padding: 0; border: 0; background: none; box-shadow: none; left: 0;}

.pageHead {display: block; padding: 12px 0; background: #27292f; color: #fff; margin: 0 0 8px;}
.pageHead.h {background: #a8258f;}
.pageHead.g {background: #004e09;}
.pageHead.o {background: #fdbe1d;}
.pageHead.br {background: #754c24;}
.pageHead h1 {font-size: 28px;}
.pageHead h1 span {font-size: 16px;}

.hBox {display: block;}
.hBox ul {display: block;}
.hBox ul li {display: inline-block; width: calc(49.5% - 3px); margin: 10px 0 10px; vertical-align: top; padding: 12px; background: #fefefe; color: #727376; min-height: 192px; position: relative;}
.hBox ul li:nth-child(2n+1) {margin: 10px 1% 10px 0;}
.hBox ul li .head {display: block; min-height: 62px;}
.hBox ul li .head h2 {display: inline-block; vertical-align: top; width: calc(50% - 3px); font-size: 28px; color: #f7aa11;}
.hBox ul li:nth-child(4n+2) .head h2, .hBox ul li:nth-child(4n+3) .head h2 {color: #808080;}
.hBox ul li .head h2 span {font-size: 18px; font-weight: normal; display: block; color: #fff;}
.hBox ul li .desc {display: block; width: calc(100% - 24px); position: absolute; bottom: 12px; left: 12px;}
.hBox ul li .desc a.plp6 {display: inline-block; margin: 0 0 10px; color: #c1272d; text-decoration: none;}
.hBox ul li .head h3 {display: inline-block; vertical-align: top; width: calc(50% - 3px); font-size: 18px; text-align: right; color: #bdbfc1;}
.hBox ul li .head h3 .plyLnk {display: inline-block; width: 28px; height: 28px; background: #0072b9 url(../images/plyLnk-bg.png) center no-repeat; border-radius: 2px; vertical-align: middle; margin-left: 8px;}
.hBox ul li .head h3 .plyLnk:hover {background: rgba(0,114,185,.7) url(../images/plyLnk-bg.png) center no-repeat;}

.cityChapter {display: block; width: 100%; background: url(../images/cityChapter-bg.jpg) center no-repeat; margin: 0 0 10px; padding: 24px; min-height: 250px; position: relative; color: #fff;}
.cityChapter span.plyLnk a {position: absolute; top: 32px; right: 24px; background: #fff url(../images/plyLnk-blu-bg.png) center no-repeat; width: 42px; height: 42px;}

.cityChapter h1 {font-size: 32px; margin: 0 0 32px;}
.cityChapter .details {display: block; width: calc(100% - 82px); max-width: 400px;}

.iSmartMindP {display: block; background: #fff; padding: 20px 20px; color: #7F7F7F; margin: 0 0 20px;}
.iSmartMindP h3 {font-size: 24px; color: #308bc4; margin: 0 0 20px;}
.iSmartMindP h3 span {font-size: 16px;}
.iSmartMindP img {margin: 0 0 20px;}
.iSmartMindP .ismart {display: inline-block; width: calc(100% - 3px); vertical-align: middle; text-align: center; justify-content: space-around;}


span.plyLnk {display: inline-block; vertical-align: top; font-size: 24px; color: #7f7f7f; margin: 0 0 20px; font-weight: bold;}
span.plyLnk.org {color: #F69F46;}
span.plyLnk.blu {color: #308BC4;}
span.plyLnk a {display: inline-block; width: 28px; height: 28px; background: #e7e7e7 url(../images/plyLnk-bg.png) center no-repeat; border-radius: 2px; vertical-align: middle;}

.partnersupport {display: block; background: #fff; padding: 20px 20px; margin: 0 0 20px;}
.partnersupport::after {content: ''; display: block; clear: both;}
.partnersupport h3 {font-size: 28px; width: calc(100% - 336px); float: left; color: #9e005d;}
.partnersupport .testpro {text-align: center; font-size: 18px; color: #7F7F7F;}
.partnersupport .testpro ul {display: block; list-style: none; margin: 20px 0;}
.partnersupport .testpro ul li {display: inline-block; vertical-align: middle; margin: 0 10px;}
.partnersupport .testpro ul li img {height: 40px;}

.clientele {display: block; padding: 20px; background: #fff; margin: 0 0 20px;}
.clientele h3 {font-size: 28px; color: #FF0000; margin: 0 0 20px;}
.clientele ul {display: table; width: 100%; margin: 0 0 10px;}
.clientele ul li {display: table-cell; text-align: center;}
.clientele ul li img {height: 110px;}

.lnk {display: inline-block; color: blue;}

.aboutus {display: block; background: #fff; padding: 20px; font-size: 16px; margin: 0 0 20px;}
.aboutus h3 {font-size: 28px; float: left; width: calc(100% - 200px); margin: 0 0 20px;}
.aboutus h4 {margin: 0 0 20px; color: #0071BC;}
.aboutus p, .aboutus ul {margin: 0 0 20px;}
.aboutus ul {padding: 0 0 0 20px;}
.aboutus .aboutImg {width: 60%; float: right; margin: 0 0 10px 20px;}
.aboutus .aboutLinks {display: block; margin: 20px 0;}
.aboutus .aboutLinks a {display: inline-block; padding: 10px 20px 8px; border-radius: 8px; background: #0071BC; color: #fff; font-weight: bold; text-decoration: none; width: calc(22% - 3px); margin: 0 0 0 2%; text-align: center;}

footer {display: block; background: #27292f; color: #969696; padding: 28px 0 ; text-align: center; font-size: 16px;}
footer p {font-weight: bold;}
footer p.copy {font-size: 14px;}
footer .lnk {display: block; padding: 32px 0; font-size: 14px;}
footer .lnk ul {display: block; list-style: none;}
footer .lnk ul li {display: inline-block; padding: 0 20px; border-left: 1px solid #969696;}
footer .lnk ul li:nth-child(1) {border-left: 0;}
footer .lnk ul li a {color: #969696; text-decoration: none;}
footer .lnk ul li a:hover {color: #fff;}

.opopContent {display: none;}
.opopMWrap {position: absolute; width: 100%; max-width: 1200px; background: #fff; border: 8px solid #777; left: 50%; transform: translateX(-50%);}
.opopMWrap .close {display: block; width: 32px; height: 32px; background: #3c3c3c; position: absolute; top: 0; right: 0; text-align: center; color: #fff; line-height: 32px; cursor: pointer; z-index: 10;}
.opopMWrap .opopContent {display: block; padding: 20px;}
.opopMWrap .opopContent::after {content: ''; display: block; clear: both;}
.opopMWrap .opopContent .slider {width: 48%; float: left; background: #4f4f4f;}
.opopMWrap .opopContent .slider ul {padding: 0;}
.opopMWrap .opopContent .slider ul li {width: 100%; /*height: 400px;*/ position: relative; text-align: center;}
.opopMWrap .opopContent .slider ul li img {max-width: 100%; max-height: 400px; display: inline-block;}
.opopMWrap .opopContent .slider ul li span {display: block; text-align: center; background: #3c3c3c; color: #fff; padding: 10px 40px; position: absolute; bottom: 0; left: 0; width: 100%;}
.opopMWrap .opopContent .slider .bx-wrapper .bx-viewport {padding: 0; margin: 0; border: 0; left: 0; box-shadow: none; background: none;}

.opopMWrap .opopContent .details {width: 48%; padding: 20px 0 0; float: right; color: #7F7F7F; font-size: 13px;}
.opopMWrap .opopContent .details .plyLnk {font-size: 18px;}
.opopMWrap .opopContent .details .lnks {text-align: right;}
.opopMWrap .opopContent .register {display: inline-block; padding: 0 0 34px; background: url(../images/reg_btn.png) center bottom no-repeat; font-size: 12px; color: orangered; text-decoration: none; text-align: center; vertical-align: middle; margin: 0 0 0 8px;}
.opopMWrap .opopContent h3 {font-size: 24px; color: #308bc4;margin: 0 0 10px;}
.opopMWrap .opopContent p, .opopMWrap .opopContent ul {margin: 0 0 10px;}
.opopMWrap .opopContent ul {padding: 0 0 0 20px;}
.head1 {font-size: 24px; color: #308bc4;}
.head2 {font-size: 20px; color: #308bc4;}

#ConnectEducationists .left{ width: 60%;}
#ConnectEducationists .right{ width: calc(40% - 20px);}
.accordion {display: block; border: 1px solid #3c3c3c; padding: 2px 2px 0; margin: 0 0 20px;}
.accordion .sec {display: block; margin: 0 0 2px;}
.accordion .sec .head {display: block; padding: 12px 20px; background: #dedede; cursor: pointer; font-size: 16px;}
.accordion .sec.active .head {background: #fff;}
.accordion .sec .content {display: none;}

.pdf {background: #525659;}
.pdf object {width: 100%;}

.poptrainers {display: block;}
.opopMWrap .opopContent .poptrainers ul {display: table; width: 100%; padding: 0;}
.poptrainers ul li {display: table-cell; text-align: center;}
.poptrainers ul li span {display: block; margin: 4px 0 0; font-size: 14px;}

.cpart_otrain {padding: 40px 0 0;}
.currentpartnerh {display: inline-block; float: left;}
.currentpartnerh span {display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.currentpartnerh img {height: 30px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}

.bookcover {display: block; text-align: center;}
.bookcover ul {display: block;}
.bookcover ul li {display: inline-block; margin: 0 10px 10px;}

.upcPLPPro {float: left; display: inline-block; line-height: 24px; color: #f79633; font-weight: bold; text-decoration: none;}
.upcPLPPro::before {content: ''; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background: #f79633; vertical-align: middle; margin: 0 8px 0 0;}
.morePPPro {display: inline-block; padding: 0 0 34px; background: url(../images/fwd_btn.png) center bottom no-repeat; font-size: 12px; color: blue; text-decoration: none; vertical-align: middle; margin: 0 0 0 8px; background-size: 30px 30px;}

.regSch {display: inline-block; font-size: 12px; width: calc(100% - 100px);}
.regSch li {display: inline-block; width: calc(33% - 3px); vertical-align: top; text-align: center;}
.regSch li span {display: block; margin: 0 0 4px;}

/* 2nd Level Navigation */
nav ul li {position: relative;}
nav ul li ul {display: none; position: absolute; top: 100%; left: 0; background: #F79633;}
nav ul li:hover ul {display: block; z-index: 10;}
nav ul li ul li {display: block; border: 0; border-top: 1px solid #fff;}

.midSec h2 { font-size: 32px; line-height: 38px;}
.midSec .teamList.o h2 { color: #F7931E;}
.midSec .teamList.o h2 { color: #F7931E;}

.teamList.o {background: #fff5c8;}
.teamList.b {background: #dae7ff;}
.teamList {padding: 20px; margin: 20px 0;}
.teamList h2 {margin: 0 0 20px;}
.teamList ul {display: block; list-style: none;}
.teamList ul li {display: block; margin: 0 0 20px;}
.teamList ul li::after {content: ''; display: block; clear: both;}
.teamList ul li .pic {display: inline-block; width: 124px;}
.teamList ul li .pic > img {width: 100%;}
.teamList ul li .pic span {display: block;}
.teamList ul li .pic span strong {display: block;}
.teamList ul li .desc {display: inline-block; vertical-align: top; width: calc(100% - 160px); float: right;}
.teamList ul li .desc p {margin: 0 0 20px;}

.ncontent {padding: 20px; font-size: 16px;}
.ncontent p {margin: 0 0 20px; font-size: 16px; text-align: justify;}
.ncontent h3 {font-size: 24px; margin: 0 0 20px;}
.ncontent h4 {font-size: 20px; color: #0071BC; margin: 0 0 20px;}
.nul {padding: 0 0 0 20px; margin: 0 0 20px;}

.resourceList {display: block; margin: 0 0 40px;}
.resourceList ul {display: block; list-style: none;}
.resourceList ul li {display: inline-block; width: calc(16.6% - 3px); vertical-align: top; margin: 0 0 20px;}
.resourceList ul li .pic {display: block;}
.resourceList ul li .pic img {max-width: 100%;}
.resourceList ul li .pic span {display: block; width: calc(100% - 20px);}
.resourceList ul li .pic span strong {display: block;}

.empUrStaff {background: #fdbe1d;}
.empUrStaff img {width: 200px; display: inline-block; vertical-align: middle;}
.empUrStaff .desc {display: inline-block; width: calc(100% - 204px); vertical-align: middle; padding: 10px 0;}
.empUrStaff .desc h1 {color: #fff; font-size: 32px;}
.empUrStaff .desc p {margin: 0 0 20px;}
.empUrStaff .desc h4 {color: #fff; font-size: 16px;}

.picright {float: right; margin: 0 0 10px 20px;}
.piccen {display: block; margin: 10px 0;}
.piccen img {width: 100%;}

.cbp {display: block;}
.cbp::after {content: ''; display: block; clear: both;}
.cbp .left, .cbp .right {width: 48%;}


.picright {float: right; margin: 0 0 10px 20px;}
.picleft {float: left; margin: 0 20px 0 10px;}
.picright::after, .picleft::after {content: ''; display: block; clear: both;}

.emppro .picright .pic {width: 30%; float: right;}
.emppro .picright .pic img {width: 100%; margin: 0 0 10px;}
.emppro .picright .left {width: 66%;}

.emppro .picleft .pic {width: 40%; float: left;}
.emppro .picleft .pic img {width: 100%; margin: 0 0 10px;}
.emppro .picleft .right {width: 56%;}

.container.ncontent {padding: 20px 0;}

.w100p {width: 100%;}

.edupanel {display: block; margin: 0 0 40px;}
.edupanel ul {display: block; list-style: none;}
.edupanel ul li {display: inline-block; width: calc(33% - 3px); vertical-align: top; margin: 0 0 20px;}
.edupanel ul li .pic {display: inline-block; width: calc(30% - 3px); vertical-align: middle;}
.edupanel ul li .pic img {max-width: 100%;}
.edupanel ul li span {display: inline-block; width: calc(68% - 3px); vertical-align: middle;}
.edupanel ul li span strong {display: block;}

.tabbingwrap {display: block;}
.testimonials .tabbingwrap {background: #fff;}
.testimonials .tabbingwrap .tabs {display: block;}
.testimonials .tabbingwrap .tabs ul {display: table; width: 100%; text-align: center;}
.testimonials .tabbingwrap .tabs ul li {display: table-cell; text-align: center; width: 33%; border: 1px solid #999999; padding: 8px; vertical-align: middle; cursor: pointer; background: #dedede;}
.testimonials .tabbingwrap .tabs ul li:hover {background: #fff;}
.testimonials .tabbingwrap .tabs ul li.active {background: #fff; border-bottom: 1px solid #fff;}
.testimonials .tabbingwrap .tabcontent {border: 1px solid #999999; border-top: 0px; padding: 20px;}
.tabbingwrap .tabcontent .tcontent {display: none;}
.tabbingwrap .tabcontent .tcontent::after {content: ''; display: block; clear: both;}
.tabbingwrap .tabcontent .tcontent.active {display: block;}

.testiTraining {font-size: 14px;}
.testiTraining::after {content: ''; display: block; clear: both;}
.testiTraining .left, .testiTraining .right {width: 48%;}
.testiTraining ul {list-style: none; display: block;}

.contact .left, .contact .right {width: 48%;}
.contact .left iframe {width: 100%; height: 400px;}

.hBanner .bx-wrapper .bx-pager, .hBanner .bx-wrapper .bx-controls-auto {bottom: 12px;}
.hBanner .bx-wrapper .bx-pager.bx-default-pager a {width: 15px; height: 15px; border-radius: 50%; background: #728cbf;}
.hBanner .bx-wrapper .bx-pager.bx-default-pager a:hover, .hBanner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #f59e45;}
.hBanner .bx-wrapper {margin: 0;}

.clientslider {padding: 0 40px;}
.clientslider .bx-wrapper .bx-viewport {border: 0; padding: 0; left: 0; box-shadow: none;}
.clientslider ul li {text-align: center;}
.clientslider ul li img {display: inline-block;}
.clientslider .bx-wrapper .bx-controls-direction a {width: 28px; height: 54px; margin: 0; transform: translateY(-50%); opacity: .3; z-index: 1;}
.clientslider .bx-wrapper .bx-prev {background: url(../images/ClientSlider-Prev.png) center no-repeat; left: -35px;}
.clientslider .bx-wrapper .bx-next {background: url(../images/ClientSlider-Next.png) center no-repeat; right: -35px;}
.clientslider .bx-wrapper .bx-prev:hover {opacity: 1; background-position: center;}
.clientslider .bx-wrapper .bx-next:hover {opacity: 1; background-position: center;}

.tabbingwrap.imgGallery .tabs ul {display: table; width: 100%;}
.tabbingwrap.imgGallery .tabs ul li {display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #999999; padding: 8px; cursor: pointer; background: #dedede;}
.tabbingwrap.imgGallery .tabs ul li:hover {background: #fff;}
.tabbingwrap.imgGallery .tabs ul li.active {background: #fff; border-bottom: 1px solid #fff;}
.tabbingwrap.imgGallery .tabcontent {padding: 20px; border: 1px solid #999999; border-top: 0; background: #fff;}

.imgGallery .imgSliderThumb {display: block; width: 350px; float: right;}
.imgGallery .imgSliderThumb ul {display: block;}
.imgGallery .imgSliderThumb ul li {display: inline-block; width: calc(23% - 3px); margin: 0 2% 10px 0; vertical-align: top; text-align: center;}
.imgGallery .imgSliderThumb ul li img {max-width: 100%; width: 68px; height: 45px;}
.imgGallery .imgSlider {width: calc(100% - 380px); float: left; background: #eee; position: relative;}
.imgGallery .imgSlider ul li {width: 100%; height: 480px; position: relative;}
.imgGallery .imgSlider ul li > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; max-width: 100%;}
.imgGallery .imgSlider ul li span {display: block; width: 100%; padding: 10px; background: #27292f; color: #fff; position: absolute; bottom: 0; left: 0;}

.imgSlider .bx-wrapper .bx-viewport {border: 0; padding: 0; left: 0; background: none; box-shadow: none;}

.galleryLnk {display: block; margin: 20px 0;}
.galleryLnk a {display: inline-block; margin: 0 20px 0 0; font-weight: 500; font-size: 24px; display: inline-block; text-decoration: none; color: #27292f; padding: 0 0 0 38px; line-height: 34px;}
.galleryLnk a.active {color: #0071BC;}
.galleryLnk a.imgLnk {background: url(../images/vid_btn.png) center left no-repeat;}
.galleryLnk a.vidLnk {background: url(../images/pic_btn.png) center left no-repeat;}

.videoList {display: block; margin-top: 60px;}
.videoList ul {display: block;}
.videoList ul li {display: inline-block; width: calc(48% - 3px); vertical-align: top; margin: 0 0 28px;}
.videoList ul li iframe {max-width: 100%;}
.videoList ul li:nth-child(2n+1) {margin-right: 4%;}

.btnwrap {padding: 20px 0 0;}
.btn {display: inline-block; border-radius: 4px; padding: 8px 20px; background: #0071BC; color: #fff; text-decoration: none;}

.clientsLogos {display: block; margin: 0 0 20px;}
.clientsLogos ul {display: block;}
.clientsLogos ul li {display: inline-block; text-align: center; margin: 0 20px 32px; vertical-align: middle;}
.clientsLogos ul li img {max-height: 100px; margin: 0 0 10px; max-width: 100%;}
.clientsLogos ul li span {display: block; font-size: 14px;}

.ncontent.clients {background: #fff; padding: 20px;}

.hBox ul li .head span { display: inline-block; vertical-align: top; width: calc(50% - 3px); font-size: 28px; color: #c1272d;}
.formWrap {display: inline-block; min-height: 300px; width: 100%; max-width: 800px; margin: 0 auto;}

.hBox.withIcons ul li .head span {width: 120px;}
.hBox.withIcons ul li .head h3 {width: calc(100% - 120px - 6px);}
span.plyLnk a.nor {position: static; width: auto; height: auto; background: none; color: #308BC4; text-decoration: none;}
span.plyLnk a.nor:hover {text-decoration: underline;}

.button {
  background-color: #0071bc;
  border: none;
  color: white;
  padding: 15px 32px;
  margin-bottom: 27px;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}