*{ margin: 0px; padding: 0px; }
body { color: #666; font-family: latoreg; background: #fff; }
a { outline: none; color: #063c51; text-decoration: none; }
p { line-height: 18px; font-family: opensansreg; font-size: 13px; color: #333; word-wrap: break-word; }
b { font-family: opensansbd; }
iframe { width: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}


@font-face {
	font-family: "rupee";
	src: url(../fonts/rupee.eot);
    src: url(../fonts/rupee.eot?#iefix) format('embedded-opentype'),
         url(../fonts/rupee.woff) format('woff'),
         url(../fonts/rupee.ttf) format('truetype'),
         url(../fonts/rupee.svg#rupee) format('svg');
}
@font-face {
	font-family: "latoreg";
    src: url(../fonts/latoreg.eot);
    src: url(../fonts/latoreg.eot?#iefix) format('embedded-opentype'),
         url(../fonts/latoreg.woff) format('woff'),
         url(../fonts/latoreg.ttf) format('truetype'),
         url(../fonts/latoreg.svg#latoreg) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "latobd";
    src: url(../fonts/latobd.eot);
    src: url(../fonts/latobd.eot?#iefix) format('embedded-opentype'),
         url(../fonts/latobd.woff) format('woff'),
         url(../fonts/latobd.ttf) format('truetype'),
         url(../fonts/latobd.svg#latobd) format('svg');
}
@font-face {
	font-family: "latobla";
    src: url(../fonts/latobla.eot);
    src: url(../fonts/latobla.eot?#iefix) format('embedded-opentype'),
         url(../fonts/latobla.woff) format('woff'),
         url(../fonts/latobla.ttf) format('truetype'),
         url(../fonts/latobla.svg#latobla) format('svg');
}
@font-face {
	font-family: "latoli";
    src: url(../fonts/latoli.eot);
    src: url(../fonts/latoli.eot?#iefix) format('embedded-opentype'),
         url(../fonts/latoli.woff) format('woff'),
         url(../fonts/latoli.ttf) format('truetype'),
         url(../fonts/latoli.svg#latoli) format('svg');
}

@font-face {
	font-family: "opensansreg";
    src: url(../fonts/opensansreg.eot);
    src: url(../fonts/opensansreg.eot?#iefix) format('embedded-opentype'),
         url(../fonts/opensansreg.woff) format('woff'),
         url(../fonts/opensansreg.ttf) format('truetype'),
         url(../fonts/opensansreg.svg#opensansreg) format('svg');
}

@font-face {
	font-family: "opensansbd";
    src: url(../fonts/opensansbd.eot);
    src: url(../fonts/opensansbd.eot?#iefix) format('embedded-opentype'),
         url(../fonts/opensansbd.woff) format('woff'),
         url(../fonts/opensansbd.ttf) format('truetype'),
         url(../fonts/opensansbd.svg#opensansbd) format('svg');
}

ul { list-style: none; }
/*29-09-2016 - Harshada*/
.sprite { background: url(../images/ico-sprite-20171005.png) top left no-repeat; }


.whiteBg { background-color: #fff; }
.greyBg { background-color: #f4f4f3; }
.darkgreyBg { background-color: #a6a6a6; }
.yellowBg { background-color: #feca0a; }
.blueBg { background-color: #063C51; }
.yellowBg h1, .yellowBg h2, .yellowBg h3, .yellowBg h4, .yellowBg h5, .yellowBg p { color: #332801; }
.orangeBg { background-color: #f8b219; }
.borB { padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.greyBor { border: 1px solid #e5e5e5; }
.darkgreyBor { border: 1px solid #c4c4c4; }
.slimScrollBar { border-radius: inherit!important; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden }
.floatL { float: left; }
.floatR { float: right; }
.fntweghtNml { font-weight: normal; }
.txttTransformNorml { text-transform: none; }
.linHnml { line-height: normal; }
.lineH18px { line-height: 18px; }
.lineH20px { line-height: 20px; }
.lineH26px { line-height: 26px; }
.lineH30px { line-height: 30px; }

.font-latoreg { font-family: latoreg; }
.font-latoli { font-family: latoli; }
.font-latobla { font-family: latobla; }
.font-latobd { font-family: latobd; }
.font-opensansreg { font-family: opensansreg; }
.font-opensansbd { font-family: opensansbd; }
.font-rupee { font-family: rupee; }
.font-georgia { font-family: Georgia; }
.fnt-size11 { font-size: 11px; }
.fnt-size10 { font-size: 10px; }
.fnt-size12 { font-size: 12px; }
.fnt-size13 { font-size: 13px; }
.fnt-size14 { font-size: 14px!important; }
.fnt-size16 { font-size: 16px; }
.fnt-size18 { font-size: 18px!important; }
.fnt-size20 { font-size: 20px; }
.fnt-size26 { font-size: 26px; }
.fnt-size30 { font-size: 30px; }
.fnt-size36 { font-size: 36px; }
.fnt-size48 { font-size: 48px; }
.fnt-size60 { font-size: 60px; line-height: 60px; }

.rempaddingR { padding-right: 0px!important; }
.rempaddingT { padding-top: 0px!important; }
.rempaddingB { padding-bottom: 0px!important; }
.rempaddingL { padding-left: 0px!important; }
.remmarginR { margin-right: 0px!important; }
.remmarginT { margin-top: 0px!important; }
.remmarginB { margin-bottom: 0px!important; }
.remmarginL { margin-left: 0px!important; }
.padding25px { padding: 25px; }
.padding30px { padding: 30px; }
.padding5px { padding: 5px; }
.padding10px { padding: 10px; }
.padding15px { padding: 15px; }
.padding5px { padding: 5px; }
.padding20px { padding: 20px; }
.padding40px { padding: 40px!important; }
.addmarginB20 { margin-bottom: 20px!important; }
.addmarginB30 { margin-bottom: 30px!important; }
.addmarginB10 { margin-bottom: 10px!important; }
.addmarginB5 { margin-bottom: 5px!important; }
.addpaddingB20 { padding-bottom: 20px!important; }
.addpaddingB10 { padding-bottom: 10px!important; }
.addpaddingB30 { padding-bottom: 30px!important; }
.addpaddingB5 { padding-bottom: 5px; }
.addmarginT5 { margin-top: 5px;}
.addmarginR10 { margin-right: 10px;}
.addpaddingTB5 { padding: 5px 0px; }
.addpaddingTB10 { padding: 10px 0px; }
.addpaddingTB15 { padding: 15px 0px; }
.addpaddingLF10 { padding: 0px 10px; }
.addpaddingTB20 { padding: 20px 0px; }
.addpaddingTB30 { padding: 30px 0px; }
.inline-block { display: inline-block; }
.valign { vertical-align: middle; }
.alignC { text-align: center; }
.alignL { text-align: left; }
.alignR { text-align: right; }
.relative { position: relative; }
.txt000 { color: #000; }
.txt333 { color: #333; }
.txt999 { color: #999; }
.txtfff { color: #fff; }
.txt707{ color: #707070;}
.txtgreen { color: #0aa699; }
.txtorange { color: #f8b219; }
.txtblue { color: #063C51; }
.txtblueli { color: #21aae1; }
.txtred { color: #e54637; }
.txtucase{ text-transform: uppercase;}
.error .errorMessage, .post-error-message, .link-preview-section, .video-preview-section,.errorMessage { font-size: 12px; color: #B94A48; }
.browseField { opacity: 0; position: absolute; top: 0px; left: 0px; width: 77px!important; }
.spaceTop { padding-top: 59px; }
.common { margin-bottom: 20px; }
a.see-all { padding: 4px 20px; border-radius: 3px; box-shadow: 0px 3px 0 #d55151; color: #fff; background-color: #ed5a5a; }
a.see-all:hover { box-shadow: 0px 3px 0 #ed5a5a; background-color: #d55151; }
.dash-bor { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px dotted #e5e5e5; }
.error-bor { border-color: red!important; }
.headingBg { padding: 0px 20px; height: 50px; line-height: 50px; font-family: opensansbd; font-size: 12px; color: #fff; background: #5bb12f; }
input.fileField { position: absolute; top: 0px; left: 0px; width: 100%!important; height: 46px!important; opacity: 0; cursor: pointer; }
input.txtField { padding: 7px 10px; margin: 0; color: #8b91a0; background-color: #fff; border-color: #e5e9ec; border-radius: 3px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2); color: #999999; font-size: 13px; width: 96.9%; }
.headingTxt h1 { color: #063c51; font-family: latobla; font-size: 30px; }
.headingTxt span.line { margin: 0px 0px 40px 0; display: inline-block; width: 200px; height: 2px; background-color: #bcbcbc; }
.roundCrns { overflow: hidden; border-radius: 3px 3px 0 0; box-shadow: 0px 1px 2px rgba(0, 0, 0, .1); }
.or { margin: 30px 0; width: 100%; height: 4px; position: relative; background-color: #bcbcbc; }
.or p { position: absolute; top: -13px; left: 0px; width: 100%; text-align: center; }
.or p span { padding: 0px 5px; font-size: 16px; color: #666; line-height: 30px; display: inline-block; background-color: #EDEFF0; }
.breakLine { height: 0px; display: none; }

.userMenu { float: right; position: relative; z-index: 10; }
.userMenu .settings { margin-left: 20px; display: inline-block; height: 40px; position: relative; }
.userMenu .settings:hover ul { left: auto; right: 0px; display: block; }
.userMenu a.icon { display: inline-block; text-indent: -9999px; width: 17px; height: 16px; background-position: -175px top; }
.userMenu img.thumb { margin-left: 20px; border-radius: 50px; }
.userMenu .dd { margin-left: 20px; display: inline-block; height: 40px; position: relative; }
.userMenu .dd { }
.userMenu .dd a em.arrow { margin-left: 10px; vertical-align: middle; text-indent: -9999px; display: inline-block; width: 7px; height: 4px; background-position: -193px top; }
.userMenu a:hover { text-decoration: none; }
.userMenu ul { display: none; overflow: hidden; position: absolute; top: 25px; z-index: 20; border-radius: 5px; left: 0px; width: 150px; background: #fff; }
/*.userMenu .dd:hover ul, .userMenu .notifications:hover ul { display: block; }
.userMenu ul li { border-bottom: 1px solid #212121; }
.userMenu ul li.last { border: none; }
.userMenu ul li a { padding: 0px 10px; line-height: 30px; font-size: 12px; color: #999; display: block; }
.userMenu ul li a:hover, .userMenu .notifications ul li a:hover { color: #fff; background-color: #212121; }
.userMenu .notifications { display: inline-block; height: 40px; position: relative; }
.userMenu .notifications a { display: inline-block; width: 20px; height: 20px; border-radius: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 12px; background-color: #0aa37a; }
.userMenu .notifications ul { width: 200px; }
.userMenu .notifications ul li a { padding: 10px; line-height: 18px; font-size: 12px; color: #999; display: block; text-align: left; width: auto; height: auto; background-color: inherit; border-radius: inherit; }
.userMenu .notifications ul li.see-all { }
.userMenu .notifications ul li.see-all a { font-size: 13px; padding: 10px 0; text-align: center; font-family: latobd; }*/


/*New notifications css*/
.userMenu .dd:hover ul{ display: block; }
.userMenu ul li { border-bottom: 1px solid #dcdcdc; }
.userMenu ul li.last { border: none; }
.userMenu ul li a { padding: 0px 10px; line-height: 30px; font-size: 12px; color: #999; display: block; }
.userMenu ul li a:hover, .userMenu .notifications ul li a:hover { background-color: #f5f5f5; }
.userMenu .notifications { margin-top: -20px; display: inline-block; height: 70px; position: relative; vertical-align: middle; }
.userMenu .notifications a.notity { display: inline-block; padding: 0px 40px; height: 74px; line-height: 74px; position: relative; background: url(../images/notifyBell.png) center no-repeat; }
.userMenu .notifications a.notity:hover { background-color: #2c2d35; }
.userMenu .notifications a.notity span { position: absolute; top: 10px; display: inline-block; width: 30px; height: 20px; border-radius: 5px; line-height: 20px; text-align: center; color: #000; font-size: 12px; background-color: #fff; }
.userMenu .notifications ul { min-width: 450px; width: 100%!imporant; height: 400px; overflow: auto; top: 70px; right: -100px; }
.userMenu .notifications ul li { padding: 20px; border-bottom: 1px solid #dcdcdc; }
.userMenu .notifications ul li:hover { background-color: #f5f5f5; }
.userMenu .notifications ul li h4 { font-family: opensansbd; font-weight: normal; }
.userMenu .notifications ul li span.icon { width: 40px; float: left; }
.userMenu .notifications ul li span.icon em { width: 22px; height: 22px; display: block; background-position: -278px -490px; }
.userMenu .notifications ul li span.heart em { background-position: -304px -491px; }
.userMenu .notifications ul li span.comment em { background-position: -333px -489px; }
.userMenu .notifications ul li .text { margin-left: 40px; }
.userMenu .notifications ul li p { color: #a3a3a3; font-size: 15px; line-height: 24px; }
.userMenu .notifications ul li a { padding: 0; line-height: normal; line-height: none; font-size: 15px; color: #e79b00; display: inline-block; text-align: left; width: auto; height: auto; background-color: inherit; border-radius: inherit; }
.userMenu .notifications ul li a:hover { text-decoration: underline; }
.userMenu .notifications ul li span.time { font-size: 12px; color: #999; font-style: italic; }
.userMenu .notifications ul li.see-all { }
.userMenu .notifications ul li.see-all a { font-size: 13px; padding: 10px 0; text-align: center; font-family: latobd; }



.progressDetail { padding: 30px; border-radius: 5px; border: 10px solid #fff; width: 220px; display: inline-block; background-color: #fff; }
.progressDetail .progressBar { margin-bottom: 16px; height: 4px; position: relative; background-color: #bababa; }
.progressDetail .progressBar .fill { width: 26.8%; position: absolute; top: 0px; left: 0px; height: 100%; background-color: #21AAE1; }

.ratings .stars span { vertical-align: middle; display: inline-block; text-indent: -9999px; width: 37px; height: 36px; background-position: left -301px; }
.ratings .stars span.selected { background-position: -39px -301px; }
.ratings .small-stars span { vertical-align: middle; display: inline-block; text-indent: -9999px; width: 19px; height: 18px; background-position: 0 -341px; }
.ratings .small-stars span.selected { background-position: -19px -341px; }

.aboutStarsBox li { padding-bottom: 20px; }
.aboutStarsBox li .ratings .stars span { vertical-align: middle; display: inline-block; text-indent: -9999px; width: 19px; height: 18px; background-position: 0 -341px; }
.aboutStarsBox li .ratings .stars span.selected { background-position: -19px -341px; }
.aboutStarsBox li p { line-height: normal; }
.aboutStarsBox select { padding: 10px; height: auto; width: 100%; border-radius: 5px; background-color: #fefefe; }
.aboutStarsBox input.txtField { padding: 10px; width: 95%; }
.aboutStarsBox .userInfo img { float: left; border-radius: 50px; }
.aboutStarsBox .userInfo .txt { padding-top: 3px; margin-left: 60px; }
.aboutStarsBox .userInfo .txt p { line-height: normal; }

header { padding: 20px 0px; position: fixed; top: 0px; left: 0px; border-bottom: 1px solid #EDEFF0; z-index: 120; width: 100%; background-color: #fff; }
header .logo { float: left; }
header nav { padding-top: 8px; float: right; }
header nav li { padding-left: 20px; font-size: 16px; float: left; }
header nav li a { color: #063c51; text-transform: uppercase; }
header .userMenu { padding-bottom: 0px; }
header .userMenu .dd a { color: #000; }
header .userMenu .dd ul li a { color: #999; }
header .userMenu .dd ul li a:hover { color: #fff; }
header .userMenu .notifications, .userMenu .dd, .userMenu .settings { height: 35px; }

.overlayUp { position: absolute; top: 0px; left: 0px; height: 100%; background: #000; opacity: .6; z-index: 110; width: 100%; display: none; }

.startLearningBox h1, #expertBehindCntr h2, .whySignupBox h1, #featuresCntr h3, #featuresCntr h1, .whoIsThisBox h1, .testimonialsBox h1, .section h1 { color: #063c51; }

#homeBannerCntr { position: relative; }
#homeBannerCntr .image video { display: block; width: 100%; height: 100%; }
#homeBannerCntr .info { top: 20%; left: 0; position: absolute; width: 100%; }
#homeBannerCntr .info h2 { font-family: latobla; letter-spacing: 10px; font-size: 30px; color: #f8b219; }
#homeBannerCntr .info h1 { margin: 20px 0px 40px; font-family: latobla; font-size: 55px; line-height: 55px; color: #fff; }
#homeBannerCntr .info span.line { margin: 20px 0px; display: inline-block; width: 265px; height: 2px; background-color: #fff; }
#homeBannerCntr a.btn { padding: 20px 0; margin-bottom: 20px; margin-right: 20px; height: auto; width: 235px; font-size: 20px; font-family: latobla; text-transform: uppercase; border: 2px solid #fff; color: #fff; background: none; }
#homeBannerCntr span.arrow-btm  { margin-top: 20px; display: inline-block; border-radius: 50%; font-size: 60px; color: #fff; }

.startLearningBox, .whySignupBox, .testimonialsBox, .section { padding: 70px 0; }
.startLearningBox span.line, .whySignupBox span.line, #featuresCntr span.line, .whoIsThisBox span.line, .testimonialsBox span.line, .section span.line { margin: 20px 0px 40px; display: inline-block; width: 265px; height: 2px; background-color: #bcbcbc; }
.startLearningBox video { width: 100%; display: block; }
.startLearningBox p { font-size: 20px; line-height: 40px; color: #063c51; }
.startLearningBox h2 { font-size: 30px; }
.startLearningBox ul { padding-top: 50px; }
.startLearningBox li { height: 332px; }
.startLearningBox li h3 { color: #063c51; }
.startLearningBox li p { margin-top: 10px; line-height: normal; }
.startLearningBox span.comma, .testimonialsBox span.comma { font-size: 100px; display: block; margin-bottom: -50px; font-family: arial; color: #063c51; }
.startLearningBox .recommendations .thumbs img { margin-bottom: 4px; }
.startLearningBox #prev, .startLearningBox #next { position: absolute; top: 50%; }
.startLearningBox #logos { width: 90%; margin: auto; overflow: hidden; }
.startLearningBox #logo-carousel img { float: left; }
.startLearningBox #prev, .startLearningBox #next { width: 18px; height: 33px!important; text-indent: -9999px; margin-top: auto!important; top: 30%!important; }
.startLearningBox #prev:hover, .startLearningBox #next:hover { }
.startLearningBox #prev { background-position: top left; left: 0; }
.startLearningBox #next { background-position: -18px top; right: 0; }
.startLearningBox .btn-wrap .btn { min-width: 100px; }

#expertBehindCntr { margin-top: 40px; }
#expertBehindCntr .bg { padding: 90px 0px; margin-top: 30px; background-color: #f4f4f3; }

.whoIsThisBox { padding: 40px 0; background: #F8B219; }
.whoIsThisBox h1 {  }
.whoIsThisBox span.line { background-color: #003C51; }

.testimonialsBox p { font-size: 16px; line-height: 24px; color: #063c51; }
.testimonialsBox img { width: 100px; float: left; }
.testimonialsBox .desc { margin-left: 120px; }
.testimonialsBox span.comma { margin-bottom: 0px; }
.testimonialsBox .carousel-control { opacity: .8; background-color: #EE753E; }

.whySignupBox { padding-bottom: 0px; background-color: #fff; /*background-color: #fef859;*/ }
.whySignupBox span.line { margin-bottom: 40px; width: 130px; background-color: #000; }
.whySignupBox ul { }
.whySignupBox li { height: 340px; text-align: center; }
.whySignupBox li h3 { margin-bottom: 0px; font-size: 20px; text-transform: none; color: #063c51; }
.whySignupBox li span { display: block; width: 128px; height: 128px; margin: auto; text-indent: -9999px; }
.whySignupBox li span.icon1 { background-position: -306px top; }
.whySignupBox li span.icon2 { background-position: top right; }
.whySignupBox li span.icon3 { background-position: -306px -128px; }
.whySignupBox li span.icon4 { background-position: -434px -128px; }
.whySignupBox li span.icon5 { background-position: -306px -256px; }
.whySignupBox li span.icon6 { background-position: -434px -256px; }

.forCorporateBox { padding-top: 100px; }
.forCorporateBox li { height: 340px; text-align: center; }
.forCorporateBox li h3 { margin-bottom: 0px; font-size: 20px; text-transform: none; color: #063c51; }
.forCorporateBox li span { display: block; width: 122px; height: 122px; margin: auto; text-indent: -9999px; background: url(../images/corporate-icons-sprite.png) no-repeat; }
.forCorporateBox li span.icon1 { background-position: top left; }
.forCorporateBox li span.icon2 { background-position: -122px top; }
.forCorporateBox li span.icon3 { background-position: -244px top; }
.forCorporateBox li span.icon4 { background-position: -366px top; }
.forCorporateBox li span.icon5 { background-position: left -122px; }
.forCorporateBox li span.icon6 { background-position: -122px -122px; }
.forCorporateBox li span.icon7 { background-position: -244px -122px; }
.forCorporateBox li span.icon8 { background-position: -366px -122px; }

#featuresCntr { position: relative; }
#featuresCntr img { margin: auto; display:block; }
#featuresCntr .info { position: absolute; top: 5%; left: 0px; width: 100%; }
#featuresCntr h3 { font-size: 20px; font-family: latobla; }
#featuresCntr span.line { margin-top: 0px; margin-bottom: 20px; width: 120px; background-color: #5f6061; }
#featuresCntr p { margin: 20px 0px; line-height: 28px; font-size: 18px; color: #000; }
#featuresCntr a.btn { padding: 20px 0; height: auto; width: 265px; font-size: 20px; font-family: latobla; text-transform: uppercase; border: 2px solid #f8b219; color: #063c51; background: none; }

#videoDetailCntr { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: #22262f/*url(../images/video-detailBg.jpg) repeat*/; }
#videoDetailCntr #salesModuleCntr { margin-bottom: 50px; }
#videoDetailCntr #salesModuleCntr #left { margin-bottom: 6px; margin-right: 2%; float: left; width: 68%; }
#videoDetailCntr #salesModuleCntr #right { float: left; width: 30%; }
#videoDetailCntr .videoAreaBox #salesModuleCntr #left .video { margin-right: 0px; width: auto; display: block; }
#videoDetailCntr .container { margin: inherit; }
#videoDetailCntr .sideMenuBox { position: fixed; z-index: 20; top: 0px; left: 0px; height: 100%; width: 70px; background-color: #65686d; }
#videoDetailCntr .sideMenuBox ul { width: 70px; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; }
#videoDetailCntr .sideMenuBox li { width: 280px; }
#videoDetailCntr .sideMenuBox li.logo { background-color: #ececec; }
#videoDetailCntr .sideMenuBox li.logo a:hover { background-color: #fff; }
#videoDetailCntr .sideMenuBox li span.icon { margin-right: 20px; display: inline-block; width: 30px; text-align: center; }
#videoDetailCntr .sideMenuBox li a:hover span.icon em { background-position: left -62px; }
#videoDetailCntr .sideMenuBox li span.icon em { vertical-align: middle; display: inline-block; text-indent: -9999px; width: 36px; height: 30px; }
#videoDetailCntr .sideMenuBox li a { padding: 0px 20px; height: 55px; line-height: 55px; color: #8c8d8f; display: block; }
#videoDetailCntr .sideMenuBox li a:not(.close-details):hover { color: #fff; text-decoration: none; background-color: #f09e20; }
#videoDetailCntr .sideMenuBox li:hover .submenu { display: block; }
#videoDetailCntr .sideMenuBox li.link1 span.icon em { height: 26px; background-position: left -36px; }
#videoDetailCntr .sideMenuBox li.link2 span.icon em { width: 30px; height: 24px; background-position: -36px -37px; }
#videoDetailCntr .sideMenuBox li.link2 a:hover { background-color: #fff; }
#videoDetailCntr .sideMenuBox li.link2 a:hover span.icon em, #videoDetailCntr .sideMenuBox li.link2:hover a span.icon em { background-position: -36px -37px; }
#videoDetailCntr .sideMenuBox li.link3 span.icon em { width: 30px; height: 25px; background-position: -67px -37px; }
#videoDetailCntr .sideMenuBox li.link3 a:hover span.icon em { background-position: -67px -63px; }
#videoDetailCntr .sideMenuBox li.link4 span.icon em { width: 24px; height: 25px; background-position: -98px -37px; }
#videoDetailCntr .sideMenuBox li.link4 a:hover span.icon em { background-position: -98px -63px; }
#videoDetailCntr .sideMenuBox li.link4 a:hover span.icon em, #videoDetailCntr .sideMenuBox li.link4:hover a span.icon em { background-position: -98px -37px; }
#videoDetailCntr .sideMenuBox li.link5 span.icon em { width: 24px; height: 24px; background-position: -123px -38px; }
#videoDetailCntr .sideMenuBox li.link5 a:hover span.icon em { background-position: -123px -64px; }
#videoDetailCntr .sideMenuBox li.link6 span.icon em { width: 27px; height: 25px; background-position: -148px -37px; }
#videoDetailCntr .sideMenuBox li.link6 a:hover span.icon em { background-position: -148px -63px; }
#videoDetailCntr .sideMenuBox li.link6 a:hover span.icon em, #videoDetailCntr .sideMenuBox li.link6:hover a span.icon em  { background-position: -148px -63px; }
#videoDetailCntr .sideMenuBox li.link7 span.icon em { width: 29px; height: 25px; background-position: -176px -37px; }
#videoDetailCntr .sideMenuBox li.link7 a:hover span.icon em { background-position: -176px -63px; }
/*#videoDetailCntr .sideMenuBox li.link8 span.icon em { width: 32px; height: 25px; background-position: -206px -36px; }
#videoDetailCntr .sideMenuBox li.link8 a:hover span.icon em { background-position: -206px -61px; }*/
#videoDetailCntr .sideMenuBox li.link8 span.icon em { width: 32px; height: 25px; background-position: -206px -36px; }
#videoDetailCntr .sideMenuBox li.link8 a:hover span.icon em { background-position: -206px -61px; }
#videoDetailCntr .sideMenuBox li.link8 a:hover span.icon em, #videoDetailCntr .sideMenuBox li.link8:hover a span.icon em { background-position: -206px -36px; }
#videoDetailCntr .sideMenuBox li.chgpsw span.icon em { width: 20px; height: 22px; background-position: -262px -38px; }
#videoDetailCntr .sideMenuBox li.chgpsw a:hover span.icon em { background-position: -262px -64px; }
#videoDetailCntr .sideMenuBox li.profile span.icon em { width: 20px; height: 24px; background-position: -283px -37px; }
#videoDetailCntr .sideMenuBox li.profile a:hover span.icon em { background-position: -283px -63px; }
#videoDetailCntr .sideMenuBox li .submenu { display: none; position: fixed; z-index: 10; top: 0px; left: 70px; box-shadow: 5px 0px 5px rgba(0, 0, 0, .3); width: 350px!important; height: 100%; overflow: auto; background-color: #fff; }
#videoDetailCntr .sideMenuBox li .submenu ul { position: static; width: auto!important; }
#videoDetailCntr .sideMenuBox li .submenu ul li span.icon1 { display: block; float: left; }
#videoDetailCntr .sideMenuBox li .submenu ul li.done span.icon1 em { background-position: -83px top; }
#videoDetailCntr .sideMenuBox li .submenu ul li.done:hover a span.icon1 em { background-position: -83px top; }
#videoDetailCntr .sideMenuBox li .submenu ul li:hover a span.icon1 em { background-position: -129px top; }
#videoDetailCntr .sideMenuBox li .submenu ul li span.icon1 em { vertical-align: middle; display: inline-block; text-indent: -9999px; width: 22px; height: 22px; background-position: -152px top; }
#videoDetailCntr .sideMenuBox li .submenu ul li span.txt { margin-left: 30px; margin-top: 1px; display: block; }
#videoDetailCntr .sideMenuBox li .submenu ul li { padding: 15px 20px; margin-bottom: 10px; width: auto; border-radius: 5px; background-color: #f2f4f5; }
#videoDetailCntr .sideMenuBox li .submenu ul li a { padding: 0px; height: auto; overflow: hidden; font-size: 15px; color: #999; line-height: normal; background-color: inherit; }
#videoDetailCntr .sideMenuBox li.link2:hover a { background-color: #fff; }
#videoDetailCntr .sideMenuBox li.link2:hover .submenu ul li { background-color: #f2f4f5; }
#videoDetailCntr .sideMenuBox li.link2:hover .submenu ul li a { background-color: inherit; }
#videoDetailCntr .sideMenuBox li.link2 .submenu ul li:hover { color: #fff; background-color: #ef9e20; }
#videoDetailCntr .sideMenuBox li.link2 .submenu ul li:hover a { color: #fff; }
#videoDetailCntr .sideMenuBox li.link2 .submenu ul li.done, #videoDetailCntr .sideMenuBox li.link2 .submenu ul li.done:hover { cursor: pointer; background-color: #fdf5e8; }
#videoDetailCntr .sideMenuBox li.link2 .submenu ul li.done:hover a { color: #999; }
#videoDetailCntr .sideMenuBox li.link2 .submenu ul li .sublinks { margin-left: 30px; }
#videoDetailCntr .sideMenuBox li.link2 .submenu ul li.done .sublinks a { margin-top: 5px; padding: 5px 10px; color: #666; border-radius: 5px; font-family: opensansreg; font-size: 12px; display: block; background-color: #f2eadd; }
#videoDetailCntr .sideMenuBox li.link2 .submenu ul li.done:hover .sublinks a:hover { color: #fff; background-color: #c2bcb1; }

#videoDetailCntr .sideMenuBox li.dd:hover a { background-color: #fff; }
#videoDetailCntr .sideMenuBox li.dd:hover .submenu ul li { background-color: #f2f4f5; }
#videoDetailCntr .sideMenuBox li.dd:hover .submenu ul li a { background-color: inherit; }
#videoDetailCntr .sideMenuBox li.dd .submenu ul li:hover { color: #fff; background-color: #ef9e20; }
#videoDetailCntr .sideMenuBox li.dd .submenu ul li:hover a { color: #fff; }
#videoDetailCntr .sideMenuBox li.dd .submenu ul li.done, #videoDetailCntr .sideMenuBox li.dd .submenu ul li.done:hover { cursor: pointer; background-color: #fdf5e8; }
#videoDetailCntr .sideMenuBox li.dd .submenu ul li.done:hover a { color: #999; }
#videoDetailCntr .sideMenuBox li.dd .submenu ul li .sublinks { margin-left: 0px; }
#videoDetailCntr .sideMenuBox li.dd .submenu ul li.done .sublinks a { margin-top: 5px; padding: 5px; color: #666; border-radius: 5px; font-family: opensansreg; font-size: 12px; display: block; background-color: #f2eadd; }
#videoDetailCntr .sideMenuBox li.dd .submenu ul li.done:hover .sublinks a:hover { background-color: #DFDFDD; }
#videoDetailCntr .sideMenuBox li.dd .submenu ul li.done .sublinks span.txt { margin-top: 3px; }
#videoDetailCntr .sideMenuBox li.link4 .submenu ul li .sublinks { margin: 0px; }
#videoDetailCntr .sideMenuBox ul.bottom { position: absloute; bottom: 0px; left: 0px; height: auto; top: auto; }
/*#videoDetailCntr .sideMenuBox ul.bottom li { margin-top: 20px; }*/
#videoDetailCntr .sideMenuBox ul.bottom li.arrow a { line-height: normal; height: auto; }
#videoDetailCntr .sideMenuBox ul.bottom li.arrow a span { display: block; width: 21px; height: 18px; text-indent: -9999px; background-position: -39px top; }
#videoDetailCntr .sideMenuBox ul.bottom li.arrow a span.open { background-position: -59px top; }
#videoDetailCntr .sideMenuBox ul.bottom li a:hover { background-color: inherit; }
#videoDetailCntr .sideMenuBox ul.bottom li.contact a  { height: 58px; line-height: 58px; background-color: #22262e; }
#videoDetailCntr .sideMenuBox ul.bottom li.contact span.icon em { width: 23px; height: 17px; background-position: -238px -38px; }
#videoDetailCntr .sideMenuBox ul.bottom li.contact a:hover span.icon em { background-position: -238px -64px; }
#videoDetailCntr a.menu { padding: 0 10px; z-index: 100; color: #FFF; display: none; position: absolute; top: 10px; right: 10px; font-size: 13px; height: 30px; line-height: 30px; background: #000; }
#videoDetailCntr a.menu em { display: inline-block; height: 15px; text-indent: -9999px; vertical-align: middle; width: 19px; background-position: left -363px; }

#videoDetailCntr .videoAreaBox { margin-left: 70px; min-height: 700px; background-color: #22262f; /*background: url(../images/video-detailBg.jpg) top right fixed repeat;*/ }
#videoDetailCntr .videoAreaBox h1 { margin: 20px 0px; color: #fff; font-weight: normal; line-height: normal; }
#videoDetailCntr .videoAreaBox h2 { font-weight: normal; }
#videoDetailCntr .videoAreaBox .video { vertical-align: top; margin-bottom: 6px; margin-right: 20px; position: relative; border-radius: 5px; border: 10px solid #d3d3d3; display: inline-block; }
#videoDetailCntr .videoAreaBox .videoafterplay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #191b1f; }
#videoDetailCntr .videoAreaBox .videoafterplay .content { position: absolute; bottom: 35%; left: 0; width: 100%; text-align: center; }
#videoDetailCntr .videoAreaBox .videoafterplay a.replay, #videoDetailCntr .videoAreaBox .videoafterplay a.next { margin: 0 60px; margin-bottom: 20px; display: inline-block; font-family: latobd; color: #727272; font-size: 17px; vertical-align: top; }
#videoDetailCntr .videoAreaBox .videoafterplay a.replay em, #videoDetailCntr .videoAreaBox .videoafterplay a.next em { margin-right: 5px; margin-bottom: 5px; display: inline-block; width: 38px; height: 33px; text-indent: -9999px; vertical-align: middle; background-position: -109px -487px; }
#videoDetailCntr .videoAreaBox .videoafterplay a.next em { width: 40px; height: 28px; background-position: -189px -489px; }
#videoDetailCntr .videoAreaBox .videoafterplay p { margin-top: 100px; text-align: center; line-height: normal; }
#videoDetailCntr .videoAreaBox .videoafterplay p em { margin-right: 10px; display: inline-block; text-indent: -9999px; }
#videoDetailCntr .videoAreaBox .videoafterplay p a { margin:  0 30px; color: #3a3c40; font-size: 14px; }
#videoDetailCntr .videoAreaBox .videoafterplay p a.expert em { width: 17px; height: 18px; background-position: -36px -491px; }
#videoDetailCntr .videoAreaBox .videoafterplay p a.rate em { width: 22px; height: 20px; background-position: -53px -490px; }
#videoDetailCntr .bannerAdBox { padding: 60px 90px; }

#videoDetailCntr .videoFooter { height: 58px; margin-left: 70px; width: 94.8%; position: fixed; bottom: 0px; left: 0px; background: rgba(7, 6, 11, .95); }
#videoDetailCntr .videoFooter a { margin-left: 30px; color: #37383A; }
#videoDetailCntr .videoFooter p { color: #37383A; }
#videoDetailCntr .videoFooter .social a { margin: 0px; margin-right: 10px; display: inline-block; height: 14px; width: 14px; text-indent: -9999px; }
#videoDetailCntr .videoFooter a.fb { width: 7px; background-position: left -96px; }
#videoDetailCntr .videoFooter a.twitter { width: 11px; height: 13px; background-position: -9px -96px; }
#videoDetailCntr .videoFooter a.linkedin { width: 11px; height: 12px; background-position: -25px -96px; }
#videoDetailCntr .videoFooter a.tDot { width: 11px; height: 13px; background-position: -39px -96px; }
#videoDetailCntr .videoFooter a.rss { width: 10px; height: 12px; background-position: -52px -96px; }
#videoDetailCntr .videoFooter a.blogger { width: 12px; height: 13px; background-position: -64px -96px; }
 
#contentCntr { padding: 110px 0 90px; width: 100%; background: #edeff0; }

    #salesModuleCntr { }
    #salesModuleCntr .progressDetail { display: block!important; width: auto!important; }
    
        .smaboutBox { margin-bottom: 30px; border-radius: 5px 5px 0 0; overflow: hidden; box-shadow: 0px 1px 2px rgba(0, 0, 0, .1); }
        .smaboutBox .padding { padding: 20px 30px; }
        .smaboutBox .left { margin-right: 500px; }
        .smaboutBox .right { float: right; }
        .smaboutBox p { color: #fde8ba; }
        .smaboutBox .bot { padding: 20px 30px; }
        .smaboutBox a.btn { padding: 20px 50px; float: left; box-shadow: 0px 3px 0px #55ba73; text-transform: uppercase; font-size: 22px; color: #fff; font-family: latobla; background-color: #5fcf80; }
        .smaboutBox .videoBar { margin-left: 250px; }
        .smaboutBox .videoBar .player { position: relative; height: 40px; font-size: 24px; font-family: latobla; }
        .smaboutBox .videoBar .player span.bar { margin: 20px 120px 0px 30px; position: relative; top: 6px; border-radius: 10px; height: 15px; display: block; width: auto; background-color: #e5e6e7; }
        .smaboutBox .videoBar .player span.hrs { position: absolute; top: 0px; }
        .smaboutBox .videoBar .player span.start { left: 0px; }
        .smaboutBox .videoBar .player span.finish { right: 0px; }
        .smaboutBox .videoBar .hours { float: right; }
        .smaboutBox img.video-img { margin-bottom: 10px; }
        
        .smModuleMapBox { margin-bottom: 30px; overflow: hidden; border-radius: 5px 5px 0 0; overflow: hidden; box-shadow: 0px 1px 2px rgba(0, 0, 0, .1); }
        .smModuleMapBox .heading { border-bottom: 1px solid #e2e5e8; position: relative; }
        .smModuleMapBox .heading h3 { font-family: opensansreg; }
        .smModuleMapBox .heading h3 span { margin-right: 15px; width: 48px; vertical-align: middle; height: 48px; display: inline-block; text-indent: -9999px; background-position: left -112px; }
        .smModuleMapBox .heading h3 span.discussion-icon { background-position: left -112px; }
        .smModuleMapBox .heading h3 span.highlights-icon { background-position: -202px -110px; }
        .smModuleMapBox .heading h3 span.exercise-icon { background-position: -153px -110px; }
        .smModuleMapBox .heading h3 span.quiz-icon { background-position: -251px -110px; }
        .smModuleMapBox .heading h3 span.change-password-icon { background-position: -153px -167px; }
        .smModuleMapBox .heading h3 span.forgot-password-icon { background-position: -202px -167px; }
        .smModuleMapBox .heading h3 span.profile-icon { background-position: -251px -167px; }
        .smModuleMapBox .heading p.rightTxt { position: absolute; top: 45px; right: 30px; }
        .smModuleMapBox .heading p.rightTxt span { margin: 0px; vertical-align: inherit; display: inline; text-indent: inherit; }
        .smModuleMapBox .heading form { border: 1px solid #dcdcdc; width: 240px; position: relative; }
        .smModuleMapBox .heading input.searchField { padding: 10px; margin: 0px; color: #999; border: none; width: 75%; }
        .smModuleMapBox .heading input.searchField:focus { box-shadow: none; }
        .smModuleMapBox .heading input.searchBtn { border: none; width: 23px; height: 25px; background-position: left -215px; }
        .smModuleMapBox .selCompetency { top: 0; right: 0; }
        .smModuleMapBox li { padding: 20px 40px; position: relative; overflow: hidden; border-bottom: 1px solid #edeff0; background-color: #f9fafa; }
        .smModuleMapBox li span.play { position: absolute; top: 0px; left: 0px; display: block; text-indent: -9999px; width: 22px; height: 22px; background-position: -152px top; }
        .smModuleMapBox li a { padding-left: 50px; margin: 0px; margin-right: 20px; max-width: 350px; width: 100%; color: #666; display: inline-block; position: relative; font-size: 15px; font-family: opensansbd; }
        .smModuleMapBox span.time { font-size: 15px; color: #999; position: absolute; right: 30px; top: 20px; }
        .smModuleMapBox .right { padding-top: 10px; margin-left: 50px; position: static; display: block; }
        .smModuleMapBox .right span.time { position: static; }
        .smModuleMapBox .right span.notavailable { position: absolute; top: 20px; right: 30px; display: inline-block; color: #999; font-size: 11px; }
        .smModuleMapBox .right span.notavailable em { margin-right: 10px; display: inline-block; width: 24px; vertical-align: middle; height: 26px; text-indent: -9999px; background-position: -224px top; }
        .smModuleMapBox li.watched { border-bottom-color: #fff; background-color: #e6f6f5; }
        .smModuleMapBox li.watched span.play { width: 22px; height: 22px; background-position: -249px top; }
        .smModuleMapBox li a.btn { padding: 0px 10px; margin: 0px; margin-top: -5px; text-align: left; display: block; border-radius: 3px; float: right; box-shadow: 0px 3px 0 #d55151; width: 100px; color: #f6adad; font-size: 11px; height: 28px; line-height: 28px; background-color: #ed5a5a; }
        .smModuleMapBox li a.btn span { margin-right: 5px; width: 15px; height: 15px; text-indent: -9999px; display: inline-block; vertical-align: middle; background-position: -273px top; }
        .smModuleMapBox li.resume { padding-left: 90px; }
        .smModuleMapBox li.resume h4, .smModuleMapBox li.expert h4 { color: #a1a09b; line-height: normal; }
        .smModuleMapBox li.resume h4 span, .smModuleMapBox li.expert h4 span { margin-right: 5px; width: 22px; height: 26px; display: inline-block; text-indent: -9999px; vertical-align: middle; background-position: -52px -124px; }
        .smModuleMapBox li.resume a.btn { box-shadow: 0px 3px 0 #09958a; color: #84d3cc; background-color: #0aa699; }
        .smModuleMapBox li.expert { padding-left: 90px; background-color: #f6f6f6; }
        .smModuleMapBox li.expert h4 span { width: 24px; height: 27px; background-position: -74px -123px; }
        .smModuleMapBox li .sublinks { margin-left: 50px; }
        .smModuleMapBox li .sublinks a { margin-top: 10px; padding: 5px 10px; color: #666; border-radius: 5px; font-family: opensansreg; font-size: 14px; display: block; background-color: #dbeae9; }
        .smModuleMapBox li .sublinks a:hover { background-color: #d2e0df; }
        .smModuleMapBox li h4.rating span { width: 28px; height: 26px; background-position: -98px -123px; }
        .smModuleMapBox .moduleList li { padding: 0px; border: none; background: none; }
        .smModuleMapBox .icons-links li { border-bottom-color: #efbc02; background-color: #feca0a; }
        .smModuleMapBox .icons-links li span { position: absolute; top: 0px; left: 0px; display: block; text-indent: -9999px; }
        .smModuleMapBox .icons-links li a { color: #fff; display: block; }
        .smModuleMapBox .icons-links li.quiz span { width: 12px; height: 23px; background-position: -51px -63px; }
        .smModuleMapBox .icons-links li.exercise span { width: 22px; height: 22px; background-position: -66px -63px; }
        .smModuleMapBox .icons-links li.highlights span { width: 24px; height: 24px; background-position: -91px -63px; }
        .smModuleMapBox .selCompetency { position: absolute; top: 35px; right: 30px; width: 200px; }
        .smModuleMapBox .selCompetency .ffSelect > a { background-color: #efefef; border: none; }
        .smModuleMapBox .selCompetency .selectdd .active .ffSelect > a { border-radius: 5px 5px 0 0; }
        .smModuleMapBox .selCompetency .ffSelect > a > span { height: auto; line-height: 36px; }
        .smModuleMapBox .selCompetency li { border: none; }
        
        .moduleList { }
        .moduleList .listHead { padding: 30px; background-color: #e6ebed; }
        .moduleList li {  margin-bottom: 30px; overflow: hidden; }
        .moduleList li span { margin-top: 3px; display: block; float: left; width: 20px; height: 13px; text-indent: -9999px; background-position: -203px -16px; }
        .moduleList li p { margin-left: 45px; color: #999; font-size: 14px; }
        
        .colBox { margin-bottom: 20px; border-radius: 3px; overflow: hidden; box-shadow: 0px 1px 2px rgba(0, 0, 0, .1); background-color: #fff; }
        .colBox h3 { padding: 20px 30px; line-height: normal; margin: 0px; color: #7b96a2; background-color: #e2e5e8; }
        .colBox .padding { padding: 20px 30px; }
        .colBox p { font-size: 14px; color: #999; line-height: 24px; }
        
        .expertsBox img.thumb { margin-right: 20px; border-radius: 80px; }
        
        .prerequisites p { line-height: normal; }
        .prerequisites li { padding: 20px 30px; position: relative; overflow: hidden; border-top: 1px solid #edeff0; background-color: #f9fafa; }
        .prerequisites li a { color: #999; font-family: opensansbd; }
        
        .relatedModulesBox ul { margin-left: -30px; overflow: hidden; }
        .relatedModulesBox li { margin-left: 30px; width: 100%; max-width: 273px; float: left; }
        .relatedModulesBox li p { line-height: normal; }
        .relatedModulesBox li .bot { position: relative; width: 100%; max-width: 370px; }
        .relatedModulesBox li span.category { float: right; }
        .relatedModulesBox li .txt { margin-right: 100px; }
        
        ul.moduleCatalogue li { min-height: 280px; }
        ul.moduleCatalogue li p { line-height: normal; }
        ul.moduleCatalogue li .bot { padding-top: 5px; position: relative; }
        ul.moduleCatalogue li span.category { float: right; }
        ul.moduleCatalogue li .txt { margin-right: 100px; }
        
        .bannerAdBox { padding: 30px 0px; }
        
        .commentsBox li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e9ec; position: relative; }
        .commentsBox li img.thumb { float: left; border-radius: 50px; }
        .commentsBox li .txt { padding-top: 10px; margin: 0px 30px 0px 70px; }
        .commentsBox li a.comment-icon { position: absolute; top: 5px; right: 0px; width: 16px; height: 16px; text-indent: -9999px; display: block; background-position: -204px top; }
        .commentsBox li.writeComment { padding: 0px; margin: 0px; border: none; }
        .commentsBox li.last { margin: 0px; border: none; }
        .commentsBox input.field { padding: 7px 10px; margin: 0; color: #8b91a0; background-color: #fff; border-color: #e5e9ec; border-radius: 3px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2); color: #999999; font-size: 13px; width: 96.9%; }
        .commentsBox .orangeBg li { border: none; }
        .commentsBox .orangeBg input.field { border: none; }
        .commentsBox textarea { padding: 7px 10px; margin: 0; color: #8b91a0; height: 100px; border-color: #E5E9EC; border-radius: 3px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2); color: #999999; font-size: 13px; width: 96.9%; }
        .commentsBox .approach textarea { height: 50px; }
        .commentsBox .ffRadio, .commentsBox .ffCheckbox { float: left; display: block; /*width: 39px; height: 39px; background-position: -355px -279px; */}
        .commentsBox .ffRadioWrapper:hover .ffRadio, .ffRadioWrapper.focus .ffRadio { /*background-position: -355px -279px;*/ }
        .commentsBox .ffRadioWrapper.on .ffRadio { /*background-position: -395px -279px;*/ }
        .commentsBox .ffRadioWrapper a, .commentsBox .ffCheckboxWrapper a { margin-left: 30px; /*top: 10px;*/ display: block; font-size: 15px; }
        
        .quizBox li { padding: 15px 40px; position: relative; overflow: hidden; border-bottom: 1px solid #edeff0; background-color: #f9fafa; }
        .quizBox li input.check { float: left; }
        .quizBox li label { margin: 0px; margin-left: 70px; display: block; font-size: 15px; color: #666; }
        .quizBox li .ffRadio, .quizBox li .ffCheckbox { float: left; display: block; /*width: 39px; height: 39px; background-position: -355px -279px; */}
        .quizBox li .ffRadioWrapper:hover .ffRadio, .ffRadioWrapper.focus .ffRadio { /*background-position: -355px -279px;*/ }
        .quizBox li .ffRadioWrapper.on .ffRadio { /*background-position: -395px -279px;*/ }
        .quizBox li .ffRadioWrapper a, .quizBox li .ffCheckboxWrapper a { margin-left: 30px; /*top: 10px;*/ display: block; font-size: 15px; }
        .quizBox a.btn { margin-right: 10px; width: 160px; }
        .quizBox .accordion-heading .accordion-toggle { padding: 0px; padding-right: 30px; }
        .quizBox .accordion-group, .quizBox .accordion-inner { padding: 0px; margin: 0px; border: none; }
        .quizBox .accordion-heading { border-bottom: 1px solid #dcdcdc; }
        .quizBox .accordion-heading h3 { position: relative; }
        .quizBox .accordion-heading h3 em { display: block; height: 19px; position: absolute; right: 0px; text-indent: -9999px; top: 5px; width: 19px; background-position: -36px -394px; }
        .quizBox .accordion-heading h3 a.collapsed em { background-position: -36px -375px; }
        .quizBox .accordion-heading h3 a:hover { text-decoration: none; }
        .quizBox .accordion { margin: 0px; }
        .quizBox .accordion-body { border-bottom: 1px solid #dcdcdc; }
        .quizBox .exerciseVideo { border-radius: 5px; border: 10px solid #d3d3d3; }
        .quizBox a.clickhere { position: absolute; top: 35px; right: 30px; font-size: 12px; }
        .quizBox .table { margin: 0; border: 1px solid #dcdcdc; border-bottom: none; }
        .quizBox .content { width: 100%; }
        .quizBox .rowG { border-bottom: 1px solid #dcdcdc; }
        .quizBox .rowG .col { float: left; position: relative; width: 15%; }
        .quizBox .rowG .col-2 { width: 40%; }
        .quizBox .rowG .col-1 { width: 6%; }
        .quizBox .rowG .col-5 { width: 23%; }
        .quizBox .rowG .padding { padding: 15px; }
        .quizBox .rowG span.sep { width: 1px; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #dcdcdc; }
        .quizBox .th { color: #fff; font-family: opensansbd; font-size: 13px; background-color: #F8B219; }
        .quizBox .th .col { border-left: 1px solid #de9f17; height: 50px; }
        .quizBox .th .col-1 { border: none; }
        .quizBox .alternate { background-color: #F9FAFA; }
        .quizBox .answers span { display: block; width: 26px; height: 26px; text-indent: -9999px; }
        .quizBox .answers span.correct { background-position: -53px -215px; }
        .quizBox .answers span.wrong { background-position: -27px -215px; }
        .quizBox span.percentageProgress { position: absolute; top: 0px; right: 0px; }
        .quizBox .type { /*text-align: right; position: absolute; top: 0; right: 0;*/ }
        .quizBox div.txt a.btn { margin: 0px; width: auto; }
        .quizBox div.txt p { margin-right: 130px; }
        .quizBox span.completed { float: right; font-size: 13px; font-family: opensansbd; color: #999; }
        .quizBox span.completed em { margin-right: 5px; display: inline-block; vertical-align: middle; text-indent: -9999px; width: 26px; height: 26px; background-position: -53px -215px; }
        .quizBox .selCompetency { vertical-align: middle; display: inline-block; width: 200px; }
        .quizBox .selCompetency .ffSelect > a { margin: 0; background-color: #efefef; border: none; }
        .quizBox .selCompetency .selectdd .active .ffSelect > a { border-radius: 5px 5px 0 0; }
        .quizBox .selCompetency .ffSelect > a > span { height: auto; line-height: 36px; }
        .quizBox .selCompetency li { border: none; }
        
        .signinBox { border-radius: 3px; /*box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);*/ }
        .signinBox label { padding-bottom: 5px; text-transform: uppercase; font-size: 18px; }
        .signinBox input.txtField { padding: 15px; height: auto; width: 93%; font-size: 18px; border: 2px solid #c6e2e6; box-shadow:  none; background-color: #fbfbfb; }
        .signinBox input.txtField:focus { border-color: #c6e2e6; box-shadow: none; background-color: #edf8f7; }
        .signinBox input.btn { padding: 11px 50px; text-transform: uppercase; }
        .signinBox .or { background-color: #dbdcdc; }
        .signinBox .or span { background-color: #fff; }
        .signinBox .social a { margin-right: 10px; display: inline-block; width: 59px; height: 59px; text-indent: -9999px; }
        .signinBox .social a.fb { width: 58px; background-position: left -242px; }
        .signinBox .social a.linkedin { background-position: -57px -242px; }
        .signinBox .social a.gp { background-position: -116px -242px; }
        .signinBox .photo { border: 2px solid #c6e2e6; border-radius: 3px; background-color: #fbfbfb; }
        .signinBox .photo .right { padding-top: 20px; }
        .signinBox .photo .btn { padding: 10px 40px; }
        .signinBox .photo .fileBar { position: relative; width: 108px; overflow: hidden; height: 10px; border-radius: 5px; background-color: #f0f0f0; }
        .signinBox .photo .fileBar .fill { position: absolute; top: 0px; left: 0px; width: 90%; background-color: #2eb398; }
        .signinBox .photo a.remove { display: inline-block; text-indent: -9999px; width: 26px; height: 26px; background-position: left -381px; }
        .signinBox .social-connect li { padding: 0px 20px 0px 80px; overflow: hidden; margin-bottom: 10px; height: 63px; line-height: 63px; position: relative; border-radius: 3px; background-color: #edeff0; }
        .signinBox .social-connect li span.icon { text-align: center; text-indent: -9999px; position: absolute; top: 0px; left: 0px; display: table-cell; vertical-align: middle; text-align: center; width: 70px; height: 63px; }
        .signinBox .social-connect li span.icon em { width: 70px; height: 63px; display: table-cell; vertical-align: middle; text-indent: -9999px; }
        .signinBox .social-connect li span.icon em small { display: block; margin: auto; }
        .signinBox .social-connect li .on-offBtn { padding: 0px 10px; text-align: right; line-height: 34px; position: absolute; color: #fff; font-size: 19px; font-family: latoreg; right: 20px; top: 17px; width: 70px; height: 32px; border-radius: 20px; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .3); background-color: #b6b6b6; }
        .signinBox .social-connect li span.switch { display: block; width: 41px; height: 53px; text-indent: -9999px; position: absolute; left: -10px; top: -2px; background-position: left -408px; }
        .signinBox .social-connect li a:hover { text-decoration: none; }
        .signinBox .social-connect li .on-offBtn.on { text-align: left; background-color: #5fcf80; }
        .signinBox .social-connect li .on-offBtn.on span.switch { left: auto; right: -10px; }
        .signinBox .social-connect li.fb span.icon { background-color: #3960b0; }
        .signinBox .social-connect li.fb span.icon em small { display: block; margin: auto; width: 15px; height: 28px; background-position: left -462px; }
        .signinBox .social-connect li.twitter span.icon { background-color: #00abf0; }
        .signinBox .social-connect li.twitter span.icon em small { display: block; margin: auto; width: 26px; height: 18px; background-position: -17px -467px; }
        .signinBox .social-connect li.gp span.icon { background-color: #eb412e; }
        .signinBox .social-connect li.gp span.icon em small { display: block; margin: auto; width: 26px; height: 18px; background-position: -48px -467px; }
        
        .myModulesBox li { margin-bottom: 20px; border-radius: 5px; background-color: #fff; }
        .myModulesBox li .left { margin-right: 2%; width: 68%; float: left; }
        .myModulesBox li .left .txt { margin-left: 390px; }
        .myModulesBox li .right { width: 30%; float: left; }
        .myModulesBox .progressDetail { border: none; background-color: #efefee; }
        
        .userRatingsBox textarea { padding: 7px 10px; margin: 0; height: 150px; color: #8b91a0; background-color: #fff; border-color: #e5e9ec; border-radius: 3px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2); color: #999999; font-size: 13px; width: 96.9%; }
        .userRatingsBox .col3 { }
        .userRatingsBox .rowG { border-bottom: 1px solid #fff; }
        .userRatingsBox .rowG .col { float: left; width: 20%; }
        .userRatingsBox .rowG .col .padding { padding: 15px; }
        .userRatingsBox .rowG .col.col-3 { width: 60%; }
        
        .videoTableBox .table { margin: 0; border: 1px solid #dcdcdc; border-bottom: none; }
        .videoTableBox .content { width: 100%; }
        .videoTableBox .rowG { border-bottom: 1px solid #dcdcdc; position: relative; }
        .videoTableBox .rowG .col { float: left; position: relative; width: 20%; }
        .videoTableBox .rowG .col-2, .videoTableBox .rowG .col-3 { width: 21%; }
        .videoTableBox .rowG .col-4 { width: 35%; }
        .videoTableBox .rowG .padding { padding: 15px; }
        .videoTableBox .rowG span.sep { width: 1px; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #dcdcdc; }
        .videoTableBox .th { color: #fff; font-family: opensansbd; font-size: 13px; background-color: #F8B219; }
        .videoTableBox .th .col { border-left: 1px solid #de9f17; height: 50px; }
        .videoTableBox .th .col-1 { border: none; }
        .videoTableBox .alternate { background-color: #F9FAFA; }
        .videoTableBox .col5 .col { width: 18%; }
        .videoTableBox .col5 .col-1 { width: 35%; }
        .videoTableBox .col5 .col-4 { width: 15%; }
        .videoTableBox .userInfo { margin-left: 5px; width: 140px; display: inline-block; vertical-align: middle; }
        .videoTableBox .col5 span.completed { float: none; }
        .videoTableBox .col5 .rowG .col-2, .videoTableBox .col5 .rowG .col-3 { width: 15%; }
        .videoTableBox a.replay { font-size: 13px; font-family: opensansbd; color: #999; }
        .videoTableBox a.replay em { margin-right: 5px; display: inline-block; vertical-align: middle; text-indent: -9999px; width: 26px; height: 26px; background-position: -81px -216px; }
        .videoTableBox a.btn { position: absolute; top: 15px; right: 15px; margin: 0; width: auto; }
        .videoTableBox .past-videos .col { width: 17%; }
        .videoTableBox .past-videos .col-1 { width: 13%; }
        .videoTableBox .past-videos .col-5 { width: 31%; }
        .videoTableBox .past-videos .col-3, .videoTableBox .past-videos .col-4 { width: 19%; }
        
        .textBox .content { padding: 20px; border-radius: 5px; margin-bottom: 20px; background-color: #FFF; }
        .textBox .content .image { margin-bottom: 20px; margin-right: 20px; }
        .textBox .content p { padding-bottom: 10px; margin: 0; }
        .textBox .content ol { margin-left: 12px; margin-bottom: 20px; list-style: disc; }
        .textBox .content li { font-size: 13px; margin-bottom: 10px; }
        
        /* scroll bar css */
.slimScrollBar { height: 150px!important; }

/* css for others */
.infotooltip { display:none; z-index:1900; position:absolute; max-width: 200px; border:1px solid #333; background-color:#161616; border-radius:5px; padding:10px; color:#fff; font-size:12px; }

/* Back to top button */
#back-top { margin: 0px; position: fixed; bottom: 10px; right: 10px; }
#back-top a { width: 70px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { color: #7B7B7B; }
/* arrow icon (span tag) */
#back-top span { margin: auto; width: 50px; height: 50px; display: block; margin-bottom: 7px; background: #ddd url(../images/up-arrow.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* background color transition */    -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span { background-color: #777; }

.ffSelectMenuTop, .ffSelectMenuBottom { display: none; }
.ffSelectWrapper .ffSelect > a span { background: none; }

    footer .top { padding: 40px 0px; background-color: #1a1a1a; overflow: hidden; }
    footer .top .right, footer .top .left { float: left; width: 25%; }
    footer .top .right { width: 72%; float: right; }
    footer .top .right .col { float: left; width: 25%; }
    footer .top p { line-height: 24px; }
    footer .top h3 { font-size: 21px; font-weight: normal; }
    footer .top h3, footer p a, footer p { color: #999; }
    footer .bottom { padding: 30px; background-color: #111; }
    footer .bottom p a { text-decoration: underline; }