/***
 *
 *  Custom Styles - Start
 *
 ***/


/*** Fonts ***/

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic);

body {
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #383838;
    line-height: 22px;
}

a, img, a:focus, img:focus, span.record_btn, span.record_btn:focus {
    outline: medium none !important;
}

.nop {
    padding: 0;
}

.nopl {
    padding-left: 0;
}

.nopr {
    padding-right: 0;
}

.nom {
    margin: 0;
}

.noml {
    margin-left: 0;
}

.nomr {
    margin-right: 0;
}

/*** Header - Styles - Start ***/

.navbar {
    min-height: 70px;
    background: #fff;
}

.navbar-brand {
    padding: 5px 15px;
    height: auto;
}

.navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
    color: #222b52;
    text-transform: capitalize;
    font-weight: 400;
}

.navbar-nav>li>a {
    color: #222b52;
    padding-top: 25px;
    padding-bottom: 25px;
    text-transform: capitalize;
}

.ct-number {
    display: inline-block;
    margin-left: 50px;
    margin-top: 20px;    
}

.ct-number span {
    color: #666;
    font-size: 15px;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 50px;
}

.register-mlink a.page-scroll {
    margin-left: 50px;
    color: #18b2d4 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

header .header-content {
    top: 40%;
}

.login-mlink {
    background: #18b2d4;    
}

.login-mlink span {
    margin-right: 5px;
    text-transform: uppercase;
    color: #fff;
}

.login-mlink .page-scroll {
    padding-top: 21px;
    padding-bottom: 21px;
}

header{
    /*background: url('../img/banner.jpg') no-repeat center center;*/
    background: url('../img/home-banner-step.jpg') no-repeat center 37px;
    background-size: cover;
    min-height: 490px;
}

header .header-content .header-content-inner {
	width: 550px;
	margin-top: 100px;
}

header .header-content .header-content-inner h1 {
    text-transform: none;
    font-size: 40px;
    margin: 10px 0 20px;
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	text-align:left;
}


.photo-content{
    background: url('../img/vidya-banner.jpg') no-repeat center 37px;
    background-size: cover;
    min-height: 490px;

}
.test-links {
	
}

.btn-take-free-mini {
    background: #18b2d4;
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
	margin: 20px 0;
}

.btn-take-free-mini:hover, .btn-take-free-mini:focus {
    background: #18b2d4;
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
}

.preview-link  {
	font-size: 20px;
	font-weight: bold;
	/*color: #18b2d4;*/
	color: #fff;
	text-shadow: 1px 1px 2px #555;
}

.preview-link:hover {
	/*color: #18b2d4;*/
	color: #fff;
}

.navbar-brand > img {
    display: block;
    /*margin: 5px 0;*/
    width: 90%;
}

/*#video, header {
 position: relative;
 background: transparent;
}

.ytplayer-container{
 position: absolute;
 top: 0;
 z-index: -1;
}*/

#homeHeading span.tblack {
    background: #000;
    border-radius: 10px;
    padding: 5px;	
}

span#js-rotating {    
    color: #18b2d4;    
    text-shadow: 2px 2px 2px #555;    
}



/*** Header - Styles - End ***/

/*** Container - Styles - Start ***/

.content-container {
    position: relative;
    padding: 40px 0; 
    /*padding: 75px 0;*/
}

.content-container h3 {
    color: #212b4f;
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 30px;
    text-align: center;
}

.why-step-container {
    background: url('../img/whystep-banner.jpg') no-repeat center center;
    background-size: cover;   
    padding-top: 0px; 
}

.about-container {
    background: url('../img/about-pattern.png') repeat left top;    
}

.features-container {
    background: url('../img/features-banner.jpg') no-repeat center center;
    background-size: cover;    
}

.product-container {
    background: url('../img/product-banner.jpg') no-repeat center center;
    background-size: cover;    
}

.features-container h3 {
    color: #fff;
    text-align: center;
}

.features-container .main-box {
    float: left;
    margin-left: 0px;
    margin-right: 20px;
}

.features-container .main-box:first-child {
    margin-left: 0;
}

.features-container .main-box:last-child {
    margin-right: 0;
}

.rwls-wrapper {
    clear: both;
    position: relative;
    margin-bottom: 20px;
}

.prod-box-wrapper {
    position: relative;
    clear: both;
    margin: 20px 0;
}

.prod-box-cover {
    position: relative;
    min-height: 550px;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
}

.prod-box {
    position: relative;
    margin: 0 25px;
}

/*.prod-free-tag {
    background: url('../img/free-tag.png') no-repeat;
    position: absolute;
    right: -12%;
    top: 2%;
    width: 114px;
    height: 38px;
}*/
.prod-free-tag {
    position: absolute;
    right: -16%;
    top: 1%;
}

.prod-free-tag span {
    line-height: 36px;
    text-align: center;
    display: block;
    margin-left: 20px;   
}

.prod-box .prod-caption {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 30px 0 10px;
}

.prod-box .prod-box-points {
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
}

.prod-box .prod-box-points li {    
    list-style: none;
    color: rgba(255,255,255,0.8);
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.8);
    font-size: 14px;
}

.prod-box .prod-box-points li span {
    display: block;
}

.prod-box .prod-box-points li:last-child {
    border-bottom: 1px solid rgba(101,101,101,0.6);
}

.prod-box .prod-button {
    background: #18b2d4 none repeat scroll 0 0;
    display: inline-block;
    margin: 63px 15% 40px;
    text-align: center;
    padding: 10px 25px;
}

.coming-soon-box {
    display: inline-block;
    text-align: center;
/*    background: #212b4f; */
    background-color: rgba(33,43,79,.2);
    border-radius: 10px;
    margin: 5px 40px;
    padding: 3px 7px;
    font-weight: 200;
    color: #fff;
}

.white-box {
    background: #fff;
}

.white-box .prod-caption {
    color: #666666;
}

.white-box .prod-box .prod-box-points li {
    color: #656565;
    border-bottom: 1px solid rgba(101,101,101,0.2);
}

.white-box .prod-box .prod-box-points li:last-child {
    border-bottom: 1px solid rgba(101,101,101,0.6);
}

.white-box .prod-box .prod-button {
    background: #999;
    /*margin: 20px 5% 40px;*/
    margin: 0 5% 40px;
}

.green-prodbox {
    background: #0bb284;
    color: #fff;
}

.prod-box .prod-button span {
    color: #fff;
    margin-right: 5px;
}

.prod-box .prod-button.btn-step-test-pos {
    margin-top: 86px;
}

.prod-box .prod-button.btn-step-pro-pos {
    margin-top: 86px;
}

.price-box {
    position: relative;
    margin: 15px 0;
    display: block;
    text-align: center;
    width: 100%;
}

