@import url(https://www.tcyonline.com/india/css/fontFaimly.css?v3); 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;} .testBox h3 a.testname { color: #143066 !important;} .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 !important; 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%;outline:none} .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); } .newchallengezoneiconimg{background: url('../images/newchallengezonespirit-mobile.png?var=122');} .mob-img-new { background: url('../images/spirit-mobile-2.png?var=5'); display: table; vertical-align: middle; margin: 0 auto; width: 40px; height: 35px} .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-position: 0 -447px; margin-top: 4px;}  .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} .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: 1; 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;margin-bottom: 100px;} .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: 86%; 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?ver=14mar20191412);     display: inline-block; }*/ .spiritImg01{background: url('/india/images/spirit-1.png?ver=27feb20191640'); display: inline-block;}/******************flexslider******************************//* * jQuery FlexSlider v2.6.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * *//* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/@font-face {  font-family: 'flexslider-icon';font-display: swap;  src: url('/india/css/fonts/flexslider-icon.eot');  src: url('/india/css/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/india/css/fonts/flexslider-icon.woff') format('woff'), url('/india/css/fonts/flexslider-icon.ttf') format('truetype'), url('/india/css/fonts/flexslider-icon.svg#flexslider-icon') format('svg');  font-weight: normal;  font-style: normal;}/* ==================================================================================================================== * RESETS * ====================================================================================================================*/.flex-container a:hover,.flex-slider a:hover {  outline: none;}.slides,.slides > li,.flex-control-nav,.flex-direction-nav {  margin: 0;  padding: 0;  list-style: none;  margin-top: 10px;}.flex-pauseplay span {  text-transform: capitalize;}/* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/.flexslider {  margin: 0;  padding: 0;}.flexslider .slides > li {  display: none;  -webkit-backface-visibility: hidden;}.flexslider .slides:after {  content: "\0020";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}html[xmlns] .flexslider .slides {  display: block;}* html .flexslider .slides {  height: 1%;}.no-js .flexslider .slides > li:first-child {  display: block;}/* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/.flexslider {   position: relative;  zoom: 1;}.flexslider .slides {  zoom: 1;}.flexslider .slides img {  -moz-user-select: none;}.flex-viewport {  max-height: 2000px;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease;  transition: all 1s ease;}.loading .flex-viewport {  max-height: 300px;}.carousel li {  margin-right: 5px;}.flex-direction-nav {  *height: 0;}.flex-direction-nav a {  text-decoration: none;  display: block;  width: 40px;  height: 48px;  margin: -20px 0 0;  position: absolute;  top: 50%;  z-index: 10;  overflow: hidden;  opacity: 0;  cursor: pointer;  color: rgba(0, 0, 0, 0.8);  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}.flex-direction-nav a:before {/*    background: url(../images/arrow-right.png) no-repeat;  font-size: 40px;  display: inline-block;  height: 40px;  width: 40px;  color: rgba(0, 0, 0, 0.8);  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);*/font-family: "flexslider-icon";  font-size: 40px;  display: inline-block;  content: '\f001';  color: rgba(0, 0, 0, 0.8);  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}.flex-direction-nav a.flex-prev:before {   /* background: url(../images/arrow-left.png) no-repeat;*/  font-size: 40px;  display: inline-block;  height: 48px;  width: 40px;  color: rgba(0, 0, 0, 0.8);  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}.flex-direction-nav a.flex-next:before {/*  content: '';*/content: '\f002';}.flex-direction-nav a.flex-prev:before {/*  content: '';*/content: '\f001';}.flex-direction-nav .flex-prev {  left: -50px;}.flex-direction-nav .flex-next {  right: -50px;  text-align: right;}.flexslider:hover .flex-direction-nav .flex-prev {  opacity: 0.7;  left: 10px;}.flexslider:hover .flex-direction-nav .flex-prev:hover {  opacity: 1;}.flexslider:hover .flex-direction-nav .flex-next {  opacity: 0.7;  right: 10px;}.flexslider:hover .flex-direction-nav .flex-next:hover {  opacity: 1;}.flex-direction-nav .flex-disabled {  opacity: 0!important;  filter: alpha(opacity=0);  cursor: default;  z-index: -1;}.flex-pauseplay a {  display: block;  width: 20px;  height: 20px;  position: absolute;  bottom: 5px;  left: 10px;  opacity: 0.8;  z-index: 10;  overflow: hidden;  cursor: pointer;  color: #000;}.flex-pauseplay a:before {  font-family: "flexslider-icon";  font-size: 20px;  display: inline-block;  content: '\f004';}.flex-pauseplay a:hover {  opacity: 1;}.flex-pauseplay a.flex-play:before {  content: '\f003';}.flex-control-nav {  width: 100%;  position: absolute;  text-align: center;}.flex-control-nav li {  margin: 0 6px;  display: inline-block;  zoom: 1;  *display: inline;}.flex-control-paging li a {  width: 11px;  height: 11px;  display: block;  background: #666;  background: rgba(0, 0, 0, 0.5);  cursor: pointer;  text-indent: -9999px;  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;}.flex-control-paging li a:hover {  background: #333;  background: rgba(0, 0, 0, 0.7);}.flex-control-paging li a.flex-active {  background: #000;  background: rgba(0, 0, 0, 0.9);  cursor: default;}.flex-control-thumbs {  margin: 5px 0 0;  position: static;  overflow: hidden;}.flex-control-thumbs li {  width: 25%;  float: left;  margin: 0;}.flex-control-thumbs img {  width: 100%;  height: auto;  display: block;  opacity: .7;  cursor: pointer;  -moz-user-select: none;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease;  transition: all 1s ease;}.flex-control-thumbs img:hover {  opacity: 1;}.flex-control-thumbs .flex-active {  opacity: 1;  cursor: default;}/* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/@media screen and (max-width: 860px) {  .flex-direction-nav .flex-prev {    opacity: 1;    left: 10px;  }  .flex-direction-nav .flex-next {    opacity: 1;    right: 10px;  }}/***************slick.css**************//* Slider */ .slick-slider {     position: relative;      display: block;     box-sizing: border-box;      -webkit-user-select: none;        -moz-user-select: none;         -ms-user-select: none;             user-select: none;      -webkit-touch-callout: none;     -khtml-user-select: none;     -ms-touch-action: pan-y;         touch-action: pan-y;     -webkit-tap-highlight-color: transparent; }  .slick-list {     position: relative;      display: block;     overflow: hidden;      margin: 0;     padding: 0; } .slick-list:focus {     outline: none; } .slick-list.dragging {     cursor: pointer;     cursor: hand; }  .slick-slider .slick-track, .slick-slider .slick-list {     -webkit-transform: translate3d(0, 0, 0);        -moz-transform: translate3d(0, 0, 0);         -ms-transform: translate3d(0, 0, 0);          -o-transform: translate3d(0, 0, 0);             transform: translate3d(0, 0, 0); }  .slick-track {     position: relative;     top: 0;     left: 0;      display: block;     margin-left: auto;     margin-right: auto; } .slick-track:before, .slick-track:after {     display: table;      content: ''; } .slick-track:after {     clear: both; } .slick-loading .slick-track {     visibility: hidden; }  .slick-slide {     display: none;     float: left;      height: 100%;     min-height: 1px; } [dir='rtl'] .slick-slide {     float: right; } .slick-slide img {     display: block; } .slick-slide.slick-loading img {     display: none; } .slick-slide.dragging img {     pointer-events: none; } .slick-initialized .slick-slide {     display: block; } .slick-loading .slick-slide {     visibility: hidden; } .slick-vertical .slick-slide {     display: block;      height: auto;      border: 1px solid transparent; } .slick-arrow.slick-hidden {     display: none; } 
/*********************slick_new.css***************/
@charset 'UTF-8'; /* Slider */ .slick-loading .slick-list {     background: #fff; /*url('./ajax-loader.gif') center center no-repeat;*/ }  /* Icons */ @font-face {     font-family: 'slick';     font-weight: normal;     font-style: normal;  /*    src: url('./fonts/slick.eot');*/ /*    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');*/ } /* Arrows */ .slick-prev, .slick-next {     font-size: 0;     line-height: 0;      position: absolute;     top: 50%;      display: block;      width: 20px;     height: 20px;     padding: 0;     -webkit-transform: translate(0, -50%);     -ms-transform: translate(0, -50%);     transform: translate(0, -50%);      cursor: pointer;      color: transparent;     border: none;     outline: none;     background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {     color: transparent;     outline: none;     background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {     opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {     opacity: .25; }  .slick-prev:before, .slick-next:before {     font-family: 'slick';     font-size: 20px;     line-height: 1;      opacity: .75;     color: white;      -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; }  .slick-prev {     left: -25px; } [dir='rtl'] .slick-prev {     right: -25px;     left: auto; } .slick-prev:before {     content: '�?'; } [dir='rtl'] .slick-prev:before {     content: '→'; }  .slick-next {     right: -25px; } [dir='rtl'] .slick-next {     right: auto;     left: -25px; } .slick-next:before {     content: '→'; } [dir='rtl'] .slick-next:before {     content: '�?'; }  /* Dots */ .slick-dotted.slick-slider {     margin-bottom: 30px;     padding-bottom: 0; }  .slick-dots {     /*position: absolute;*/     bottom: -25px;      display: block;      width: 100%;     padding: 0;     margin: 0;      list-style: none;      text-align: center; } .slick-dots li {     position: relative;      display: inline-block;      width: 20px;     height: 20px;     margin: 0 0px !important;     padding: 0;      cursor: pointer; } .slick-dots li button {     font-size: 0;     line-height: 0;      display: block;      width: 20px;     height: 20px;     padding: 5px;      cursor: pointer;      color: transparent;     border: 0;     outline: none;     background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus {     outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before {     opacity: 1; } .slick-dots li button:before {     font-family: 'slick';     font-size: 6px;     line-height: 20px;      position: absolute;     top: 0;     left: 0;      width: 20px;     height: 20px;      content: '•';     text-align: center;      opacity: .25;     color: #16336b;      -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before {     opacity: .75;     color: #16336b; } /***********************drawer.css***********************/@media screen {   .hy-drawer-scrim {     position: fixed;     top: 0;     left: 0;     height: 100vh;     width: 100vw;     z-index: 20;     opacity: 0;     pointer-events: none;     background: rgba(0, 0, 0, 0.5);     transform: translateX(0);     -webkit-tap-highlight-color: transparent;   }    .hy-drawer-content {     position: fixed;     top: 0;     height: 100vh;     z-index: 101;     overflow-x: hidden;     overflow-y: auto;     transform: translateX(0);     width: 300px;     background: #e8e8e8;     box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);     contain: strict;     -webkit-overflow-scrolling: touch;   }    .hy-drawer-content.hy-drawer-left {     left: -300px;   }    .hy-drawer-content.hy-drawer-right {     right: -300px;   }    .hy-drawer-content.hy-drawer-left.hy-drawer-opened {     left: 0 !important;     transform: translateX(0) !important;   }    .hy-drawer-content.hy-drawer-right.hy-drawer-opened {     right: 0 !important;     transform: translateX(0) !important;   }    .hy-drawer-grab {     cursor: move;     cursor: -webkit-grab;     cursor: -moz-grab;     cursor: grab;   }    .hy-drawer-grabbing {     cursor: -webkit-grabbing;     cursor: -moz-grabbing;     cursor: grabbing;   } }  @media print {   .hy-drawer-scrim {     display: none !important;   }    .hy-drawer-content {     transform: none !important;   } } 
.hy-drawer-content {z-index:100000 !important;}
a.side-anchor {text-decoration:none !important;};