@font-face{font-family: 'WebRupee';src: url('/mobile/fonts/WebRupee.V2.0.eot');src: local('WebRupee'), url('/mobile/fonts/WebRupee.V2.0.ttf') format('truetype'),  url('/mobile/fonts/WebRupee.V2.0.woff') format('woff'), url('/mobile/fonts/WebRupee.V2.0.svg') format('svg'); font-weight:normal; font-style:normal;font-display: swap;}
@font-face {
font-family: 'webly';
src: local('webly'), url('/mobile/css/font/WeblySleekUISemilight.eot?#iefix') format('embedded-opentype'),  url('https://www.tcyonline.com/mobile/css/font/WeblySleekUISemilight.woff') format('woff'), url('https://www.tcyonline.com/mobile/css/font/WeblySleekUISemilight.ttf')  format('truetype'), url('/mobile/css/font/WeblySleekUISemilight.svg#WeblySleekUISemilight') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face{
font-family: 'calibri', calibriregular, Arial, Helvetica, sans-serif !important;
src: url(https://www.tcyonline.com/mobile/fonts/CALIBRI_0.TTF);
font-weight: normal;
font-style: normal;
font-display: swap;
}
body {
  background: #fff;
  font-family: 'calibri', calibriregular, Arial, Helvetica, sans-serif !important;
  margin: 0;
  padding: 0;
}

a{ text-decoration:none}
ul li{ list-style:none}
.dark_blue {
    /*background: #456BB0*/
    background: #143067;
    background: -moz-linear-gradient(top, #143067 0%, #456bb1 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #143067), color-stop(100%, #456bb1));
    background: -webkit-linear-gradient(top, #143067 0%, #456bb1 100%);
    background: -o-linear-gradient(top, #143067 0%, #456bb1 100%);
    background: -ms-linear-gradient(top, #143067 0%, #456bb1 100%);
    background: linear-gradient(to bottom, #143067 0%, #456bb1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#143067', endColorstr='#456bb1', GradientType=0 );
}
*{box-sizing: border-box;}
.all_wrapper{
background: #143067;
background: -moz-linear-gradient(top, #143067 0%, #456bb1 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #143067), color-stop(100%, #456bb1));
background: -webkit-linear-gradient(top, #143067 0%, #456bb1 100%);
background: -o-linear-gradient(top, #143067 0%, #456bb1 100%);
background: -ms-linear-gradient(top, #143067 0%, #456bb1 100%);
background: linear-gradient(to bottom, #143067 0%, #456bb1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#143067', endColorstr='#456bb1', GradientType=0 );
width: 100%;
float: left;
height: 100%;
}
#toggle_menu_left{position: absolute;width: 80%;z-index: 999;background: #fff;height: 100%;}
#toggle_menu_left ul li{padding:10px;font-size: 17px;text-transform: uppercase;}
.icon_container{width: 100%; float: left; padding: 20px 0;}
.wrapper{max-width: 768px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
.logo{background: url(../images/tcy-logo.png) no-repeat left; width: 137px; height: 41px; float: left;}
.logo_small{background: url(../images/logo-back.png) no-repeat; width: 62px; height: 20px; float: left; margin: 14px 0 0 7px;}
.top_right_icon{float: right; margin: 9px 0;}
.top_right_icon a{float: left;}
.icons{background: url(../images/top-right-icons.png) no-repeat; float: left; width: 24px; height: 24px; position: relative;}
.icons2{background-position: -43px; margin: 0 16px;}
.icons3{background-position: -86px;}
.search_box{background: #fff; border:1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 8px 13px; width: 100%; float: left;margin-top: 10px;margin-bottom: 10px;}
.search_box input{ border: none; color: #999; font-size: 18px; float: left; font-family: 'calibri', calibriregular, Arial, Helvetica, sans-serif; width: 87%;}
.search_box button{background: url(../images/search.png) no-repeat; height: 26px; width: 26px; float: right; border: none; cursor: pointer;}
.all_categories{width: 100%; float: left; padding: 30px 0}
.cate_inner {background-color: rgba(0, 0, 0, 0.2); float: left; width: 49.0%;padding: 12px 5px; margin-bottom: 2px; margin-right: 2px; text-align: center; min-height: 122px;}
.cate_inner:nth-last-of-type(2n+1){margin-left: 1px !important;}
.cate_inner h1{color: #fff; margin: 0; padding: 0; width: 100%; text-align: center;font-family: 'calibri', calibriregular, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; clear: both;}
.disabledBtn{background: #d3d3d3 !important;border:0;}
.suggestedTests .testBox .disabledBtn {background: #35a9e2;color: #fff;float: left;font-family: calibri,calibriregular;font-size: 15px;text-align: center;width: 100%;padding: 4px 0;text-decoration: none;border-radius: 0 0 5px 5px;} 



.ripplelink{
  text-align:center;
  color:#fff;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
}

.ripplelink:hover{
	z-index:1000;
}

.ink {
  display: block;
  position: absolute;
  background:rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          transform:scale(0);
}

.animate {
	-webkit-animation:ripple 0.65s linear;
   -moz-animation:ripple 0.65s linear;
    -ms-animation:ripple 0.65s linear;
     -o-animation:ripple 0.65s linear;
        animation:ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}


@-webkit-keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3px;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}
@-o-keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3px;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}
@-moz-keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3px;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}
@keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3px;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}

#menuBall1 {
  -webkit-animation: bump 4s linear 0s infinite normal;
}
#menuBall2 {
  -webkit-animation: bump 4s linear .5s infinite normal;
}
#menuBall3 {
  -webkit-animation: bump 4s linear 1s infinite normal;
}

#menuBall1 {
  -moz-animation: bump 4s linear 0s infinite normal;
}
#menuBall2 {
  -moz-animation: bump 4s linear .5s infinite normal;
}
#menuBall3 {
  -moz-animation: bump 4s linear 1s infinite normal;
}
#menuBall1 {
  -o-animation: bump 4s linear 0s infinite normal;
}
#menuBall2 {
  -o-animation: bump 4s linear .5s infinite normal;
}
#menuBall3 {
  -o-animation: bump 4s linear 1s infinite normal;
}

#menuBall1 {
  animation: bump 4s linear 0s infinite normal;
}
#menuBall2 {
  animation: bump 4s linear .5s infinite normal;
}
#menuBall3 {
  animation: bump 4s linear 1s infinite normal;
}


.cbutton {
	position: relative;
	-webkit-transition: color 0.7s;
	transition: color 0.7s;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 3);
}
.cbutton::after {
	position: absolute;
	top: 63%;
	left: 55%;
        right: 50%;
	margin: -35px 0 0 -35px;
	width: 40px;
	height: 40px;
	/*border-radius: 50%;*/
	content: '';
	opacity: 0;
	pointer-events: none;
}
.cbutton.cbutton--click,
.cbutton:focus {
	outline: none;
	color: #000;
}
/* Tamara */
.cbutton--effect-tamara::after {
	box-shadow: 0 0 0 3px rgba(111,148,182,0.05);
}

.cbutton--effect-tamara.cbutton--click::after {
	-webkit-animation: anim-effect-tamara 0.5s ease-out forwards;
	animation: anim-effect-tamara 0.5s ease-out forwards;
}

@-webkit-keyframes anim-effect-tamara {
	0% {
		box-shadow: 0 0 0 3px rgba(111,148,182,0.3);
		opacity: 1;
		-webkit-transform: scale3d(0.6, 0.6, 1);
		transform: scale3d(0.6, 0.6, 1);
	}
	100% {
		box-shadow: 0 0 0 100px rgba(111,148,182,0);
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes anim-effect-tamara {
	0% {
		box-shadow: 0 0 0 3px rgba(111,148,182,0.3);
		opacity: 1;
		-webkit-transform: scale3d(0.6, 0.6, 1);
		transform: scale3d(0.6, 0.6, 1);
	}
	100% {
		box-shadow: 0 0 0 100px rgba(111,148,182,0);
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
/*End Tamara */

/*--------------Challenge zone------------------ */

.score_board{float:left; width:100%; background:#029bd5}
.score_content ul{float:left; width:100%; margin:0px; padding-left:0px }
.score_content ul li{ border-right: 1px solid #444;    box-sizing: border-box;    color: #fff;    float: left;    font-family: calibri,calibriregular,Arial,Helvetica,sans-serif;    font-size: 16px;    list-style: outside none none;   padding: 0px 5px;    width: 45%; }
.score_content ul li span{color:#fff; font-size:50px; text-align:left; margin:0px; float:left} 
.score_content ul li p {   float: left;    font-family: calibri,calibriregular,Arial,Helvetica,sans-serif;    margin: 14px 0 0;    padding-left: 5px}
.score_content ul li.arw {    border: medium none;    float: left;    padding: 18px 15px;    width: 10px}
.black_l {   background: #222 none repeat scroll 0 0;  height: 780px;  opacity: 0.7;    position: absolute;    width: 100%;    z-index: 9999; top:47px}
.white_l {    background: #fff none repeat scroll 0 0; height: 780px;   position: absolute;    width: 75%;   z-index: 9999; right:0; top:47px;}

.zone_cat {
  background: #fff none repeat scroll 0 0;
  border-bottom: 2px solid #eee;
  float: left;
  padding: 10px 0;
  width: 100%;
}
.zone_cat_inner {
  float: left;
  position: relative;
  width: 71%;
}
.zone_cat_inner h2 {
  color: #333;
  float: left;
  font-size: 19px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 19px;
  text-align: left;
  width: 100%;
}
.beat_cat_inner {
  float: left;
  position: relative;
  width: 51%;
}
.zone_list{
  float: left;
  position: relative;
  widows:dth: 51%;
  margin-top:15px; 

}
.zone_list h2{
  color: #000;
  float: left;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 5px;
  text-align: left;
  /* width: 100%; */
}
.beat_cat_inner h2 {
  color: #444;
  float: left;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 25px 0 0;
  text-align: left;
  width: 100%;
}
.beat_user_img img{width: 55px; height: 55px; float: left; border-radius: 100%; background: #fff; border: 2px solid #ccc; padding: 3px; margin-right: 6px; margin-top: 11px;}
.u_status{color:#888; font-size:14px}
.u_status img{padding-right:8px}

.beat_cat_inner .d_text_1{color: #888; font-size: 13px; color: #777;}
.zone_cat_inner .d_text{color: #888; font-size: 15px;}
.lost_win_cont{float: right; width: 28%; text-align: center;}

.delete_frnd{float: right; width: auto; text-align: right; margin-top:30px; padding-right: 10px}
.confrm_frnd{float: left; width: auto; text-align: right; margin-top:30px; padding-right: 10px}
.confrm_frnd .confirmFbtn { float: left;    font-size: 13px;    padding: 5px 15px; margin-right: 5px}
.confrm_frnd .ignorFbtn {    background: #eee none repeat scroll 0 0;    border-bottom: 3px solid #ccc;    color: #444;    float: left;    font-size: 13px;    margin-right: 4px;    padding: 5px 15px;}
.view_frnd{ float:left; width:100%; background:#f5f5f5; border-bottom:1px solid #eee}
.frnd_list{float:left; width:60%}
.frnd_list p{ color:#222;padding: 6px 6px;}
.view_list{float:right; padding:15px 0px}
.view_list a{text-decoration:none; color:#0AB2DF; font-size:17px; padding-right: 10px}

.chkbox_ryt{float: right; text-align:right}
.chkbox_ryt input[type="checkbox"]:not(old){font-size:1em; margin:-16px 0px 0px; opacity:0; padding:0; width:2em}
.chkbox_ryt input[type="checkbox"]:not(old) + label{ display:inline-block; line-height:1.5em}
.chkbox_ryt input[type="checkbox"]:checked:not(old) + label > span::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: hsl(145, 63%, 49%);
  border-image: none;
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 12px;
  margin: 3px 0 0 8px;
  transform: rotate(45deg);
  width: 5px;
}
.chkbox_ryt input[type="checkbox"]:checked:not(old) + label > span {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
}
.chkbox_ryt input[type="checkbox"]:not(old) + label > span {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
  border: 1px solid hsl(180, 13%, 83%);
  border-radius: 5px;
  display: inline-block;
  float: left;
  height: 23px;
  margin: 0.25em 0.5em 0.25em 0.25em;
  vertical-align: bottom;
  width: 23px;
}
/************* Section-wise Starts here *************/

.section_table{ margin: 40px 0px; width: 100%; float:left }
.section_table table{border-collapse:collapse; width:100%; border: 1px solid #e2e2e2}
.section_table table th{  padding:13px; text-align: center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; color:#222222; font-size:16px; font-weight:bold}
.section_table table td.category{  padding:10px; border-bottom:1px solid #e2e2e2; color:#202020; font-size:14px; background:#e4f4f9; text-align:left }
.section_table table td{  padding:10px;  text-align: center; width: 25%; border-bottom:1px solid #e2e2e2; color:#202020; font-size:14px; border-right:1px solid #e2e2e2;}

/************* Time-wise Starts here *************/

.title{width:100%; float:left; margin:0px;}
.title h1{color:#06aeef; font-size:26px; text-transform:uppercase; text-align:center;}
.title h2{color:#202020; font-size:20px; text-align:center; font-weight:normal; padding:5px 0px}
.outer_time{float:left; width:100%;margin-top: 10px; }
.time_panel{ background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+49,e8e8e8+50,e8e8e8+100 */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 49%, #e8e8e8 50%, #e8e8e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f7f7f7 49%,#e8e8e8 50%,#e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7f7f7 0%,#f7f7f7 49%,#e8e8e8 50%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */ border-radius:13px; border:1px solid #d4d4d4; display:table; margin:0 auto; font-size:16px; height:31px;}
.time_panel ul{ width:100%; padding:0; margin:0}
.time_panel ul li{float:left; border-right:1px solid #ccc; } 
.time_panel ul li:nth-child(3){ border-right:none;} 
.time_panel ul li a{ color:#a3a3a3; text-align:center; padding:5px 12px; height:31px; line-height:23px; cursor:pointer; float:left;}
.time_panel ul li i {background:url(../images/timers.png)0 0 no-repeat; float:left; height:20px; width:25px}
.time_panel ul li:nth-child(3) i{background-position:0px -24px}
.time_panel ul li a.li_time_all, .time_panel ul li:nth-child(1) a:hover{ border-radius:13px 0px 0px 13px; color:#fff; background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#05adf1+0,05adf1+49,07a3e2+50,07a3e2+100 */
background: #05adf1; /* Old browsers */
background: -moz-linear-gradient(top, #05adf1 0%, #05adf1 49%, #07a3e2 50%, #07a3e2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #05adf1 0%,#05adf1 49%,#07a3e2 50%,#07a3e2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #05adf1 0%,#05adf1 49%,#07a3e2 50%,#07a3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05adf1', endColorstr='#07a3e2',GradientType=0 ); /* IE6-9 */}
.time_panel ul li a.li_time_saver i, .time_panel ul li:nth-child(2) a:hover i{ background-position:0 -49px}
.time_panel ul li a.li_time_saver, .time_panel ul li:nth-child(2) a:hover{color:#fff; background-color:#fe4d3d; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00cb56+0,00cb56+50,01b74e+51,01b74e+100 */
background: #00cb56; /* Old browsers */
background: -moz-linear-gradient(top, #00cb56 0%, #00cb56 50%, #01b74e 51%, #01b74e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00cb56 0%,#00cb56 50%,#01b74e 51%,#01b74e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00cb56 0%,#00cb56 50%,#01b74e 51%,#01b74e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cb56', endColorstr='#01b74e',GradientType=0 ); /* IE6-9 */}

.time_panel ul li a.li_time_taker i, .time_panel ul li:nth-child(3) a:hover i{ background-position:0 -73px}
.time_panel ul li a.li_time_taker, .time_panel ul li:nth-child(3) a:hover{color:#fff; border-radius:0px 13px 13px 0px; background-color:#fe4d3d; /* Old browsers */
background: -moz-linear-gradient(top, #fe4d3d 0%, #fe4d3d 49%, #ed3221 50%, #ed3221 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fe4d3d 0%,#fe4d3d 49%,#ed3221 50%,#ed3221 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fe4d3d 0%,#fe4d3d 49%,#ed3221 50%,#ed3221 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe4d3d', endColorstr='#ed3221',GradientType=0 ); /* IE6-9 */ }

.time_table{ margin: 30px 0px; width: 100%; float:left; background:#eefafe}
.time_table table{border-collapse:collapse; width:100%;}
.time_table table th{  padding:15px; text-align: center; border-bottom:2px solid #27cb8d; color:#222222; font-size:16px; font-weight:bold}
.time_table table td{  padding:10px;  text-align: center;  border-bottom:1px solid #e2e2e2; color:#202020; font-size:14px;}
.result{float:left; width:100%;}
.result img{margin-left: 5px;    vertical-align: middle;}



/*--------------Category pages------------------ */
.white_back{background: #fff;}
.top_gradient_layer{
    background: rgba(2,171,250,1);
background: -moz-linear-gradient(left, rgba(2,171,250,1) 0%, rgba(40,204,138,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,171,250,1)), color-stop(100%, rgba(40,204,138,1)));
background: -webkit-linear-gradient(left, rgba(2,171,250,1) 0%, rgba(40,204,138,1) 100%);
background: -o-linear-gradient(left, rgba(2,171,250,1) 0%, rgba(40,204,138,1) 100%);
background: -ms-linear-gradient(left, rgba(2,171,250,1) 0%, rgba(40,204,138,1) 100%);
background: linear-gradient(to right, rgba(2,171,250,1) 0%, rgba(40,204,138,1) 100%);
background: #143066;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02abfa', endColorstr='#28cc8a', GradientType=1 );
padding: 12px 0; float: left; width: 100%;color: #fff; text-align: center; font-weight: normal; font-size: 20px; /*box-shadow: 0px 3px 5px #666;*/ z-index:1; position:relative }
.top_gradient_layer a{float: left;}
.top_gradient_layer a i.back_arrow{background: url(../images/back-arrow.png) no-repeat; width: 12px; height: 23px; float: left;}
.top_gradient_layer a span.back_logo_sm{background: url(../images/logo-back.png) no-repeat; width: 62px; height: 20px; float: left; margin: 3px 0 0 7px;}
.top_meu_icon{float: right; width: 26px; height: 19px; background: url(../images/menu-right.png) no-repeat right; margin-top: 4px;}
#bar_icon_slide{float: left; width: 26px; height: 19px; background: url(../images/menu-right.png) no-repeat right; margin-top: 14px;}
.red_pending_test{background: #e14d41; padding: 15px 0; width: 100%; float: left;}
.pending_notice{background: url(../images/pending_notice.png) no-repeat left; padding: 1px 30px; float: left; color: #fff; font-size: 16px; font-weight: normal; text-align: center;}
.red_pending_test a{float: right; background: #fff; color: #e14d41; font-weight: normal; text-decoration: none; font-size: 16px; text-transform: uppercase; padding: 3px 13px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.category_name{width: 100%; background: #f9f9f9; float: left; border-bottom: none; padding: 10px 0;}
.category_left{float: left; margin:10px 0px; width:100%;}
.category_left.test_n {margin:0; /*width:auto;*/width:70%;}
.category_left .alphabate_box{padding:8px; float: left; text-align: center; color: #fff; font-size: 19px; font-weight: bold; text-transform: uppercase; width:40px}
.category_left .yellow_box{background: #ffc600; }
.category_left .green_box{background: #6eb141; }
.category_left .blue_box{background: #478dcd; }
.notification_box {border-bottom:2px solid #eee; padding:0;}
.notification_box .wrapper{padding:0;}
.notification_box .category_left {margin:0; padding:5px 0;}
.notification_box .yellow_box{border-left: 5px solid #ffc600; }
.notification_box .green_box{border-left: 5px solid #6eb141; }
.notification_box .blue_box{border-left: 5px solid #478dcd; }
.no_padding.test {padding:0;}
.category_left h2{font-size: 19px; color: #333; font-weight: normal; text-align: left; margin: 0; padding: 8px 7px; float: left; width: 90%;}
.category_left_1{float: left; width: 70%;}
.category_left_1 h2{font-size: 19px; color: #333; font-weight: normal; text-align: left; margin: 0; padding: 0px 7px 2px 0; float: left; width: 100%;}
.category_left_1 span{color: #777; font-size: 15px; float: left; width: 100%;}
.notification_box h2{font-size: 14px; }
.tab_single{background:#039bd6; float:left; width:100%}
.tab_single ul{float:left; width:100%; padding:0px}
.tab_single ul li{ float:left; width:auto; display:inline-block; color:#fff; font-size:15px; border-right:1px solid #fff; text-align: center; width: 33%}
.tab_single ul li:nth-child(3){border-right:0px }
.test_count{float: right;}
.test_count span{text-align: right; font-size: 14px; font-weight: bold; color: #01b5da;}
.test_count span.tick_test_count{background: url(../images/tick_test_count.png) no-repeat left; color: #888;  padding: 0 0 0 18px;font-weight: normal; float: right;}
.analysis_view{background: #0067a8; border-radius: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #fff; text-align: center;   font-size: 14px; font-weight: normal; text-decoration: none; padding: 6px 13px; float: right; margin: 0px 0;}
.unlock_img{background:#59c8ff url(../images/unlock.png) no-repeat 7px 7px; border-radius: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #fff; text-align: center;  font-size: 14px; font-weight: normal; text-decoration: none; padding: 6px 10px 6px 23px; float: right; margin: 0px 0;}

.take_test{background: #00b5d9; border-radius: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #fff; text-align: center;  font-size: 14px; font-weight: normal; text-decoration: none; padding: 6px 16px; float: right; margin: 0px 0;}

.moreOpCont{float:right; position:relative;margin-right: 16px;}
.moreOpCont ul{background-color:#FFFFFF; box-shadow:0 0 5px #CCCCCC; display:none; list-style-type:none; margin:0; padding:0; position:absolute; right:-41px; top:36px; width:140px;z-index:5;}
.moreOpCont ul li{border-top:1px solid #EEE; float:left; width:100%;}
.moreOpCont ul li a{color:#333333; float:left; padding:7% 15%; text-decoration:none; width:100%; font-size:16px; text-align: left;}

.select-style {padding: 0;margin: 0;border: 1px solid #ced9d9;width: 100%;border-radius: 3px;overflow: hidden;background-color: #fff;background: #fff url("/india/images/select-down-arrow.png") no-repeat 95% 50%;}

.select-style select {padding: 8px;width: 100%;color: #333;border: none;box-shadow: none;background-color: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 15px;}
.select-style select:focus {outline: none;}
.select-style select option:active, .select-style select option:focus, .select-style select option:checked, .select-style select option:hover{background: #59c8ff !important; color:#fff !important}

.test_info_table{width: 100%; float: left;}
.test_info_table h1{color: #444; font-size: 22px; margin: 0; padding:15px 10px 5px; width: 85%; float: left; text-align: left; font-weight: normal;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;}
.test_info_table .table_12{width: 100%; padding: 0; border-collapse: collapse; clear: both;}
.test_info_table .table_12 th {font-size: 19px; line-height: 24px; font-weight: normal; color: #444; border: 1px solid #ccc; padding: 7px; text-align: center; width: 33%;}
.test_info_table .table_12 td {font-size: 17px; line-height: 24px; font-weight: normal; color: #444; border: 1px solid #ccc; padding: 7px; text-align: center; width: 33%;}
.StartBut{background: #029bd5; color: #fff; font-size: 20px; font-weight: normal; text-decoration: none; text-align: center; padding: 15px 85px; border:none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: table; margin: 35px auto 0; -webkit-appearance: none;}
.small_But {border-radius: 3px; border-right: 0; border-left:0; font-size: 16px; padding: 7px 25px; margin:0 auto}
.time_display{background: #143066; width: 120px; float: right; font-weight: bold; font-size: 21px; padding:4px 0 !important; height:30px; line-height:26px; margin-top:6px; /*padding: 7px 0px; margin: -12px 0px 0px; position: absolute; right: 48px; text-align: center;*/}
.question_n_cont{width: 100%; float: left;}
.q_no{float: left; background: #414141; padding: 6px 8px; color: #fff; font-size: 20px; font-weight: normal; text-align: center;}
.question_n_cont a{float: right; color: #0e84bd; text-decoration: underline; text-align: right; padding: 8px 0; font-size: 18px;}
.question_dis{float: left; width: 100%; padding-bottom: 80px;}
.question_dis p{float: left; width: 100%; font-size: 18px; font-weight: normal; text-align: left;}
.question_dis ul{margin: 0; padding: 0; list-style: none;}
.question_dis ul li{list-style: none; font-size: 18px; float: left; width: 100%; margin: 12px 0; padding: 5px; background: #f6f6f6;}
.question_dis ul li input{margin-right: 10px;}
.bottom_fix_grey{background: #d8d8d8; width: 100%; float: left; border-top: 2px solid #b1b1b1; position: fixed; bottom: 0; left:0; z-index:100 !important}
.bottom_fix_grey ul{margin: 0; padding: 0; list-style: none;}
.bottom_fix_grey ul li{list-style: none; float: left; width: 20%;}
.bottom_fix_grey ul li a{float: left; width: 100%; text-align: center; color: #222; padding: 15px 0; font-size: 20px;}
.bottom_fix_grey ul li a.dull_text{color: #999;}
.bottom_fix_grey ul li a.flag_back{background: #c1c1c1;}
.FinishButton{ height:31px}
.bottom_fix_grey ul li a.menu_back{background: #143066;}
.bottom_fix_grey ul li i.flag{background: url(../images/icon-bottom.png) no-repeat center; background-position: 0; height: 25px; width: 25px; display: inline-block; margin: 0 auto;}
.bottom_fix_grey ul li i.menu{background: url(../images/icon-bottom.png) no-repeat center; height: 25px; width: 25px; display: inline-block; margin: 0 auto;}
.bottom_fix_grey ul li i.pencil{background: url(../images/icon-bottom.png) no-repeat center; background-position: -137px 0px; height: 25px; width: 25px; display: inline-block; margin: 0 auto;}

.question_cont_up{width: 100%; position: fixed; margin: 0px 0 0; background: #fff; z-index: 1000; height: 89%; top: 70px; overflow: auto;}
.qus_sl{width: 100%; float: left; border-bottom: 2px solid #12b8ce; padding: 15px 0; font-size: 20px; color: #444; background: #f2f2f2;}
.qus_sl img{float: right;}
.qst_conti{float: left; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; font-size: 18px; color: #444;}
.qst_conti img{float: right;}
.qst_conti .qsu_text{float: left; text-align: left;}
.fl_cent{margin: 0 auto; display: inline-block; float: none !important; margin-top: 3px;}
.grey_top_fix {
    top:47px !important;
    z-index: 1;
    bottom: auto !important;
}

.progressiveBar{background: #eaedf1;float: none;height: 10px;margin-right: 14px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; position: relative;width: 80px;margin: 5px auto; overflow: hidden; }
.progressiveBar .progressiveBarImg{ background:url(/india/images/progressiveBarLines.png) no-repeat; width:100%; height:10px; position:absolute; z-index:1; left:0; top:0; float:left}
.progressiveBar .barColor{ width:40%; float:left; height:10px; background:#f24130; }
.progressiveBar .barGreenClr{background:#2ecc71;}
.progressiveBar .barYellowClr{background:#ffc61a;}
.progressiveBar1 {float:left; margin:5px;}

/*Analysis */
.tabs{ margin: 15px auto 0;    width: 100%; float:left}
.tabs_scroll{  max-width: 100%;   overflow-x: auto;overflow-y: auto;white-space: nowrap;}
.tabs ul{width:700px; float:left; padding: 0;}
.tabs ul.withoutSection{width:590px;}
.tabs_c ul.withoutSection{width:100%;}
.tabs ul li{ width:auto; display:inline-block; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; min-height:27px; background:none; text-align:center;border:2px solid #0286c1; margin:0px 4px }
.tabs ul .secondOption{ background:#0286c1;}
.tabs ul .lock{background-color:#ec5050; color:#fff; box-sizing: border-box; float: left;  font-size: 18px;    padding: 5px 0px;   text-align: center; margin:15px 5px;; border:2px solid #ec5050 }
.tabs ul li a{ box-sizing: border-box;   color:#0286c1;   float: left;    font-size: 18px;  padding: 5px 20px; text-align: center; width: 100%; font-weight:normal}
.tabs ul .secondOption a{color:#fff; text-align:center}

.lock img{ padding-left:5px;}
.circle_cont{width:100%; float:left;}
.body_cont{width:500px; display:table; margin:20px auto}
.body_cont ul li {float:left; border-right:1px solid #ccc; padding:5%; border-bottom:1px solid #ccc; list-style: none;}
.body_cont ul li .circle{ border-radius:15px; border:1px solid #000; height:180px; width:180px; background:#fff; margin: 0 auto; display:table;}
.overall{display:table-cell; vertical-align:middle}
.body_cont ul li .circle h1 { color: #00334b; font-size: 28px; text-align: center; width:100%; padding:5px 0px}
.body_cont ul li .circle h2 { color: #4e4d4d; font-size: 17px; text-align: center; text-transform:uppercase; width:100%; margin-top:0px}
.body_cont ul li:nth-child(2) .circle{border:1px solid #7ce1ca}
.body_cont ul li:nth-child(2){border-right:none}
.body_cont ul li:nth-child(1) .circle{border:1px solid #ebc486}
.body_cont ul li:nth-child(3) .circle{border:1px solid #acde76}
.body_cont ul li:nth-child(4) .circle{border:1px solid #6ed7f6}
.body_cont ul li:nth-child(4){ border-right:none; border-bottom:none}
.body_cont ul li:nth-child(3){border-bottom:none}

.icons_ana{ background:url(../images/icons.png) no-repeat; height:38px; width:40px; margin:0 auto;}
.score {background-position:0px 0;}
.accuracy{background-position:-85px 0;}
.percentage{background-position:-169px 0;}
.percentile{background-position:-249px 0;}

.score_table{width: 100%; float:left; background:#effafe; display:none}
.score_table table{border-collapse:collapse; width:100%;}
.score_table table td.heading{  padding:18px 0px; text-align: center; border-bottom:1px solid #eee; color:#222222; font-size:16px; font-weight:bold}
.score_table table td.category{  padding:10px; border-bottom:1px solid #e2e2e2; color:#202020; font-size:14px; text-align:left }
.score_table table td{ padding:22px 5px; text-align: center; width: 25%; border-bottom:1px solid #efefef; color:#202020; font-size:16px; box-sizing:border-box}
.star_1{background: url(../images/star.png) no-repeat center; width: 45px; height: 43px; text-align: center; color: #42b9f4; font-weight: bold; font-size: 13px; padding:15px 3px 0px 0px; float:left}

.footer_ana{ background:#12b8cb; margin: 0 auto; width:100%; box-sizing: border-box; padding:10px; float:left; position: fixed; bottom: 0;}
.footer_ana ul{width:100%; padding:0; margin:0; float:left}
.footer_ana ul li{ float:left; width:25%; text-align:center; list-style:none }
.footer_ana ul li:nth-child(4){ padding-right:0px;}
.footer_ana ul h1{ color:#fff; font-size:24px; text-align:center; font-family:weblysleekuisb,inherit,Arial; font-weight:lighter }
.footer_ana ul h1 sup{ color:#fff; font-size:12px; padding-left:2px; font-family:WeblySleek_ULight,inherit,Arial; letter-spacing: 0.5px;}
.footer_ana ul p{ color:#fff; font-size:14px; text-align:center; font-family:WeblySleek_ULight; margin:10px 0px}

.StartBut_sm {
 background: #029bd5  none repeat scroll 0 0;
 border-bottom: 3px solid #006186 ;
 border-radius: 4px;
 color: #fff;
 display: table;
 font-size: 17px;
 font-weight: normal;
 margin: 30px auto 0;
 padding: 7px 65px;
 text-align: center;
 text-decoration: none;
}

/*************** Plan n Pricing starts here**************/

.top_gradient_layer a span.topic_n { color:#fff; padding-left:10px; font-size:20px;}
.pks{width:100%; background:#f2f2f2; float:left}
.packs{ float:left; width:100%; padding:20px 0px; display:table}
.packs ul{padding:0px; margin:0px; float:left; width:100%}
.packs ul li{ width:33.3%; float:left; text-align:center;}
.packs ul li.mock{  background:#863EAC;}
.packs ul li.sectional{background:#507AC4;}
.packs ul li.topic_w{ background:#50A8B4; margin-right:0px}
.packs ul li span{ font-size:26px}
.packs ul li a{color:#fff; font-size:16px; text-decoration:none; cursor:pointer; font-family:calibri,calibriregular,Arial,Helvetica,sans-serif; display:table; margin:0 auto; padding:11px 0px; width:100% }
.m_packs{float:left; width:100%; background:#fff}
.diff_pack{ float:left; width:100%;}
.diff_pack ul {padding:0; margin:0}
.diff_pack ul li{float:left; width:50%}
.diff_pack ul li a{ text-decoration:none; font-size:17px; color:#444; text-align:center;  float:left; width:100%; padding:10px 20px; border-bottom:2px solid #f2f2f2; box-sizing:border-box;}
.diff_pack ul li.mnth_p{border-right:2px solid #f2f2f2}
.diff_pack ul li.mnth_p:nth-last-child(1) {border:none}
.diff_pack ul li.mnth_p.active{border-bottom:2px solid #3E87CF}
.diff_pack ul li.s_pks.active{border-bottom:2px solid #3E87CF}

.p_price{float:left; width:100%;margin-top: 15px; }
/*.p_price_1{float:right; left:-50%; position:relative}*/
.bg_grey{ margin:20px; background:#f2f2f2}
.bg_grey p{text-align:center; padding:10px 20px; font-size:16px; color:#444; margin:0px}
.bg_grey h1{text-align:center; padding:0px 20px 10px 20px; font-size:20px; color:#74B8C3; margin:0px}

.p_tabs{ margin: 0 auto;  text-align: center;  width: 100%; float:left}
.p_tabs ul{width:100%; float:left; padding: 0;}
.p_tabs ul li{ width:auto; display:inline-block; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; min-height:27px; background:none; text-align:center;border:1px solid #507AC4; margin:0px }
.p_tabs ul .secondOption{ background:#507AC4;}
.p_tabs ul li a{ box-sizing: border-box;   color:#507AC4;   float: left;    font-size: 16px;  padding: 3px 10px; text-align: center; width: 100%; font-weight:normal}
.p_tabs ul .secondOption a{color:#fff; text-align:center}
.timt_note{float:left; width:100%; padding:10px}
.timt_note p{color:#222; text-align:center; font-size:17px; margin:0px}
.grey_1{width:46%; float:left; margin:10px 6px; text-align:center; background:#f2f2f2}
.grey_1 p{text-align:center; padding:10px 20px; font-size:16px; color:#444; margin:0px}
.grey_1 h1{text-align:center; padding:0px 20px 10px 20px; font-size:20px; color:#74B8C3; margin:0px}
.grey_2{width:46%; float:left; margin:10px 0px; text-align:center; background:#f2f2f2}
.grey_2 p{text-align:center; padding:10px 20px; font-size:16px; color:#444; margin:0px}
.grey_2 h1{text-align:center; padding:0px 20px 10px 20px; font-size:20px; color:#74B8C3; margin:0px}


.div_downmapp { background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0179fc+0,349ad9+100 */
background: #0179fc; /* Old browsers */
background: -moz-linear-gradient(top, #0179fc 0%, #349ad9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0179fc 0%,#349ad9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0179fc 0%,#349ad9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0179fc', endColorstr='#349ad9',GradientType=0 ); /* IE6-9 */;   bottom: 0;  float: left;  position: fixed;  width: 100%; z-index:9999;}
.div_downmapp p{ color:#fff; font-size:20px; text-align:center; font-family:calibri,calibriregular,Arial,Helvetica,sans-serif; margin:10px; }
.div_downmapp p img{ padding-left:10px; vertical-align:middle}

/*--------------Pagination live starts here ------------------ */


.pagination_m, .paginationOutter{float:right!important;position:relative;left:-50%!important;text-align:center;margin:20px 0}
.pagination_m ul, .paginationOutter ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.pagination_m ul li a,
.pagination_m ul li.current, 
.paginationOutter ul li a,
.paginationOutter ul li.current {
    padding: 10px 18px;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    font-family: calibri,calibriregular,Arial,Helvetica,sans-serif
}

.pagination_m ul li, .paginationOutter ul li {
    border: 1px solid #dae2e6!important;
    cursor: pointer;
    float: left;
    left: 50%;
    margin-bottom: 0!important;
    position: relative;
    width: auto!important
}

.pagination_m .next, .paginationOutter .next {
    height: auto!important
}

.pagination_m ul li a, .paginationOutter ul li a {
    float: left;
    height: 38px
}

.pagination_m ul li:first-child, .paginationOutter ul li:first-child {
    border-radius: 5px 0 0 5px
}

.pagination_m ul li:last-child, .paginationOutter ul li:last-child {
    border-radius: 0 5px 5px 0;
	height:40px
}

.pagination_m ul li.current, .paginationOutter ul li.current {
    background: #f2f6f7;
    height: 40px;

}

.pagination_m ul li:hover, .paginationOutter ul li:hover {
  /*  background: #f2f6f7 */
}

.pagination_m ul li .fa-chevron-right, .paginationOutter ul li .fa-chevron-right {
    color: #adcad9;
    font-size: 12px;
    padding: 5px 0
}

.pagination_m ul li .fa-chevron-left, .paginationOutter ul li .fa-chevron-left {
    color: #adcad9;
    font-size: 12px;
    padding: 5px 0
}

/*--------------Pagination live ends here ------------------ */
.descHeader {box-sizing: border-box;background: #f0f3f5;float: left;padding: 10px 15px;width: 100%; border-bottom:10px solid #fff}
.authorDesc {border-right: 1px solid #ccc;float: left;width: 55%;}
.authorDesc .authorImg {border: 1px solid #444;border-radius: 70px;float: left;height: 50px; width: 50px;}
.authorDesc h3 {color: #143066;float: left; font-family: calibri,calibriregular,Arial,Helvetica,sans-serif; font-size: 17px; font-weight: bold; margin: 0; padding: 8px 0 0 10px;  width: 73%;}
.authorDesc a {color: #999; float: left; font-family: calibri,calibriregular,Arial,Helvetica,sans-serif; font-size: 14px; padding: 0 0 0 10px; text-decoration: underline;}
.authorRating {float: right;padding-top: 10px;width: 45%;}
.authorRating span {color: #143066;float: left; font-family: calibri,calibriregular,Arial,Helvetica,sans-serif; font-size: 17px; font-weight: bold; text-align: center; width: 100%;}
.authorRating img {margin-left: 3px;}
.authorRating p {color: #999; float: left; font-family: calibri,calibriregular,Arial,Helvetica,sans-serif;font-size: 15px; margin: 0; padding: 0; text-align: center; width: 100%;}
.descBox {border-bottom: 1px solid #ccc;float: left;padding: 13px 0 20px; width: 100%;}
.descBox .descHeading {color: #444;float: left;font-family: calibri,calibriregular,Arial,Helvetica,sans-serif;font-size: 16px;margin-right: 2%; width: 13%;}
.descBox .descText {color: #444; float: left; font-family: calibri,calibriregular,Arial,Helvetica,sans-serif; font-size: 16px; text-align: left; width: 85%;}
.descBox .keywordText {color: #777; font-size: 15px;}
.keywordText a {color: #666; text-decoration: underline;}
.takeTestBtn {float: left;margin: 20px 0 12px;text-align: center; width: 100%;}
.takeTestBtn a {background: #1f5c99 none repeat scroll 0 0; border-radius: 5px; color: #fff; font-family: calibri,calibriregular,Arial,Helvetica,sans-serif; font-size: 18px; padding: 10px 26px; text-decoration: none;}
.timeAndQuestion{ color: #666; float: left; font-family: calibri,calibriregular,Arial,Helvetica,sans-serif; font-size: 16px; padding-top:6px; text-align: center; width: 100%;}

.tabs_c{min-width: 100% !important; max-width: 100% !important;float:left !important; margin: 0 auto}
.tabs_c ul.withoutSection{width:100%;}
.tabs .wrapper{ max-width:100%}
.packs ul li.mock_cust{ margin:0px}
.bg_grey-cust{ margin:5px; background:#f2f2f2;clear:both;}
.bg_grey-cust p{text-align:center; padding:10px 20px; font-size:16px; color:#444; margin:0px}
.bg_grey-cust h1{text-align:center; padding:0px 20px 10px 20px; font-size:20px; color:#74B8C3; margin:0px}
.grey_box{ background: #f2f2f2 none repeat scroll 0 0;    float: left;    left: 50%;    margin: 10px 3px;    position: relative;   text-align: center; padding:0px 5px}
.grey_box p{text-align:center; padding:10px 15px 0px 15px; font-size:16px; color:#444; margin:0px}
.grey_box h1{text-align:center; padding:5px 10px 0px 10px; font-size:20px; color:#74B8C3; margin:0px}
.grey_3{width:30%; float:left; margin:10px 5px; text-align:center; background:#f2f2f2}
.grey_3 p{text-align:center; padding:10px 15px; font-size:13px; color:#444; margin:0px}
.grey_3 h1{text-align:center; padding:5px 10px 10px 10px; font-size:17px; color:#74B8C3; margin:0px}
.grey_box_cust{ 
background: #f2f2f2 none repeat scroll 0 0;
    display: inline-block;
margin: 10px 3px 0px;
    padding: 0 5px;
text-align: center;
    width: 32%;    
}
.grey_box_cust p{
    color: #444;
    font-size: 14px;
    margin: 0;
    padding: 10px 4px 0px 5px;
    text-align: center;
}
.grey_box_cust h1{
    color: #74b8c3;
    font-size: 15px;
    margin-top: -6px;
	margin-bottom: -6px;
    padding: 0px 7px 2px 6px;
    text-align: center;
	font-weight:normal
}
.p_price_cust {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 0px;
}
.fa.fa-inr{ font-size:13px; 
}

.tabs_c{width:auto; display:table; margin: 0 auto}
.badge_fail h2 { color: #000000; font-size: 16px; font-weight: bold; width: 100%; text-align: center;  float: left; padding-top: 162px;  margin: 0px;  width: 100%;}
.body_cont ul{ padding:0}
.body_cont ul li{ width:50%}
.dpr_anchor {
    margin-left: 0;
    color: #1c8ada !important;
    background: no-repeat;
    padding: 10px !important;
    font-size: 16px !important;
}
.test_icon_btn_top{background: none; width: 49px; margin-left: 10px;padding:0px 25px;}


@media screen and (max-width: 590px){
		.body_cont ul li .circle{ width:160px; height:160px}
		.body_cont{ width:100%}
		.authorDesc{ width:50%}
		.authorRating{ width:50%}
		.descBox .descHeading{font-size: 17px;font-weight: bold;margin-right: 2%;padding-bottom: 5px;width: 98%;}
                .category_left h2{width: 84%; padding:9px 0px 0px 7px;}
				.body_cont ul{ padding-left:10px}
}
@media screen and (max-width: 558px){
	.footer{width:100%}
	.footer ul li{ float:left; width:25%; text-align:center }
	.authorDesc{border-bottom: 1px solid #ccc;border-right: 0 none;padding-bottom: 12px;width: 100%;}
	.authorRating{width: 100%;}
	.authorRating span{ text-align:left}
	.authorRating p{text-align:left}
}
@media only screen and (max-width: 464px){

	.tabs ul li a{font-size:16px;}
	.score_table{width:100%}
	.body_cont ul li{width:48%}
	.body_cont ul li {border-right:1px solid #ccc; border-bottom:1px solid #ccc}
	.body_cont ul li:nth-child(2){border-right:none}
	.body_cont ul li:nth-child(4){border-right:none}
	.body_cont ul li .circle{height:110px; width:110px}
	.body_cont ul li .circle h1{font-size:18px}
	.body_cont ul li .circle h2{font-size:12px}
	.footer_ana{width:100%; display:table; padding:0}
	.footer_ana ul{float:left; width:100%; padding:0px}
	.footer_ana ul li{ float:left; width:25%; text-align:center; box-sizing:border-box; padding:10px 0px }
	.footer_ana ul h1{ color:#fff; font-size:20px; text-align:center; font-family:calibri,calibriregular,inherit,Arial,Helvetica,sans-serif; font-weight:lighter }
	.footer_ana ul p{ color:#fff; font-size:14px; text-align:center; font-family:calibri,calibriregular,Arial,Helvetica,sans-serif}
        .category_left.test_n{width: 59%;}
        .test_n h2{width: 100%}
}

@media screen and (min-width: 360px) and (max-width: 422px){
	.body_cont ul li{width:48%}
	.body_cont ul li {border-right:1px solid #ccc; border-bottom:1px solid #ccc}
	.body_cont ul li:nth-child(2){border-right:none}
	.body_cont ul li:nth-child(4){border-right:none}
	.body_cont ul li .circle{height:110px; width:110px}
	.body_cont ul li .circle h1{font-size:18px}
	.body_cont ul li .circle h2{font-size:13px}
	.body_cont{margin:30px auto}
	.div_downmapp p{font-size:16px;}
	.div_downmapp p img{ padding-left:0px}	

}

@media only screen and (min-width: 320px) and (max-width: 430px){
	.grey_box_cust{width:30.5% !important}
  .cate_inner h1{font-size: 16px;}
}
@media only screen and (min-width: 320px) and (max-width: 720px){
	.grey_box_cust h1{ margin-bottom:0px !important; margin-top:0px !important}
	}

@media only screen and (min-width: 455px) and (max-width: 619px){
	.grey_box_cust{width:31.5% !important}
}

@media only screen and (min-width: 320px) and (max-width: 454px){
	.grey_box_cust{width:30.5% !important}
}

@media screen and (min-width: 320px) and (max-width: 359px) {
	.body_cont ul{padding:0; margin:0}
	.body_cont ul li{width:48%}
	.body_cont ul li {border-right:1px solid #ccc; border-bottom:1px solid #ccc}
	.body_cont ul li:nth-child(2){border-right:none}
	.body_cont ul li:nth-child(4){border-right:none}
	.body_cont ul li .circle{height:110px; width:110px}
	.body_cont ul li .circle h1{font-size:15px}
	.body_cont ul li .circle h2{font-size:13px; margin:0px}
	.body_cont{margin:30px auto}
	.section_table table th{font-size:14px}
	.footer_ana{width:100%; display:table; padding:0}
	.footer_ana ul{float:left; width:100%; padding:0px}
	.footer_ana ul li{ float:left; width:25%; text-align:center; box-sizing:border-box; padding:20px 0px }
	.footer_ana ul h1{ color:#fff; font-size:18px; text-align:center; font-family:weblysleekuisb,inherit,Arial; font-weight:lighter }
	.footer_ana ul p{ color:#fff; font-size:14px; text-align:center; font-family:WeblySleek_ULight}
	.div_downmapp p{font-size:15px;}
	.div_downmapp p img{ padding-left:0px}
        .mbol_img{width: 25px;}

}


@media only screen and (max-width: 320px){
    .badge_fail h2 {
    bottom: 0px;
    color: #000000;
    font-size: 16px;
    line-height: 0px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 0;
    position: absolute;
}

    
}

.loader{ position: fixed;z-index:100;display:none; background:#fff; }
.popUpHeader h1{font-family:calibribold,calibri,calibriregular,Arial,Helvetica,sans-serif;font-weight:400}
.popUpHeader{background:#27cb88;background:-moz-linear-gradient(left,#27cb88 0,#1bc1ac 41%,#12b8c9 63%,#01aafb 100%);background:-webkit-linear-gradient(left,#27cb88 0,#1bc1ac 41%,#12b8c9 63%,#01aafb 100%);background:linear-gradient(to right,#27cb88 0,#1bc1ac 41%,#12b8c9 63%,#01aafb 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cb88', endColorstr='#01aafb', GradientType=1 );float:left;width:100%;border-bottom:1px solid #ccc;padding:10px 0}
.popUpHeader h1{float:left;color:#444;font-size:20px;margin:0}
.subDivHead {    color: #fff;    float: left;    font-family: weblysleek_uilight;    font-size:19px!important;    padding-left: 15px;}

.popupClose {cursor: pointer;float: right;padding: 3px;}
.adjestclose img {  height: 32px !important; right: -10px;   top: -9px;   width: 32px !important;position: absolute; z-index: 5;}
.law_banner_box img 
{
    margin: 0 auto;
    display: block;
    padding-top: 15px;
}
span.right 
{
    float: right;
    margin-right: 15px;
}
.psttitle 
{
    float: left;
    width: 100%;
}
.boxInfo
{
    background: url(/india/images/icons.png) left 2px no-repeat;
    padding: 0 0 0 23px;
/*    float: left;*/
    font-family: calibri,calibriregular,Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    width: 100%;
    margin-top: 12px;
    max-height: 26px;
    display: inline-block;
}
.boxInfo:nth-child(3) 
{
    background-position: left -22px;
}
.dateBox {
    float: left;
    width: 46%;
    margin-top: 10px;
	margin-right: 10px;
}
.start-p-btn {padding: 10px 0px;
display: inline-block;}

.lastDate {
    color: #666666;
    float: left;
    border-radius: 5px;
    font-family: calibri,calibriregular,Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding: 6px 15px;
}
.openings {
    float: right;
    font-size: 14px;
    color: #666;
    font-family: calibri,calibriregular,Arial,Helvetica,sans-serif;
   /* padding-top: 6px;*/
}
.box {
    float: left;
    padding: 15px 15px 20px;
    border-right: 1px solid #e2e2e2;
    width: 100%;
    box-sizing: border-box;
}
.box h2 {
    float: left;
    width: 100%;
    font-family: webly;
    color: #0491cb;
    font-size: 17px;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.middleStrip {
    background: #048bc2;
    width: 100%;
    float: left;
    padding: 7px 10px;
    box-sizing: border-box;
}
.middleStrip .pageHeading {
    color: #fff;
    font-family: webly;
    float: left;
    font-size: 16px;
    padding-top: 4px;
    font-weight: bold;
}
.middleStrip .icons {
    float: right;
    height: 29px;
    margin-left: 10px;
    padding: 4px 0;
    cursor: pointer;
}
.middleStrip .icon {
    float: right;
    height: 29px;
    margin-left: 10px;
    padding: 0px 0;
    cursor: pointer;
}
.mb_srch
{
    display:none;
    position: absolute;
    width: 85%
}
input#searchs 
{
    display: none;
    float:left;
    width: 85%;
    position: absolute;
    left: 10px;
    min-height: 30px;
    padding: 0px 10px 0px 10px;    
/*    background: #f5f5f5 url(/india/images/magnifying-glass.png) no-repeat scroll 7px center;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: none;
    color: #777;
    float: right;
    font-family: calibri,calibriregular,Arial,Helvetica,sans-serif;
    font-size: 15px;
    height: auto!important;
    margin-top: 0;
    padding: 6px 10px 6px 33px;
    width: 85%;*/
}
input#searchs_gvt
{
    display:none;
    width: 85%;
    position: absolute;
    left: 10px;
    min-height: 30px;
    padding: 0px 10px 0px 10px;
}
select#gvtpst {
/*    display:none;*/
    border: 1px solid #b9b9b9;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    border-top-color: #a0a0a0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #666;
/*    margin-bottom: 10px;*/
    width: auto;
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    /*position: absolute;
    left: 5px;*/
}
.fltr_container 
{
    width: 100%;
    float: left;
    height: auto;
    padding: 5px 10px 5px 10px;
}
.appSignup {
    float: left;
    width: 100%;
    background: #eaeaea;
    padding: 6px 15px 6px;
    box-sizing: border-box;
    position: fixed;
    bottom: 0px;
    z-index: 20;
    border-top: 1px solid #0491cb;
}
.appSignup .leftPart {
    width: 75%;
    float: left;
}
.appSignup .leftPart h3 {
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: calibri,calibriregular,Arial,Helvetica,sans-serif;
    font-size: 18px;
    color: #444;
    float: left;
}
.appSignup .leftPart p {
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: calibri,calibriregular,Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #444;
    float: left;
}
.appSignup .signupBtn {
    float: right;
    background: #0491cb;
    font-family: calibri,calibriregular,Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    color: #fff;
    padding: 8px 10px;
    margin-top: 5px;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
}
.mbl_srch input[type="submit"] {
   background: url(/india/images/exam_search-icon.jpg);
    padding: 0px;
    height: 29px;
    color: transparent;
    border: 0px;
    width: auto;
    float: right;
    background-position: 7px 0px, 10px 10px;
    background-repeat: no-repeat;
}
.ajaxloadimg {
    display:none;
    position: absolute;
    width: 100%;
    text-align: 50%;
    top: 50%;
    left: 40%;
    z-index: 999;
}
span.totalrslt {
    padding: 5px 10px 5px 10px;
    float: left;
    font-size: 14px;
    width: 100%;
}
.gvt_filter
{
    display:none;
    float:left;
    height:auto;
    width:100%;
}
.tab_single .wrapper .tab_active
{
  text-decoration: underline;
}
.test_icon_btn_top span.ch-icon
{
  background: rgba(0, 0, 0, 0) url("/india/images/sprite-icon.png") repeat scroll 88px 62px;
    display: block;
    float: right;
    height: 23px;
    width: 22px;
}
.test_icon_btn_top:hover span.ch-icon
{
  background: rgba(0, 0, 0, 0) url("/india/images/sprite-icon.png") repeat scroll 88px 28px;
   display: block;
    float: right;
    height: 23px;
    width: 22px;
}
 
#conChkDiv
{
  z-index: 9999999999999999 !important;
}
.StartBut
{
  bottom: 0px !important;
  width: 100% !important;
  left:0px !important;
  position: fixed !important;
  padding: 13px;
  font-size:16px !important;
  border-radius: 0px !important;
}
button#action
{
  bottom: 0px !important;
  position: relative !important;
}
.test_tab
{
      width: 50%;
    float: left;
    background: #00b5d9;
    border-bottom:4px solid #00b5d9;
    padding:11px;
    text-align: center;
    font-size: 19px;
    margin-top:-1px;
    margin-bottom: 10px;
    color: #fff;
    box-shadow: 8px 4px 4px 1px #ccc;
     -webkit-box-shadow: 8px 4px 4px 1px #ccc;
       -moz-box-shadow: 8px 4px 4px 1px #ccc;
            
}
.test_tab.active_tab
{
   border-bottom:4px solid #fff;
}



@media (min-width:768px) and (max-width:992px)
	
	
{
	.select-style {background: #fff url("/india/images/select-down-arrow.png") no-repeat 98% 50% !important;}
}

.spiritMobileImg01 {
    background: url(/mobile/images/spirit-mobile.png?v=6.1);
    display: inline-block;
}
.spiritImg01{background: url('/india/images/spirit-1.png?ver=27feb20191640'); display: inline-block;}
.hy-drawer-content {z-index:100000 !important;}

.spiritMobilemyact, .spiritMobileplanspricing, .spiritMobiletesthist, .spiritMobilemyfav {
    width: 40px;
    height: 40px;
    background-image: url('/mobile/images/spirit-mobile.png?v=2.8');
    background-repeat: no-repeat;
}
.spiritMobilemyact {background-position: -425px -234px !important;}
.spiritMobileplanspricing {background-position: -353px -234px !important;}
.spiritMobiletesthist{background-position: -554px -234px !important;} 
.spiritMobilemyfav {background-position:-283px -231px !important;}
a.side-anchor {text-decoration:none !important;}
.wrapper_footer{
    max-width: 768px;
    margin: 0 auto;
    padding: 0 5px;
    box-sizing: border-box;
}