.price-box .scaption {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.price-box .sprice {
    color: #fff;
    text-decoration: line-through;
    font-weight: normal;
    font-size: 20px;
    margin: 10px 0;
}

.price-box .lprice {
    font-size: 35px;
    margin: 10px 0 0;
    text-shadow: 0 3px 2px rgba(0,0,0,0.3);
}


.blue-box {
    background: #202c52;
}

.features-container .main-box img{
    display: block;
}

.features-container .main-box span {
    color: rgba(255,255,255,0.8);
    display: block;
    text-align: center;
}

.features-container .title-caption {
    color: #fff;
    font-size: 24px;
    border-bottom: 2px solid #fff;
    padding-right: 15px;
    padding-bottom: 10px;
    display: inline-block;
}

.features-container p {
    color: rgba(255,255,255,0.8);
    text-align: center;
}

.efr-box p {
    text-align: left;
    margin-top: 15px;
}

.efr-wrapper {
    position: relative;
    clear: both;
}

.efr-wrapper .first-box{
    background: #a169d4;
    color: #fff;
}

.efr-wrapper .second-box{
    background: #0bb284;
    color: #fff;
}

.efr-wrapper .third-box{
    background: #ffad00;
    color: #fff;
}

.efr-box {
    margin: 40px;
    min-height: 145px;
}

.why-step-content {
    position: relative;
    text-align: center;
    margin-top: 40px;
}

.why-step-content img {
    margin-bottom: 15px;
}

.why-step-content .tcaption {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 15px;
}

.why-step-content div[class*='col-lg'] {
    border-right: 1px solid #ccc;
    min-height: 300px;
}

.why-step-content div[class*='col-lg']:last-child {
    border-right: 0;
}

.why-step-content div[class*='col-lg']:last-child .tcaption {
    margin-bottom: 38px;
}

.about-content {
    position: relative;
    margin-top: 20px;
    color: #666;
    font-size: 19px;
    min-height: 270px;
}

.about-content .lcont {
    margin-top: 20px;
    font-size: 14px;
}

/*** Container - Styles - End***/

/*** Take Test - Container Styles - Start **/

.take-test-container {
    margin-top: 20px;
}

.take-test-container .start-test-btn {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    text-decoration: none;
    display: block;
    width: 100%;
    text-transform: uppercase;
    background: #18b2d4;
    padding: 40px 0;
    text-align: center;
}

.step-header-logo {
    left: 43%;
    position: absolute;
    top: 6px;
    width: 15%;
}

.step-header-logo img {
    width: 70%;
}

/*** Take Test - Container Styles - End**/

/*** Footer Styles - Start ***/

.hindu-footer-logo {
    text-align: right;
}

.footer-container {
        background: #333;
        padding: 50px 0 15px;
        font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}

.step-footer-logo {
        position: relative;
        text-align: left;
}

.social-media-container {
        position: relative;
        clear: both;
        overflow: hidden;
        padding: 15px 0;
        margin: 10px auto;
}

.social-media-container a:first-child {
        padding: 10px 15px;
}

.social-media-container a {
        color: #828282;
        margin-right: 10px;
        border: 1px solid #828282;
        font-size: 17px;
        padding: 10px 13px;
        border-radius: 60px;	
}

.social-media-container a:hover {
        opacity: 0.8;
}


.btn-footer-login {
        float: right;
        position: relative;
        color: #999;
        text-transform: uppercase;
        padding: 5px 30px;
        background: transparent;
        border: 2px solid #999;
        border-radius: 3px;
}

.btn-footer-login:hover {
        color: #999;
        text-decoration: none;
        opacity: 0.8;
}

.btn-footer-login:focus {
        color: #999;
}

.step-footer-links {
        position: relative;
}

.step-footer-links a {
        color: #1f91a9;
        text-transform: uppercase;
        border-right: 1px solid #1f91a9;
        padding: 0 10px;
        font-weight: 600;
}

.step-footer-links a:hover {
        color: #1f91a9;
        text-decoration: none;
}

.step-footer-links a:first-child {
        padding-left: 0;	
}

.step-footer-links a:last-child {
        border-right: 0;
}

.step-footer-contact-container {
        position: relative;
        text-align: right;
}

.step-footer-contact-container a {
        display: block;
        text-align: right;
        color: #1f91a9;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 10px;
        margin-top: 30px;
}

.step-footer-contact-container a:hover {
        color: #1f91a9;
        opacity: 0.8;
        text-decoration: none;
}

.step-contact-number {
        color: #999;
        font-weight: 400;
        font-size: 25px;
}

.step-copyrights-container {
    position: relative;
    border-top: 1px solid #4d4d4d;
    margin-top: 10px;
    padding-top: 10px;
    color: #cbcbcb;
}


.ct-number-mobile {
    display: none;
}

.social-media-container {
    display: none;
}

/*** Footer Styles - End ***/

/*** Dashboard Styles - Start ***/
	.step-dashboard-new-wrapper {
		position: relative;
		clear: both;
		overflow: hidden;
		padding: 20px 0;
		font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	}
	
	.step-dashboard-new-wrapper .step-progress-bar {
		position: relative;
	}
	
	.step-dashboard-new-wrapper .step-progress-bar .progress-meter {
		margin: 10px auto;
		width: 95%;
		min-height: 50px;
		line-height: 20px;
		border: 1px solid #dfdfdf;
		position: relative;
		background: #fbfbfb;
		border-radius: 15px;
		overflow: hidden;
	}
	
	.step-dashboard-new-wrapper .step-progress-bar .progress-meter-marker {
		background: #18b2d4;
		height: auto;
		min-height: 50px;
	}
	

	.step-dashboard-new-wrapper .step-progress-bar .progress-meter-label {
		position: absolute;
		display: block;
		text-align: center;
		z-index: 100;
		width: 100%;
		color: #374164;
		min-height: 35px;
		font-size: 20px;
		font-weight: 500;
		top: 0;
		padding: 15px 0;
		/*margin-left: 100px;*/
	}
	
	.bar-practice{
		background: #0bb284 !important;
	}

	.bar-mini{
		background: #ff9539 !important;
	}

	.bar-diagnostic{
		background: #18b2d4 !important;
	}

	.step-dashboard-new-wrapper .step-progress-bar .progress-meter-label:hover {
		opacity: 0.75;
		text-decoration: none;
	}
	
	.graph-detailed-sect .dgroup:last-child {
		display: none;
	}
	
	.step-dashboard-new-wrapper .start-test-btn {
		color: #fff;
		font-weight: bold;
		font-size: 30px;
		text-decoration: none;
		display: block;
		width: 100%;
		text-transform: uppercase;
		background: #18b2d4;
		padding: 30px 0;
		text-align: center;
	}
	.step-dashboard-new-wrapper .start-test-btn:hover  {
		opacity: 0.75;
	}
	
	.step-dashboard-new-wrapper .start-test-btn span {
		margin-right: 10px;
	}
	
	.overlay-lock-bg {		
		width:100%;
		min-height: 370px;
		position: relative;
		top: 0;
		z-index: 99;
	}
	
	.overlay-lock-bg {
		background: url(../test/assets/images/pattern.png) repeat center center;
	}
	
	.step-lock-img {
		width: 100%;
	}
	
	.progress-meter-label:focus {
		text-decoration: none;
	}
	
	.modal-dialog {
		margin-top: 10%;
	}
	
	.result-points-wrapper {
		position: relative;		
	}
	
	.step-progress-bar, .step-score-container, .step-graph-container, .graph-wrapper, .result-points-wrapper {
		margin: 20px 0;
	}
	
	.step-score-container {
		margin-bottom: 0;
	}
	
	#speedometer-graph canvas {
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	
	.fg-dial {
	    font-size: 200%;
	    font-weight: bold;
	    left: 0;
	    position: absolute;
	    text-align: center;	    
	    top: 100px;
	    width: 100%;
	}
	.fg-dial-label {
	    font-size: 200%;
	    font-weight: bold;
	    left: 0;
	    position: absolute;
	    text-align: center;	    
	    top: 150px;
	    width: 100%;
	}
	
	#speedometer-graph .fg-dial {
		top: 80px;
		color: #fff;
		width: 22%;
		margin: 0 39%;
		text-align: center;
		display: block;
		background: #374164;
		padding: 30px 0px;
		border-radius: 140px;
		cursor: pointer;
	}
	
	#speedometer-graph .fg-dial-label {
		color: #222b54;		
		font-size: 34px;
		font-weight: bold;
		left: 0;
		position: absolute;
		text-align: center;
		top: 220px;
		width: 100%;		
		font-weight: normal;		
	}
	
	.blurred {
		text-shadow: 0 0 5px #000;
		color: transparent;
	}
	
	/*** Detailed Graph Section - Start ***/
	
	.dgroup {
	    position: relative;
	    clear: both;	    
	    margin: 0;
	    overflow: hidden;
	}
	
	.graph-wrapper {
	    position: relative;
	    clear: both;
	    overflow: hidden;
	    margin: 0 auto;
	}
	
	.oscorem-wrapper {
	    border-color: #212c54 !important;
	    border-radius: 3px;
	    box-shadow: 0 2px 1px rgba(0,0,0,0.3);
	}
	
	.oscorem-wrapper .otitle-label {
	    color: #212c54;
	}
	
	.oscorem-wrapper .ylevel-label, .oscorem-wrapper .peer-label {
	    color: #383838;
	}
	
	.oscorem-wrapper .left-label {
	    color: #383838;
	    margin-left: 15px;
	    margin-right: 15px;
	}
	
	.oscorem-wrapper .otitle-label {
	    text-align: center;
	}
	
	.graph-detailed-sect {
	    position: relative;
	    padding: 0 5px;
	    margin-top: 20px;
	    min-height: 160px;
	}
	
	.graph-detailed-sect .otitle-label  {
		color: #222b54;
		font-weight: 500;
		font-size: 20px;
		text-align-last: center;
		margin-bottom: 10px;
	}
	
	.graph-detailed-sect .ylevel-label {
	    font-size: 13px;
	    float: left;
	    line-height: 18px;
	    text-align: left;
	    width: 24.5%;
	}
	
	.graph-detailed-sect .ylevel-values {
	    float: left;
	    width: 75%;
	}
	
	.graph-detailed-sect .ylevel-values ul {
	    clear: both;
	    overflow: hidden;
	    margin-top: 0;
	    margin-left: 0;
	    padding-left: 0;
	}
	
	.graph-detailed-sect .ylevel-values ul li {
	    list-style: none;
	    list-style-type: none;
	    margin: 0;
	    text-align: center;
	}
	
	.ylevel-values ul li {
		float: left;
		min-width: 25px;
		padding: 5px;
		border: 1px solid #ddd;
		background: #eee;
		color: #212c54;
		font-size: 11px;
	}
	
	.ylevel-values ul li.ylevel-score {
	    background: #212c54;
	    color: #fff;
	    border-color: #212c54;
	}
	
	.graph-detailed-sect:nth-child(2n) {
	    margin-right: 0;
	}
	
	.graph-detailed-sect .peer-label {
		float: left;
		font-size: 13px;
		margin-right: 10px;
		width: 21%;
		text-align: right;
	}
	
	.graph-detailed-sect .peer-val-section {
		position: relative;
		border: 1px solid #eee;
		padding: 0;
		width: 75%;
		float: left;
	}
	
	.graph-detailed-sect .peer-val-section .cols-bar-wrapper {
	    float: left;
	    margin-right: 5px;
	    width: 20px;
	    height: 100px;
	    position: relative;
	}
	
	.graph-detailed-sect .peer-val-section .cols-bar-wrapper:last-child{
	    margin-right: 0;
	}
	
	.cols-bar-wrapper .col-bar {
	    height: auto;
	    background: #ccc;
	    position: absolute;
	    bottom: 20px;
	    left: 0;
	    width: 100%;
	}
	
	.cols-bar-wrapper .col-val {
	    font-size: 12px;
	    position: absolute;
	    width: 100%;
	    text-align: center;
	    left: 0;
	    bottom: 0;	
	}
	
	.oscore-label {
	    font-weight: bold;
	    font-size: 15px;	
	}
	
	.oscore-label, .oscore-value {
	    margin: 15px 0;
	}
	
	.left-label {
	    float: left;
	    margin-right: 15px;
	}
	
	.right-value {
	    float: left;
	}
	
	.hide {
	    display: none;
	}
	    
	#report-details {
	    display: none;
	}
	
	.details-click {
	    cursor: pointer;
	}
	
	.line-sep {
	    border-bottom: 1px solid #ddd;
	    width: 1000px;
	    margin: 20px auto 0;
	}
    
	/*** Detailed Graph Section - End ***/
	
	#r-graph canvas, #l-graph canvas, #w-graph canvas, #s-graph canvas{
		width: auto;
		height: auto;
	}
	
	#r-graph .fg-dial, #l-graph .fg-dial, #w-graph .fg-dial, #s-graph .fg-dial {
		font-size: 22px;
		top: 37%;
		left: -3%;
		color: #18b3d2;
	}
	
	#r-graph .fg-dial-label, #l-graph .fg-dial-label, #w-graph .fg-dial-label, #s-graph .fg-dial-label {
		font-size: 17px;
		top: 65%;
		left: -4%;
		font-weight: normal;
		color: #374164;	
	}
	
	.prov-report-msg {
		position: absolute;
		display: block;
		text-align: center;
		color: #374164;
		z-index: 999;
		width: 100%;
		top: 90px;
		font-size: 20px;
	}
	
	.btn-comp-profile {
		background: #18b2d4;
		color: #fff;
		margin: 10px 0;
		display: inline-block;
		border: 1px solid #fff;
		padding: 10px 40px;
		border-radius: 30px;
		font-size: 23px;			
	}
	
	.btn-comp-profile:hover {
		color: #fff;
		opacity: 0.8;
		text-decoration: none;
	}
	
	.take-test-container {
		margin-top: 20px;
	}
	
	.result-points {
		list-style: none;
		margin-left: 150px;
	}
	
	.step-bargraph-container {
		position: relative;
		margin: 20px 0;
	}
	
	.step-bargraph-container .legend-points {
		position: relative;
		margin-left: 30px;
	}
	
	.step-bargraph-container .legend-points li {
		float: none;
		clear: both;
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	.legend-wrapper .legend-points li {
		float: left;
	}	
	
	/*** Footer Styles - Start ***/
	.footer-container {
		background: #333;
		padding: 50px 0 15px;
		font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	}
	
	.step-footer-logo {
		position: relative;
		text-align: left;
	}
	
	.social-media-container {
		position: relative;
		clear: both;
		overflow: hidden;
		padding: 15px 0;
		margin: 10px auto;
	}
	
	.social-media-container a:first-child {
		padding: 10px 15px;
	}
	
	.social-media-container a {
		color: #828282;
		margin-right: 10px;
		border: 1px solid #828282;
		font-size: 17px;
		padding: 10px 13px;
		border-radius: 60px;	
	}
	
	.social-media-container a:hover {
		opacity: 0.8;
	}
	
	
	.btn-footer-login {
		float: right;
		position: relative;
		color: #999;
		text-transform: uppercase;
		padding: 5px 30px;
		background: transparent;
		border: 2px solid #999;
		border-radius: 3px;
	}
	
	.btn-footer-login:hover {
		color: #999;
		text-decoration: none;
		opacity: 0.8;
	}
	
	.btn-footer-login:focus {
		color: #999;
	}
	
	.step-footer-links {
		position: relative;
	}
	
	.step-footer-links a {
		color: #1f91a9;
		text-transform: uppercase;
		border-right: 1px solid #1f91a9;
		padding: 0 10px;
		font-weight: 600;
	}
	
	.step-footer-links a:hover {
		color: #1f91a9;
		text-decoration: none;
	}
	
	.step-footer-links a:first-child {
		padding-left: 0;	
	}
	
	.step-footer-links a:last-child {
		border-right: 0;
	}
	
	.step-footer-contact-container {
		position: relative;
		text-align: right;
	}
	
	.step-footer-contact-container a {
		display: block;
		text-align: right;
		color: #1f91a9;
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 10px;
		margin-top: 30px;
	}
	
	.step-footer-contact-container a:hover {
		color: #1f91a9;
		opacity: 0.8;
		text-decoration: none;
	}
	
	.step-contact-number {
		color: #999;
		font-weight: 400;
		font-size: 25px;
	}
	
	.step-copyrights-container {
		position: relative;
		border-top: 1px solid #4d4d4d;
		margin-top: 10px;
		padding-top: 10px;
		color: #cbcbcb;
	}
	
	.hindu-footer-logo {
		text-align: right;
	}
	
	.step-fbshare-container {
		text-align: center;
		margin: 30px 0;
	}
	


	/*** Footer Styles - End ***/
	
	.score-box-wrapper {
		position: relative;
		clear: both;
		background: #f9f9f9;
		min-height: auto;
		margin-bottom: 30px;
		/*min-height: 660px;*/
		padding-top: 10px;
	}
	
	.score-lights {
		background: url(../test/assets/images/score-lights.png) no-repeat;
	}
	
	.score-lights.green-m {
		background-position: -3px -4px;
		width: 24px;
		height: 24px;
	}
	
	.score-lights.orange-m {
		background-position: -3px -42px;
		width: 24px;
		height: 24px;		
	}
	
	.score-lights.red-m {
		background-position: -3px -79px;
		width: 24px;
		height: 24px;		
	}	
	
	.scores-table-wrapper {
		position: relative;
		margin: 20px 0;
	}
	
	.scores-table-wrapper .score-cell {
		position: relative;
	}
	
	.score-box {
		background: #374164;
		padding: 15px 0 30px;
	}
	
	.score-box .score-marks {
		color: #18b2d4;
		position: relative;
		text-align: right;
		font-size: 18px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.score-box .score-tit-section {
		position: relative;
	}
	
	.score-box .score-tit-section img {
		display: block;
		margin: 0 auto 10px;
	}
	
	.score-box .score-tit-section span {
		color: #fff;
		display: block;
		font-size: 17px;
		text-align: center;
	}
	
	.score-pts {
		position: relative;
		list-style: none;
		padding: 0;
		margin: 0;		
	}
	
	.score-pts li {
		clear: both;
		overflow: hidden;
		border-bottom: 1px solid #eaeaea;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
		/*margin-left: 20px;*/
	}
	
	.score-pts li:last-child {
		border-bottom: 0;
		padding-bottom: 30px;
	}
	
	.score-pts li i {
		float: left;
		margin-right: 10px;
	}
	
	.score-pts li span {
		float: left;
		line-height: 22px;
		width: 50%;
		margin-right: 5px;
	}
	
	.score-pts li span.label-caption {
	    float: right;
	    width: auto;
	}
	
	.score-pts li span.label-caption.completed-label {
	    background: #ccc;
	    border-radius: 3px;
	    color: #fff;
	    font-size: 11px;
	    padding: 0 5px;
	}
	
	.score-pts li span.label-caption.practice-label {
	    background: #00b6d9;
	    border-radius: 3px;
	    color: #fff;
	    font-size: 11px;
	    padding: 0 12px;	    
	}
	
	.area-practice-label {
	    background: #00b6d9;
	    border-radius: 3px;
		
	    font-size: 11px;
	    padding: 0 12px;	    
	}

	.area-practice-label a {
	    color: #fff;	    
	}



	
	.score-pts li a {
	    color: #333;
	}
	
	.score-pts li a:hover {
	    color: #333;
	    opacity: 0.8;
	}
	
	.score-txt h3 {
		color: #374262;
		margin: 30px 20px;
		text-transform: uppercase;
	}
	
	.score-inst-wrapper {
		position: relative;
		margin: 20px 0;
	}
	
	.read-rt-wrapper h5 {
		color: #666;
		text-align: left;
		text-transform: uppercase;
		margin-bottom: 15px;
	}
	
	.read-rt-wrapper p {
		color: #666;
		line-height: 20px;
	}
	
	.legend-wrapper h5 {
		margin-top: 40px;
	}
	
	.legend-points {
		position: relative;
		margin: 0;
		padding: 0;
	}
	
	.legend-points li {		
		float: left;
		list-style: none;
		margin-right: 15px;
	}
	
	.legend-points li i {
		float: left;
		margin-right: 10px;
	}
	
	.legend-points li span {
		color: #666;
		line-height: 22px;
		float: left;
		width: 92%;
	}
	
	.hide-detailed-rt {
		position: relative;
		margin: 0px 0 20px;
	}
	
	.hide-rt-link {
		font-size: 19px;
		text-align: center;
		display: block;
		color: #18b2d4;
	}
	
	.hide-rt-link:hover, .hide-rt-link:focus {
		text-decoration: none;
		color: #18b2d4;
		opacity: 0.8;
	}
	
	.cols-bar-wrapper .col-val {
		display: none;
	}
	
	.read-g-box, .listen-g-box, .write-g-box, .speak-g-box, .read-graph-icon, .listen-graph-icon, .write-graph-icon, .speak-graph-icon {
		position: relative;
		margin-top: 23px;
	}
	
	.dashboard-header, .hide-detailed-rt {
		display: none;
	}
	
	.percent-value {
		position: absolute;
		top: 13px;
		font-size: 22px;
		left: 20px;
		color: #374164;		
	}
	
	.modal-header {
		border: 0;
		padding: 0;
	}
	
	.modal-header h4 {
		display: none;
	}
	
	.modal-header .close {
	    background: #222b54;
	    opacity: 1;
	    top: -20px;
	    position: absolute;
	    right: -20px;
	    padding: 10px 12px;
	    color: #fff;
	    border-radius: 20px;
	    line-height: 20px;
	    height: 40px;
	}
	
	.step-popup-contents {
		
	}
	
	.step-popup-contents iframe {
		width: 100%;
		height: 220px;
		margin: 10px 0;
	}
	
	.step-popup-contents p {
		font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #383838;
	}
	
	.step-popup-contents .popup-caption {
		color: #222b54;
		margin-bottom: 10px;
		display: block;
		text-align: center;
	}
	
	.step-popup-contents .time-block {
		position: relative;
		display: block;
	}
	
	.step-popup-contents .timer {
		margin-left: 15px;
	}
	
	.btn-step-popup-test {
		position: relative;
		background: #222b54;
		border-color: #222b54;
	}
	
	.btn-step-popup-test:hover {
		opacity: 0.8;
		border-color: #222b54;
	}
	
	.step-bargraph {
		position: relative;
		height: 300px;
	}
	
	.step-bargraph .yscore-bar-wrapper, .step-bargraph .avg-bar-wrapper, .step-bargraph .max-bar-wrapper {
		float: left;
	}
	
	.step-bargraph .yscore-bar-wrapper, .step-bargraph .avg-bar-wrapper, .step-bargraph .max-bar-wrapper {
		width: 17%;
		margin-right: 20px;
		text-align: center;
		position: relative;
		height: 300px;
	}
	
	.step-bargraph .max-bar-wrapper {
		margin-right: 0;
	}
	
	.step-bargraph .yscore-bar-wrapper .xlabel, .step-bargraph .avg-bar-wrapper .xlabel, .step-bargraph .max-bar-wrapper .xlabel {
		position: absolute;
		bottom: 0;		
		text-align: center;
	}
	
	.step-bargraph .max-bar-wrapper .xlabel {
		left: 5px;
	}
	
	.yscore-bar {
		bottom: 25px;
		width: 40px;
		background: #374363;		
		position: absolute;
		left: 14px;
	}
	
	.avg-bar {
		bottom: 25px;
		width: 40px;
		background: #51b1d1;		
		position: absolute;
		left: 6px;
	}
	
	.max-bar {
		bottom: 25px;
		width: 40px;
		border: 2px solid #51b1d1;		
		position: absolute;
		height: 100%;
	}
	
	.step-bargraph-wrapper {
		position: relative;
		margin: 30px 140px 0;
		width: 80%;
	}
	
	.yscore-val, .avg-val, .max-val {
		position: absolute;
		left: 10px;
	}
	
	.yscore-val, .avg-val {
		
	}
	
	.dv-caption {
		display: block;
		font-size: 15px;
	}
	
	.step-fbshare-container {
		width: 100%;
	}	
	
	#share_button {
		margin: 0 auto;
		text-align: center;
		width: 100%;	
	}
	
	#share_button img {
		cursor: pointer;
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 200px;
	}


/*** Product Styles - Popup - Start ***/	
.modal-body .content-container {
    position: relative;
    padding: 0 0;
}

.modal-body .content-container h3 {
    color: #212b4f;
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 30px;
    text-align: center;
}


.prod-box-wrapper {
    position: relative;
    clear: both;
    margin: 20px 0;
}

.prod-box-cover {
    position: relative;
    min-height: 670px;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
}

.prod-box {
    position: relative;
    margin: 0 25px;
}

/*.prod-free-tag {
    position: absolute;
    right: -16%;
    top: 1%;
}*/


.prod-box .prod-caption {
    color: #fff;
    /*color: #666666;*/
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 50px 0 10px;
    text-align: center;
}

.prod-box .prod-caption span {
    font-size: 13px;
}

.prod-box .prod-box-points {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    text-align: center;
}

.price-box.price-mt{
    margin-top: 65px; 
    /*margin-top: 45px;*/
}

.prod-box .prod-box-points li {    
    list-style: none;
    color: rgba(255,255,255,0.8);    
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(101, 101, 101, 0.6);    
    font-size: 14px;
    text-align: left;
}

.prod-box .prod-box-points li span {
    display: block;
}

.prod-box .prod-box-points li:last-child {
	border-bottom: 1px solid rgba(101,101,101,0.6);
}





.prod-box .prod-button, .prod-button {
    background: #18b2d4 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    margin: 63px 28% 40px;
    text-align: center;
    padding: 10px 25px;
    position: absolute;
    bottom: 0;
}

.white-box {
    background: #fff;
}

.white-box .prod-caption {
    color: #666666;
    text-align: center;
}

.white-box .prod-caption span {
    font-size: 14px;    
}

.white-box .prod-box .prod-box-points li {
    color: #656565;    
    border-bottom: 1px solid rgba(101,101,101,0.6);
}

.white-box .prod-box .prod-box-points li:last-child {
    border-bottom: 1px solid rgba(101,101,101,0.6);
}

.white-box .prod-box .prod-button, .white-box .prod-button {
    background: green;
    margin: 0 23% 40px;
    /*margin: 0 5% 40px;*/
}

.gc-btn {
   background: green; 
}

.db-btn {
   background: #202c52 !important; 
}

.db-btn:hover {
   background: #202c52;
   color: #fff;
   opacity: 0.8;
}

.prod-box .prod-button span {
    color: #fff;
    margin-right: 5px;
}

.prod-box .prod-button.btn-step-test-pos {
    margin-top: 86px;
}

.prod-box .prod-button.btn-step-pro-pos {
    margin-top: 86px;
}

.blue-box {
    background: #202c52;
}

.yellow-box {
    background: #ffead0;
}

.green-box {
    background: #dffad0;
}

.cyan-box {
    background: #d2f3e9;
}

.lightblue-box {
    background: #d4d9ec;
}

.purple-box {
    background: #cb97e5;
}

.modal-footer {
	clear: both;	
}

#detailed-score-rpt-block .modal-lg {
	width: 1000px;
}

#detailed-score-rpt-block .modal-body {
	clear: both;
	overflow: hidden;
}

.neutral-score-icon {
	background: url(../test/assets/images/neutral-icon.png) no-repeat -3px -4px;	
	width: 24px;
	height: 24px;	
}

.social-media-container {
	display: none;
}

.modal-body .product-container {
    background: none;
}

#detailed-score-rpt-block {
    z-index: 9999;
}

#detailed-score-rpt-block .modal-header {
    border: 0;
    padding: 0;
}

/*** Product Styles - Popup - End ***/

/*** Other Styles - Start ***/

.step-progress-title {
	color: #222b54;
	text-align: center;
}

.legend-points.demo-points {
	margin-left: 0;
}

.legend-points.demo-points li {
	clear: none;
	float: left;
}

.feedback-msg {    
    text-align: center;
    padding-bottom: 20px;
    position: relative;	
}

.feed-success {
	color: green;
}

.feed-error {
	color: red;
}

.per-25 .percent-value, .per-50 .percent-value, .per-75 .percent-value {
	color: #fff;
}

.feedback-msg {
	margin-top: 10px;
}

/*** Other Styles - End ***/

/*** Dashboard Styles - End ***/

.page-close {
    z-index: 999 !important;
}

.modal {
    z-index: 8000 !important;
    margin-top: 5%;
}

#ela-popup-start-test-cont, #ela-popup-start-test-mid, #detailed-score-rpt-block, #ela-popup-start-test-last {
    z-index: 15000 !important;
}

/*** Loader Styles - Start ***/

#videos-container {
    position: relative;
    margin-bottom: 10px;
    width: 320px;
    height: 240px;
}

.loading_image {
    display: block;
    position: absolute;
    width: 100%;
}

.loading_image img {
    display: block;
    text-align: center;
    margin: 25% auto;
}

/*** Loader Styles - End ***/

#start-recording, #stop-recording {
    
}

#play_back_link {
    padding: 0 5px;
}

#default_audio_image {
    position: absolute;
    height: 240px;
    z-index: 9999;
}

#default_audio_image img {
    position: absolute;
    top: 0;
    left: 0;
}

#responsecontainer {
    width: 320px;
}

#videos-container #overlay_text {
    width: 320px;
    height: 240px;
    background: rgba(0,0,0,0.6);
    position: absolute;
    left: 0;
    top: 0;
}

#videos-container #overlay_text span {
    color: #fff;
    font-size: 45px;
    width: 100%;
    display: block;
    text-align: center;
    padding: 25% 0;
}

.video-btn-wrapper {
    position: relative;
    z-index: 9999;
    display: block;
    margin: 15px auto 30px;
}

#audio_player {
    display: block;
    text-align: center;
}

.record_btn {
    padding: 10px 30px;
    background: none;
    border: 1px solid;
    border-radius: 30px;
    display: block;
    margin: 0 auto;
}

.correct-ans .record_btn
{
    margin: 0;
}

.record_btn img {
    width: 40px;
    vertical-align: middle;
}

.record_btn span {
    padding-left: 15px;
    font-size: 18px;
    vertical-align: middle;
}

#start_btn_text, #stop_btn_text {
    color: #E92727;
}

#play_back_btn_text, #play_back_stop_btn_text {
    color: #1F2B51;    
}

#start-recording, #stop-recording {
    border-color: #E92727;
}

#play-back, #play-back-stop {
    border-color: #1F2B51;
}

#audio_player {
    visibility: hidden;
}

/*.word_cloud {
    word-wrap: break-word;
}*/

.word_cloud span {
    display: inline-block;
}

#beta_image {
    position: absolute;
    top: -30px;
    right: -30px;
    z-index: 10000;
}


/*** Upgrade - Start Styles ***/

.upgrade.prod-box-wrapper  {
    position: relative;
    padding: 50px 0;
}

.upgrade.prod-box-wrapper .price-box .scaption, .upgrade.prod-box-wrapper .price-box .sprice, .upgrade.prod-box-wrapper .price-box .lprice {
    margin: 0;
}

.upgrade.prod-box-wrapper .price-box.price-mt {
    margin-top: 40px;
}

.upgrade.prod-box-wrapper .prod-box .prod-button, .upgrade.prod-box-wrapper .prod-button {
    margin: 63px 28% 40px !important;
}

.upgrade.prod-box-wrapper .prod-box .prod-button:hover, .upgrade.prod-box-wrapper .prod-button:hover {
    color: #fff;
}

.upgrade.prod-box-wrapper .prod-box .prod-caption {
    line-height: 20px;
}

.upgrade_btn_text {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #202c52;
    position: absolute;
    width: 100%;
    bottom: 50px;    
}

.current-plan-label {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #202c52;
    position: absolute;
    width: 100%;
    bottom: 50px;
}

.error_message {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    color: #f00;
    font-size: 20px;
    margin-bottom: 10px;    
}

/*** Upgrade - End Styles ***/

.overlay-prod-lock {
    display: none;
}

.step-products-container {
    clear: both;
    position: relative;
    width: 100%;
    overflow: hidden;
}


/*** Preview Question Answer - Start Styles ***/

.btn-close-preview-ans {
    position: relative;
    color: #fff;
    background-color: #212c52;
    border-color: #212c52;
    border-color: #212c52;
    padding: 10px 25px;
    font-size: 15px;        
}

#speech_toggle {
    position: absolute;
    left: 48%;
    top: 35px;
    z-index: 2000;    
}

#testcontinue .progress-qbox .answer-loop {
    clear: none;
}

#testcontinue .progress-qbox .progress-ans-caption {
    width: 13%;
}

#testcontinue .progress-qbox .progress-ans {
    float: none;
    width: 100%;
}

.ans-exp-box {
    position: relative;
    margin-top: 10px;
}

#speech_loading {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10000;    
}

#speech #audio_player {
    visibility: visible;
}

/*** Preview Question Answer - End Styles ***/

/*** Speech Page - Start Styles ***/

body#speech {
    background: url('../img/speech-background.jpg') no-repeat center center;
}

#speech .experiment#detectrtc-output #videos-container {
    margin: 0 auto 30px;
}

#speech_enable_btn {
    display: block;
    height: auto;
    margin: 0 auto;
    padding: 12px 15px;
    width: 160px;
    font-size: 13px;
    font-weight: normal;
}

body#speech .content-container {
    padding: 40px 0 0;
}

#tmic-caption {
    color: #212c52;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    display: none;
}

#speech .content-container#product .row, #speech .content-container#product .row .upgrade.prod-box-wrapper {
    margin-bottom: 0;
}

.test-mic-speakers-img {
    position: absolute;
    z-index: 20;
}

.test-mic-speakers-img+video#myvideoconsole {
    position: relative;
    z-index: 150;
}

/*** Speech Page - End Styles ***/


/*** Profile Page - Start Styles ***/

span.mand-star {
    color: #f00 !important;
    font-size: 12px !important;
    width: auto;
    display: inline-block !important;
    margin-left: 5px;
    margin-top: 0 !important;
    padding-top: 0 !important;
    vertical-align: top;
}

/*** Profile Page - End Styles ***/

/*** Graph - Container - Start Styles ***/

.bargraph-wrapper {
    position: relative;
    clear: both;
    min-height: 350px;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 30px 0 40px;
    box-shadow: 0 0 2px #ccc;    
}

#can_do_show_hide{
    margin-bottom: 10px;
}

#practice_show_hide, #can_do_show_hide, #graph_show_hide{
    clear: both;
}

#can_do_show_hide, #practice_show_hide, #graph_show_hide{
    cursor: pointer;
    position: relative;
    text-align: center;
    width: 190px;
    margin: 0 auto;
    background: #18B2D4;
    color: #fff;
    height: auto;
    padding: 10px 0;
    border-radius: 20px;
    font-weight: bold;    
}

.show_hide_bar{
    float: right;
}

#can_do_show_hide, #graph_show_hide{
    /*position: absolute;*/
    position: relative;
    margin: 10px; 
    right: 20px;
    border-radius: 10px;
    z-index: 999;
}

.can_do_content_wrapper {
    position: relative;
    margin-top: -50px;
}

#practice_show_hide {
    width: 220px;
}

.can_do_label, .target_do_label {
    float: left;
    min-height: 50px;
    background: #ff9539;
    vertical-align: middle;    
}

.right-arr {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #ff9539;
    float: left;    
}

.right-arr.next-ele {
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 35px solid #ff9539;
}

.can_do_label span, .target_do_label span {
    background: #ff9539;
    color: #fff;
    /*color: #333;*/
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 10px;    
}

/*** Graph - Container - End Styles ***/

body#attempt_details .record_btn.user-play-back, body#attempt_details .record_btn.user-play-back-pause {
    border-color: #a8a8a8;
    color: #a8a8a8;
    margin: 0;
}

#settings .prod-btn {
    background: #212c52;
    color: #fff;
}

#settings .prod-btn span {
    color: #fff;
}

#testcontinue .progress-qbox .speech-fb .progress-ans {
    float: left;
    width: 60%;
}

#testcontinue .progress-qbox .speech-fb .record_btn {
    float: left;
    color: #a8a8a8;
    width: auto;
    border-radius: 5px;
    padding: 10px 20px;
    outline: none !important;
}

.speech-fb .correct-ans-playback {
    background: transparent !important;
}

.test-mic-speakers-inst .test-mic-speakers-img {
    position: relative;
    text-align: center;
}

.test-mic-speakers-inst .test-mic-speakers-img strong {
    text-align: left;
}

.test-mic-speakers-inst .test-mic-speakers-img .btn.db-btn.prod-btn span {
    color: #fff;
}

.test-mic-speakers-inst .test-mic-speakers-img .btn.db-btn.prod-btn a:hover {
    text-decoration: none;    
}

.test-mic-speakers-inst .inst-video-section {
    border: 0;
}

.test-mic-speakers-mc {
    border-left: 1px solid #eee;
}

.test-mic-speakers-mc #videos-container span:first-child {
    display: block;
}

.test-mic-speakers-mc .record_btn {
    margin-top: 60px;
}

/*** Responsive Styles - Start ***/

@media screen and (max-width: 1024px) {
    
    /*** Dashboard Styles - Start ***/
    
	#speedometer-graph .fg-dial {
	    padding: 15px 0;	
	}
	
	#speedometer-graph .fg-dial-label {
	    top: 180px;
	}
	
	#r-graph .fg-dial, #l-graph .fg-dial, #w-graph .fg-dial, #s-graph .fg-dial {
	    left: 13%;
	}
	
	#r-graph .fg-dial-label, #l-graph .fg-dial-label, #w-graph .fg-dial-label, #s-graph .fg-dial-label {
	    left: 14%;
	}
	
	.step-bargraph .yscore-bar-wrapper, .step-bargraph .avg-bar-wrapper, .step-bargraph .max-bar-wrapper {
	    width: 24%;
	}
	
	.step-bargraph-wrapper {
	    margin: 30px 70px 0;
	}
	
	#detailed-score-rpt-block .modal-lg {
	    width: 970px;
	}
    
    /*** Dashboard Styles - End ***/
    
    .rwls-wrapper {
        position: relative;
        margin: 0 30% 20px;
        width: 42%;
    }
    
    .prod-box .prod-caption {
        font-size: 22px;	
    }
    
    .prod-box .prod-caption span {
	font-size: 16px;
    }
    
    .prod-box .prod-box-points li {
        font-size: 13px;
    }
    
    .prod-free-tag {
        position: absolute;
        right: -16%;
        top: 5%;
    }
    
    .blue-box .prod-box .prod-button {
        margin: 130px 5% 40px;
    }
    
    .white-box .prod-box .prod-button {
        margin: 20px auto 40px;
    }
    
    .white-box .prod-box .prod-box-points {
        border-bottom: 1px solid rgba(101,101,101,0.6);
    }
    
    .white-box .prod-box .prod-button.btn-step-test-pos, .white-box .prod-box .prod-button.btn-step-pro-pos {
        margin-top: 129px;
    }
    
    .step-header-logo img {
        width:88%;
    }
    
    .prod-box .prod-button, .prod-button {
	margin: 63px 20% 40px;
    }
    
    .prod-box-cover {
	min-height: 700px;
    }
    
    .btn-step-pro-pos.db-btn {
	margin-left: 14%;
    }
    
    
    /*** Score Report - Start Styles ***/
    
    .score-pts li span {
	width: 77%;
    }
    
    .score-pts li a {
	display: block;
	float: none;
	overflow: hidden;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
    }
    
    .score-pts li span.label-caption.practice-label {
	display: inline-block;
	float: none;
	margin: 5px auto 0;
    }
    
    .score-pts li span.label-caption.completed-label {
	display: inline-block;
	float: none;
	font-size: 11px;
	margin: 5px 14%;
	margin-bottom: 5px;
    }
    
    /*** Score Report - End Styles ***/
        
    #testcontinue .progress-qbox .progress-ans-caption {
	width: 17.5%;
    }
    
}

@media screen and (max-width: 800px) {
    
    /*** Dashboard - Start - Styles ***/
    
	#speedometer-graph .fg-dial {
		padding: 45px 0;	
	}
	
	#speedometer-graph .fg-dial-label {
		top: 260px;
	}
	
	#r-graph canvas, #l-graph canvas, #w-graph canvas, #s-graph canvas {
		display: block;
		margin: 0 auto;
	}
	
	#r-graph .fg-dial, #l-graph .fg-dial, #w-graph .fg-dial, #s-graph .fg-dial {
		left: 0;
	}
	
	#r-graph .fg-dial-label, #l-graph .fg-dial-label, #w-graph .fg-dial-label, #s-graph .fg-dial-label {
		left: 0;
	}
	
	.read-g-box, .listen-g-box, .write-g-box, .speak-g-box, .read-graph-icon, .listen-graph-icon, .write-graph-icon, .speak-graph-icon {
		display: block;
		margin: 23px auto;
		position: relative;
		text-align: center;
	}
	
	.step-bargraph-wrapper {
		margin: 30px 150px 0;
	}
	
	.step-bargraph-contents {
		margin-top: 60px;
	}
	
	.step-footer-logo {
		display: none;
	}
	
	.hindu-footer-logo {
		text-align: center;
	}
	
	.social-media-container {
		text-align: center;
	}
	
	.step-footer-links, .step-footer-contact-container a {
		text-align: center;
	}
	
	.step-contact-number {
		display: block;
		text-align: center;
	}
	
	.step-copyrights-container {
		text-align: center;
	}
	
	#detailed-score-rpt-block .modal-lg {
		width: 90%;
	}
	
	.prod-free-tag {
		position: absolute;
		right: -4.2%;
		top: 8%;
	}
	
	.prod-box-cover {
		min-height: auto;
		margin-bottom: 30px;
	}
	
	.prod-box .prod-button {
		margin: 63px 37% 40px;
	}
	
	.white-box .prod-box .prod-button {
		margin: 0 37% 40px;
	}
	
	#detailed-score-rpt-block .modal-lg {
		margin-top: 30%;
	}
	
    /*** Dashboard - Styles - End ***/
    
    .prod-free-tag {
        right: -4%;
    }
    
    .why-step-content div[class*="col-lg"] {
        border-right: 0;
    }
    
    .rwls-wrapper {
        margin: 0 24% 20px;
        position: relative;
        width: 52%;
    }
    
    .prod-box-cover {
        margin-bottom: 30px;
    }
    
    .blue-box .prod-box .prod-button {
        margin: 130px 38% 40px;        
    }
    
    .white-box .prod-box .prod-button {
        margin: 20px 37% 40px;
    }
    
    .step-footer-logo {
        display: block;
        margin: 0 auto;
        position: relative;
        text-align: center;
    }
    
    .hindu-footer-logo {
        margin: 20px 0;
        text-align: center;
    }
    
    .social-media-container {
        text-align: center;
    }
    
    .step-footer-links {
        text-align: center;
    }
    
    .step-footer-contact-container a {
        text-align: center;
    }
    
    .step-contact-number {
        display: block;
        text-align: center;
    }
    
    .step-copyrights-container {
        text-align: center;
    }
    
    .modal {
	z-index: 9999 !important;
    }
    
    .prod-box-cover.blue-box {
	min-height: 430px;
    }
    
    .prod-box-cover.blue-box .prod-button.testlink {
	margin: 60px 40% 40px;
    }
    
    .price-box.price-mt {
	margin-top: 15px;
    }
    
    .prod-box-wrapper .prod-box-cover.green-prodbox:first-child {
	min-height: 520px;
    }
    
    .fbgbox {
	min-height: 520px !important;
    }    
    
    .prod-box-wrapper .prod-box-cover.green-prodbox:last-child {
	min-height: 550px;
    }
    
    .prod-box-cover.white-box {
	min-height: 400px;
    }
    
    .prod-box .prod-button, .prod-button {
	margin: 60px 41% 40px;
    }
    
    .btn-step-pro-pos.db-btn {
	margin-left: 40%;
    }
    
    /*** Score Report - Start Styles ***/
     
     .score-pts li a {
	width: auto;
     }
     
     .score-pts li span.label-caption.completed-label {
	margin: 0;
	margin-left: 25px;
     }
     
     .score-pts li span.label-caption.practice-label {
	margin: 0;
     }
     
    /*** Score Report - End Styles ***/
    
    
    #testcontinue .progress-qbox .progress-ans {
	display: block;
	width: 100%;
	clear: both;
    }
    
    #testcontinue .progress-qbox .progress-ans-caption{
	width: 30%;
    }
    
    .inst-video-section strong {
	text-align: center;
    }
    
    .test-mic-speakers-inst .test-mic-speakers-img strong {
	text-align: center;
    }
    
    .test-mic-speakers-mc {
	border-left: 0;
    }
    
    .test-mic-speakers-inst {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	min-height: 110px;
    }
    
    .test-mic-speakers-mc #videos-container span:first-child {
	text-align: center;
    }
    
    body#speech {
	background-position: left bottom;
	background-repeat: repeat;
    }    
    
}

@media screen and (max-width: 768px) {
    
    /*** Dashboard - Styles - Start ***/
	
	#r-graph canvas, #l-graph canvas, #w-graph canvas, #s-graph canvas {
		margin: 0 auto;
		display: block;
	}
	
	#speedometer-graph .fg-dial {
		padding: 52px 0;
	}
	
	#speedometer-graph .fg-dial-label {
		top: 250px;
	}
	
	#r-graph .fg-dial, #l-graph .fg-dial, #w-graph .fg-dial, #s-graph .fg-dial {
		top: 63px;
		left: 0;
	}
	
	#r-graph .fg-dial-label, #l-graph .fg-dial-label, #w-graph .fg-dial-label, #s-graph .fg-dial-label {
		left: 0;
	}
	
	.read-g-box, .listen-g-box, .write-g-box, .speak-g-box, .read-graph-icon, .listen-graph-icon, .write-graph-icon, .speak-graph-icon {
		display: block;
		margin: 23px auto 0;
		position: relative;
		text-align: center;
	}
	
	.step-footer-logo {
		display: none;
	}
	
	.hindu-footer-logo {
		text-align: center;
	}
	
	.social-media-container, .step-footer-links {
		text-align: center;
	}
	
	.step-footer-contact-container, .step-footer-contact-container a, .step-contact-number, .step-copyrights-container {
		text-align: center;
	}
	
	.step-bargraph-wrapper {
		margin: 30px 155px 0;
	}
	
	.step-bargraph-container .legend-points {
		margin-top: 50px;
	}
	
	#speedometer-graph .fg-dial {
		padding: 45px 0;
	}    
    /*** Dashboard - Styles - End ***/
    
    
    header {
        min-height: 100%;
    }
    
    .why-step-content div[class*="col-lg"] {
        border-right: 0;
        margin-bottom: 50px;
    }
    
    .rwls-wrapper {
        margin: 0 25% 20px;
        position: relative;
        width: 52%;
    }
    
    .efr-box {
        text-align: center;
    }
    
    .efr-box p {
        text-align: center;
    }
    
    .prod-box-cover {
        min-height: auto;
        margin-bottom: 30px;
    }
    
    .prod-box .prod-caption {
        text-align: center;
    }
    
    .prod-free-tag {
        position: absolute;
        right: -4%;
        top: 7%;
    }       
    
    .blue-box .prod-box .prod-button {
        margin: 0 38% 40px;
    }
    
    .white-box .prod-box .prod-button {
        margin: 20px 35% 40px;
    }
    
    .footer-container a[href="#page-top"] {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .btn-footer-login {
        float: none;
        margin: 0 43%;
    }
    
    .social-media-container {
        margin: 10px 36%;
    }
    
    .step-footer-links {
        margin: 0 27%;
        position: relative;
    }
    
    .step-footer-contact-container {
        display: block;
        text-align: center;
    }
    
    .step-footer-contact-container a {
        text-align: center;
    }
    
    .step-copyrights-container {
        text-align: center;
    }
    
    .step-header-logo img {
        margin: 10px 0;
        width: 95%;
    }    
    
    .rwls-wrapper {
        margin: 0 25% 20px;
        position: relative;
        width: 56%;        
    }
    
    .hindu-footer-logo {
        text-align: center;
    }
    
    .social-media-container {
        margin: 10px 34%;
    }
    
    .step-footer-links {
        padding-right: 0;
    }
    
    .checkcase .parsley-errors-list {
	/*background: #f9f9f9 none repeat scroll 0 0;*/
	background: rgba(249,249,249,0.86);
	box-shadow: 0 0 3px #888;
	height: 40px;
	left: 0;
	padding: 13px 0;
	position: fixed !important;
	text-align: center;
	top: 50% !important;
	width: 100%;
	z-index: 9999;
    }
    
    .score-box-wrapper {
	min-height: auto;
    }
    
    .score-pts li span.label-caption.completed-label {
	margin: 0 0 0 20px;
    }
    
    
}

@media screen and (max-width: 767px) {
    
    /*** Dashboard - Styles - Start ***/
    
	.step-score-container {
		width: 100%;
	}
	
	.step-dashboard-new-wrapper .step-progress-bar {
		width: 100%;
	}
	
	.take-test-container {
		width: 100%;
	}
	
	.footer-container > div[class*='col-lg'] {
		width: 100%;
	}
	
	.social-media-container, .social-media-container, .step-footer-links {
		width: 100%;
	}
	
	.step-footer-contact-container, .step-copyrights-container {
		width: 100%;
	}    
    
    /*** Dashboard - Styles - End ***/
    
    header {
        min-height: 50%;
    }
    
    header .header-content .header-content-inner {
        margin: 0 auto;
    }
    
    .ct-number-mobile {
        display: inline-block;
    }
    
    .efr-box {
        padding: 50px 0;
    }
    
    .white-box .prod-box .prod-button {
        margin: 20px 37% 40px;
    }
    
    .social-media-container {
        margin: 10px 34%;
    }
    
    .step-footer-links {
        margin: 0 25%;
    }
    
    .navbar-toggle:hover, .navbar-toggle:focus {
        background: #fff;
        opacity: 0.8;
    }
    
    .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
        text-align: center;
    }
    
    .ct-number.pull-right {
        display: none;
    }
    
    .login-mlink.ct-number-mobile {
        padding: 20px 10px;
    }
    
    .why-step-content {
        margin-top: 20px;
    }
    
    .exam-timer {
	top: 50px !important;
    }
    
    .score-pts li span.label-caption.completed-label {
	margin: 0 0 0 20px;
    }
    
}


@media screen and (max-width: 600px) {
    
    /*** Dashboard Styles - Start ***/

	#speedometer-graph .fg-dial {
	    padding: 27px 0;
	}
	
	#speedometer-graph .fg-dial-label {
		top: 220px;
	}
	
	.step-bargraph-wrapper {
		margin: 30px 100px 0;
	}
	
	#detailed-score-rpt-block .modal-lg {
		margin-top: 20%;
	}
	
	.prod-free-tag {
		right: -6%;
	}    
    
    /*** Dashboard Styles - End ***/
    
    body#page-top .step-header-logo {
	left: 41%;
	position: absolute;
	top: 0;
	width: 20%;
    }

    .rwls-wrapper {
        margin: 0 15% 20px;
        position: relative;
        width: 71%;
    }
    
    .social-media-container {
        margin: 10px 30%;
    }
    
    .step-footer-links {
        margin: 0 17%;
    }
    
    .white-box .prod-box .prod-button {
        margin: 20px 34% 40px;
    }
    
    .btn-footer-login {
        float: none;
        margin: 0 40%;
        text-align: center;
    }
    
    .social-media-container {
        margin: 10px 30%;
        width: 41%;
    }
    
    .step-footer-links {
        margin: 0 17%;
        text-align: center;
        width: 70%;
    }
    
    .container.fullpage-case .step-header-logo img {
	width: 70%;
	margin: 0;
    }
    
    
    #ela-popup-start-test-last {
	margin-top: 30%;
	padding-top: 20px;
    }
    
    .prod-box-cover.blue-box .prod-button.testlink {
	margin: 60px 38% 40px;
    }
    
    .prod-box .prod-button, .prod-button {
	margin: 60px 39% 40px;
    }
    
    .btn-step-pro-pos.db-btn {
	margin-left: 37%;
    }
    
    .score-pts li span.label-caption.completed-label {
	margin: 0;
    }
    
    #speech .upgrade.prod-box-wrapper {
	width: 100%;
    }
    
    .right-arr, .right-arr.next-ele {
	display: none;
    }
    
    #testcontinue #responsecontainer .video-btn-wrapper {
	position: absolute;
	top: 0;
	width: 320px;
    }
    
    #testcontinue #responsecontainer #videos-container {
	padding-top: 90px;
    }
    
    #testcontinue #videos-container #overlay_text {
	top: 90px;
    }
    
    
}

@media screen and (max-width: 480px) {
    
    
    /*** Dashboard Styles - Start ***/

	#speedometer-graph .fg-dial {
		padding: 14px 0;	
	}
	
	#speedometer-graph .fg-dial-label {
		top: 180px;
	}
	
	.step-bargraph-wrapper {
		margin: 30px 60px 0;
	}
	
	.legend-points li span {
		float: left;
		width: 85%;
	}
	
	.step-footer-links a {
		display: block;
		text-align: center;
		padding: 10px 0;
		border-right: 0;
		border-bottom: 1px solid #555;
	}
	
	.step-footer-links a:last-child {
		border-bottom: 0;
	}
	
	.prod-free-tag {
		right: -8%;
	}
	
	.demo-points.legend-points {
		margin-top: 0;
	}
	
	.demo-points.legend-points li {
		clear: both;
		float: none;
	}
	
	.demo-points.legend-points li span {
		width: 80%;
	}    
    
    /*** Dashboard Styles - End ***/
    
    
    .rwls-wrapper {
        margin: 0 5% 20px;
        position: relative;
        width: 90%;
    }
    
    header .header-content .header-content-inner {
        width: auto;
    }
    
    .blue-box .prod-box .prod-button {
        margin: 0 33% 40px;
    }
    
    .white-box .prod-box .prod-button {
        margin: 20px 28% 40px;
    }
    
    .btn-footer-login {
        float: none;
        margin: 0 38%;
    }
    
    .social-media-container {
        margin: 10px 20%;
        text-align: center;
        width: 61%;
    }
    
    .step-footer-links {
        margin: 0 9%;
        text-align: center;
        width: 90%;
    }
    
    .ct-number.ct-number-mobile {
        margin-left: 40px;
    }
    
    .ct-number.ct-number-mobile span {
        margin-right: 10px;
    }
    
    .step-header-logo img {
        width: 100%;
    }
    
    header .header-content .header-content-inner h1 {
        font-size: 30px;
    }
    
    .exam-timer {
	top: 60px !important;
    }
    
    .fbgbox {
	min-height: 540px !important;
    }
    
    .prod-box-wrapper .prod-box-cover.green-prodbox:last-child {
	min-height: 580px;
    }
    
    .prod-box-cover.blue-box .prod-button.testlink {
	margin: 60px 35% 40px;
    }
    
    .prod-box .prod-button, .prod-button {
	margin: 60px 36% 40px;
    }
    
    .btn-step-pro-pos.db-btn {
	margin-left: 33%;
    }
    
    .score-pts li span {
	width: 67%;
    }
    
    .score-pts li span.label-caption.completed-label {
	margin-left: 5px;
    }

}

/*** Dashboard - Styles - Start ***/


@media screen and (max-width: 375px) {
	
	.step-footer-links a {
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid 555;
		border-right: 0;
	}
	
	.step-footer-links a:last-child {
		border-bottom: 0;
	}
	
	#speedometer-graph .fg-dial {
	    font-size: 15px;
	    padding: 10px 0;
	    top: 40px;
	}
	
	.dv-caption {
	    display: block;
	    font-size: 14px;
	}
	
	.step-dashboard-new-wrapper .step-progress-bar .progress-meter-label {
		font-size: 15px;
	}
	
	.percent-value {
		font-size: 15px;
	}
	
	.step-bargraph-wrapper {
		width: 100%;
	}
	
	.step-bargraph .yscore-bar-wrapper, .step-bargraph .avg-bar-wrapper, .step-bargraph .max-bar-wrapper {
		width: 28%;
		margin-right: 10px;
	}
	
	.step-bargraph-contents {
		padding: 0;
	}
	
	.step-bargraph-container .legend-points {
		margin-left: 0;
	}
	
	.step-bargraph-wrapper {
		margin: 30px 10px 0;
	}
	
	.prod-free-tag {
		position: absolute;
		right: -13%;
		top: 7%;
	}
	
	#detailed-score-rpt-block .modal-lg {
		margin-top: 30%;
	}
	
	#speedometer-graph .fg-dial-label {
		top: 100px;
	}

	.step-progress-title {
		margin-top: 50px;	
	}
	
	#speedometer-graph .fg-dial {
		font-size: 12px;
		/*padding: 0 30px;*/
		top: 40px;	
	}
	
	.dv-caption {
		font-size: 11px;
	}
	
	#homeHeading span.tblack {
	    line-height: 45px;
	}
	
	body#page-top .step-header-logo {
	    width: 25%;
	}
	
	.exam-timer {
	    font-size: 15px;
	    position: absolute;
	    right: 66px;
	    top: 25px;
	}
	
	.prod-box-cover.blue-box .prod-button.testlink {
	    margin: 60px 30.3% 40px;
	}
	
	.prod-box-wrapper .prod-box-cover.green-prodbox:last-child {
	    min-height: 600px;
	}
	
	.fbgbox {
	    min-height: 560px !important;
	}
	
	.prod-box .prod-button, .prod-button {
	    margin: 60px 31.8% 40px;
	}
	
	.btn-step-pro-pos.db-btn {
	    margin-left: 29%;
	}
	
	.score-cell {
	    padding: 0;
	}
	
	.score-pts li span {
	    width: 55%;
	}
	
	.score-pts li span.label-caption.completed-label {
	    margin-left: 0;
	}
	
	.social-media-container{
	    margin: 10px 13%;
	    width: 80%;
	}
	
	.step-progress-bar {
	    padding: 0;
	}
	
}

/*** Dashboard - Styles - End ***/


@media screen and (max-width: 360px) {
    
    body {
        overflow-x: hidden;
    }
    
    header .header-content .header-content-inner h1 {
        font-size: 30px;
    }
    
    .btn-take-free-mini {
        font-size: 13px;
    }
    
    .rwls-wrapper {
        margin: 0 18% 20px;
        position: relative;
        width: 63%;
    }
    
    .prod-free-tag {
        position: absolute;
        right: -10%;
        top: 7%;
    }
    
    .blue-box .prod-box .prod-button {
        margin: 0 23% 40px;
    }
    
    .white-box .prod-box .prod-button {
        margin: 20px 18% 40px;
    }
    
    .btn-footer-login {
        float: none;
        margin: 0 33%;
    }
    
    .social-media-container {
        margin: 10px 45px;
        text-align: center;
        width: 71%;
    }
    
    .features-container .main-box {
        margin-bottom: 10px;
    }
    
    .step-footer-links a {
        display: block;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        padding: 5px 0;
    }
    
    .step-footer-links a:last-child {
        border-bottom: 0
    }
    
    .ct-number.ct-number-mobile {
        display: none;
    }
    
    .navbar-brand.page-scroll {
        display: none;
    }
    
    .step-header-logo {
        left: 10px;
        position: absolute;
        top: 0;
        width: 30%;
    }
    
    .fbgbox {
	min-height: 580px !important;
    }
    
    .score-pts li span {
	width: 80%;
    }
    
    .score-pts li a {
	width: 100%;
    }
    
    .social-media-container {
	margin: 10px 20px;
	text-align: center;
	width: 95%;
    }
    
    .score-pts li span.label-caption.completed-label {
	margin: 0 20%;
    }
    
    .step-cando-container ul.nav-tabs li a, .step-cando-container ul.nav-tabs li.active a {
	padding: 10px;
    }
    
    
}

@media screen and (max-width: 320px) {
    
    .rwls-wrapper {
        margin: 0 36% 20px;
        position: relative;
        width: 27%;
    }
    
    .features-container .title-caption {
        padding-right: 0;
    }
    
    .prod-free-tag {
        right: -11%;
    }
    
    .white-box .prod-box .prod-button {
        margin: 20px 15% 40px;
    }
    
    .social-media-container {
        margin: 10px 35px;
        text-align: center;
        width: 81%;
    }
    
    .checkcase .answercase {
	width: 70% !important;
    }
    
    #testscreenvalidationbutton {
	margin: 20px 0;
    }
    
    .prod-box-cover.blue-box .prod-button.testlink {
	margin: 60px 27% 40px;
    }
    
    .fbgbox {
	min-height: 600px !important;
    }
    
    .prod-box .prod-button, .prod-button {
	margin: 60px 29% 40px;
    }
    
    .prod-box-wrapper .prod-box-cover.green-prodbox:last-child {
	min-height: 650px;
    }
    
    .btn-step-pro-pos.db-btn {
	margin-left: 23%;
    }
    
    .step-score-rwls, .step-bargraph-container, .step-bargraph-contents {
	padding: 0 !important;
    }
    
    .step-bargraph-container .legend-points li {
	margin-right: 0;
    }
    
    .step-cando-container ul.nav-tabs li a, .step-cando-container ul.nav-tabs li.active a {
	padding: 5px;
    }
    
    .social-media-container {
	margin: 10px 0;
	text-align: center;
	width: 100%;
	padding-right: 0;
    }
    
    .step-score-container, .step-progress-bar {
	padding: 0 !important;
    }
    
}

/*** Responsive Styles - End ***/

/***
 *
 *  Custom Styles - End
 *
 ***/