h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height:1.3!important;
}


/* Firefox */
body {
  scrollbar-width: 15px;          /* "auto" or "thin" */
  /* scrollbar-color: blue orange;   /* scroll thumb and track */ */
  /* background:lightgray; */
}
/* Chrome */
/* ::-webkit-scrollbar {
    width: 7px;
    background:lightgray;
    -webkit-appearance: none;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,255,1)!important;
    border-radius: 15px!important;
}

::-webkit-scrollbar-thumb {
    border-radius: 15px!important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)!important;
    background:linear-gradient( #4768DC 0.67%, #AD6AB4 100%)!important;
    background:#000!important;
} */

/* ************************************************************************************ */

body{
  overflow-x: hidden;
}

.zoom {
	transition: transform .5s;
  cursor: pointer;
}

.zoom:hover {
	transform: scale(1.05)
}

.benefits-material .top-content {
	font-size: 16px;
	color: #474747;
	line-height: 1.6;
	margin-bottom: 40px
}

.learning-program .section-feestruct .box.sixtysteps {
	min-height: 270px !important
}

.learning-program.sixty-steps .section-prelims .row .column .packbox .subheading .tag {
	background: linear-gradient(to bottom, #27adb9 0%, #14c3e5 100%)
}

.section-banner.sixty-steps [class*=banner-].banner-static {
	width: 100%
}

.section-banner.sixty-steps .banner-static .slider .slick-slide img {
	width: 100%;
	max-width: 1250px
}

.learning-program.sixty-steps .benefits-material {
	padding: 20px 0;
	border-top: none
}

.learning-program.sixty-steps .benefits-material .heading-row {
	display: inline-block;
	width: 100%;
	padding-bottom: 20px
}

.detail-box.detail-box-new.help {
	background-color: #14c3e5;
	color: #000;
	width: 90%;
	min-height: 230px;
	padding-top: 15%
}

.detail-box.detail-box-new.help h2 {
	font-size: 16px !important;
	font-weight: 700
}

.detail-box.detail-box-new.help h2 a {
	color: #000;
	font-size: 16px !important
}

.desktop-ad-banner {
	display: block
}

.mobile-ad-banner {
	display: none
}

.section-banner .loader1 {
	z-index: 2;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, .9)
}

.section-banner .loader1 span {
	position: absolute;
	left: 47%;
	top: 45%;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 2px solid #ff5ca3;
	border-right-color: #fff;
	animation: loader .4s linear infinite;
	-webkit-animation: loader .4s linear infinite
}

.oldprice {
	text-decoration: line-through
}

.numberlist,
.lower-alpha,
.upper-alpha {
	font-size: 16px !important;
	margin: 0 !important;
	padding-bottom: 15px !important
}

ol.numberlist li,
.article-list .list-category article ol.numberlist li {
	width: 95% !important;
	position: relative !important;
	list-style-type: decimal !important;
	list-style-position: outside;
	display: list-item;
	margin-left: 20px;
	border: 0 !important;
	padding: 0 !important
}

ol.lower-alpha li,
.article-list .list-category article ol.lower-alpha li {
	width: 95% !important;
	position: relative !important;
	list-style-type: lower-alpha !important;
	list-style-position: outside;
	display: list-item;
	margin-left: 20px;
	border: 0 !important;
	padding: 0 !important
}

ol.upper-alpha li,
.article-list .list-category article ol.upper-alpha li {
	width: 95% !important;
	position: relative !important;
	list-style-type: upper-alpha !important;
	list-style-position: outside;
	display: list-item;
	margin-left: 20px;
	border: 0 !important;
	padding: 0 !important
}

.btn-red {
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	text-align: center;
	background-color: #ff5353;
	padding: 13px 30px;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	-o-transition: all linear .2s;
	transition: all linear .2s;
	position: relative
}

.btn-red:hover {
	background-color: #14c3e5;
	color: #fff
}

.according h3 {
	cursor: pointer;
	position: relative
}

.according h3::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	width: 20px;
	height: 20px;
	background: url(../img/plus-icon.png) no-repeat top center
}

.according.open h3::after {
	height: 2px;
	background: url(../img/plus-icon.png) no-repeat bottom center
}

.alert.alert-success {
	background: #090 url(../img/msg-success.png) no-repeat 10px 7px;
	padding: 7px 10px 7px 35px;
	color: #fff;
	font-weight: 500;
	margin: 10px 0;
	font-size: 14px
}

.alert.alert-success strong {
	font-weight: 500
}

.alert.alert-success button {
	display: none
}

.alert.alert-error {
	background: red url(../img/msg-cancel.png) no-repeat 10px 7px;
	padding: 7px 10px 7px 35px;
	color: #fff;
	font-weight: 500;
	margin: 10px 0;
	font-size: 14px
}

.alert.alert-error strong {
	font-weight: 500
}

.alert.alert-error button {
	display: none
}

#subscriptionfrm #contactmsg {
	text-align: left;
	background-color: green;
	color: #fff;
	padding: 10px;
	font-size: 14px;
	display: none
}

#subscriptionfrm #contactmsg.error {
	background-color: red
}

.comin-soon-content .col-6 {
	width: 49%;
	display: inline-block;
	vertical-align: middle
}

.contact-block.new-page {
	margin-top: 40px
}

.contact-block.new-page label {
	display: inline-block;
	font-size: 13px;
	line-height: 19px
}

.contact-block.new-page .contact-form h3 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 15px;
	margin-top: 20px
}

.contact-block.new-page .contact-form h4 {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 20px
}

.contact-form .browse {
	margin: 0 0 15px;
	padding: 15px;
	background-color: #efefef
}

.contact-form .browse label {
	margin: 0 0 5px;
	font-size: 16px;
	color: red;
	font-weight: 400
}

.contact-form input[type=file] {
	padding: 6px;
	border: 1px solid #efefef;
	height: auto;
	width: 100%
}

.contact-block.new-page .address-info {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0
}

.popup-cont .intro .comin-soon-content h2 {
	margin: 0;
	font-weight: 100;
	text-transform: uppercase
}

.popup-cont .intro .comin-soon-content h2 strong {
	font-weight: 700;
	display: block
}

.popup-cont .intro .comin-soon-content p {
	color: #000;
	font-size: 20px;
	font-weight: 300;
	margin: 20px 0 80px
}

.comin-soon-content ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.comin-soon-content ul li {
	display: inline-block
}

.comin-soon-content ul li a {
	width: 180px;
	display: inline-block;
	text-align: left;
	border: #f0f0f0 solid 2px;
	border-radius: 3px;
	padding: 15px 15px 15px 60px;
	color: #585858;
	margin: 0 20px 0 0;
	cursor: default
}

.comin-soon-content ul li a:hover {
	color: #fff;
	border-color: #252525
}

.comin-soon-content ul li:first-child a {
	background: url(../img/apple.png) 30px 14px no-repeat;
	cursor: pointer
}

.comin-soon-content ul li:nth-child(2) a {
	background: url(../img/play-store.png) 35px center no-repeat;
	background-size: 20px;
	cursor: pointer
}

.comin-soon-content ul li:nth-child(2) a:hover {
	background: #252525 url(../img/play-store.png) 35px center no-repeat;
	background-size: 20px;
	cursor: pointer
}

.comin-soon-content ul li:first-child a:hover {
	background: #252525 url(../img/apple-hover.png) 30px 14px no-repeat;
	cursor: pointer
}

.intro.app-coming-soon {
	padding: 50px
}

.top-bar--anouncements a {
	color: #fff
}

.article-list .list-category article .article-detail h3 a {
	display: block;
	z-index: 1;
	position: relative
}

.article-list .list-category article ol.normal-list li {
	font-size: 16px;
	width: 100%;
	list-style: square;
	display: list-item;
	list-style-position: inside;
	padding: 0 15px 7px
}

.article-list .list-category article ol.normal-list li a {
	color: #474747
}

.article-list .list-category article ol.normal-list li span {
	font-size: 11px;
	margin: 0 0 0 30px;
	color: #666;
	font-style: italic;
	position: relative
}

.article-list .list-category article ol.normal-list li span::before {
	background: url(../img/icons/icon-archive-month.png) no-repeat left top;
	width: 11px;
	height: 10px;
	background-size: contain;
	position: absolute;
	left: -14px;
	top: 1px;
	content: ''
}

#loginmsg {
	color: #f00000;
	font-size: 14px;
	padding: 0;
	margin: 0;
	display: inline-block
}

#regmsg {
	color: #f00000;
	font-size: 14px;
	padding: 0;
	margin: 0;
	display: inline-block
}

#nmsg {
	color: #f00000;
	font-size: 14px;
	padding: 0;
	margin: 0;
	display: inline-block;
	margin-top: 10px
}

.top-bar--anouncements {
	height: 30px;
	overflow: hidden
}

.top-bar--anouncements p {
	line-height: 1.6
}

.section-banner [class*=banner-].banner-slider,
.section-banner [class*=banner-].banner-static {
	min-height: 261px
}

.testseries-banner .bemainsready .bannertext {
	bottom: 100px !important
}

#accordion table td ul {
	padding-left: 24px !important
}

.learning-program .section-prelims .row .column .packbox ul.arrowlist.sixtysteps li a::after {
	background: 0 0
}

@media all and (max-width:767px) {
	.article-list .list-category article .article-detail img.zoom {
		margin: 0
	}

	.learning-program .section-prelims .row .column .packbox ul.arrowlist {
		margin-top: 20px
	}

	.detail-box.detail-box-new.help {
		width: 100%;
		min-height: auto;
		padding-top: 10%
	}

	.detail-box.detail-box-new.content {
		margin-bottom: 0
	}

	.learning-program .section-feestruct .box.sixtysteps {
		min-height: 160px !important
	}

	.desktop-ad-banner {
		display: none
	}

	.mobile-ad-banner {
		display: block
	}

	.testseries-banner .bemainsready .bannertext {
		bottom: 0 !important
	}

	.contact-block.new-page .address-info {
		position: relative
	}

	.section-banner [class*=banner-].banner-slider,
	.section-banner [class*=banner-].banner-static {
		min-height: 230px
	}
}

.tag-heading {
	text-align: center;
	padding: 25px 0;
	background: url(../img/tags-related-textbg.png) no-repeat center center;
	background-size: 100% auto;
	font-weight: 400
}

.section-promotion .tag-cloud a {
	line-height: 1.8 !important
}

.mcqquiz-block {
	position: relative;
	padding-left: 140px;
	font-size: 16px;
	color: #7a7a7a;
	font-weight: 400;
	line-height: 1.4
}

.mcqquiz-block ul.tabs {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 116px;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid rgba(0, 0, 0, .1);
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%
}

.mcqquiz-block ul.tabs li {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 15px 10px;
	background-color: #f7f7f7;
	border-top: 1px solid rgba(0, 0, 0, .1);
	text-align: center;
	font-size: 13px;
	color: #7a7a7a;
	line-height: 1.2;
	text-transform: uppercase;
	cursor: pointer
}

.mcqquiz-block ul.tabs li a {
	color: #7a7a7a
}

.mcqquiz-block ul.tabs li a:hover {
	color: #000
}

.mcqquiz-block ul.tabs li.active a {
	color: #000
}

.mcqquiz-block ul.tabs li:first-child {
	border-top: 0 solid rgba(0, 0, 0, .1)
}

.mcqquiz-block ul.tabs li:hover {
	background: linear-gradient(to right, #fff, #fff)
}

.mcqquiz-block ul.tabs li.active {
	background: linear-gradient(to right, #fff, #fff)
}

.mcqquiz-block ul.tabs li a img {
	display: block;
	margin: 0 auto 10px;
	width: 38px;
	height: auto;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%)
}

.mcqquiz-block ul.tabs li a:hover img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%)
}

.mcqquiz-block ul.tabs li.active a img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%)
}

.mcqquiz-block ul.tabs li small {
	font-size: 16px
}

.mcqquiz-block .tab-content {
	display: none;
	padding: 45px;
	background-color: #fff;
	border: 1px solid #eceff4;
	box-shadow: 0 0 15px #eceff4;
	border-radius: 4px
}

.mcqquiz-block .tab-content.active {
	display: block;
	min-height: 891px
}

.mcqquiz-block .tab-content h2 {
	margin: 0 0 30px;
	color: #000
}

.mcqquiz-block .tab-content ol {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.mcqquiz-block .tab-content ol li {
	position: relative;
	padding: 20px 230px 20px 0;
	border-top: 1px solid #ececec;
	color: #333
}

.mcqquiz-block .tab-content ol li .analysis-btn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.mcqquiz-block .tab-content ol li .analysis-btn a {
	width: auto;
	height: 35px;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 10px;
	padding: 0 15px;
	border: 1px solid #cfcfcf;
	text-align: center;
	font-size: 13px;
	color: #303030;
	line-height: 33px;
	text-transform: uppercase
}

.mcqquiz-block .tab-content ol li .start-quiz:hover {
	color: #fff;
	background: linear-gradient(#777, #111);
	border-color: #000
}

.list-title .breadcrumb ul li.ins::before {
	display: none
}

.instruction {
	width: 36px;
	height: 36px;
	display: inline-block;
	position: relative;
	background: linear-gradient(#ed4757, #dd4c75);
	border-radius: 4px
}

.instruction::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 3px;
	height: 16px;
	background: url(../img/icons/icon-instruction.png) no-repeat left top
}

.quiz-block {
	position: relative;
	padding: 45px;
	background-color: #fff;
	border: 1px solid #eceff4;
	box-shadow: 0 0 15px #eceff4;
	border-radius: 4px;
	font-size: 16px;
	color: #7a7a7a;
	font-weight: 400;
	line-height: 1.4
}

.quiz-block .block-title {
	display: block;
	margin: 0 0 30px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ececec;
	font-size: 24px;
	color: #3b332c;
	font-weight: 500;
	line-height: 1
}

.quiz-block .block-title::after {
	content: "";
	display: table;
	clear: both
}

.quiz-block .block-title .time {
	float: left
}

.quiz-block .block-title .count {
	float: right
}

.quiz-block p {
	margin: 0 0 10px;
	color: #333;
	font-weight: 400
}

.quiz-block li {
	color: #333;
	font-size: 16px
}

.quiz-block p strong {
	color: #111;
	font-weight: 400
}

.quiz-block .radio-block {
	margin: 35px -10px 0;
	font-size: 0
}

.quiz-block .radio-block .custom-answer {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	cursor: pointer;
	margin-bottom: 20px;
	padding: 0 10px
}

.quiz-block .radio-block .custom-answer input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0
}

.quiz-block .radio-block .custom-answer input+label {
	display: block;
	padding: 20px 20px 20px 75px;
	border: 1px solid #dfe4e8;
	border-radius: 4px;
	font-size: 16px;
	color: #474747;
	line-height: 1
}

.quiz-block .radio-block .custom-answer input+label span {
	position: absolute;
	left: 30px;
	top: 13px;
	width: 32px;
	height: 32px;
	background-color: #fff;
	border: 1px solid #cdd1d9;
	border-radius: 32px;
	text-align: center;
	line-height: 30px
}

.quiz-block .radio-block .custom-answer input:checked+label {
	color: #fff;
	background: #8ed6e5
	/* border-color: #27adb9 */
}

.quiz-block .radio-block .custom-answer input:checked+label p{
  color: #fff;
}

.quiz-block .radio-block .custom-answer input:checked+label span {
	color: #000;
	font-weight: 500
}

.quiz-block .checkedinfo {
	display: block;
	margin: 0 0 40px;
	font-size: 16px;
	color: #3b332c;
	font-weight: 500;
	line-height: 1;
  /* width: 100%!important; */
  /* text-align:center; */
}

.quiz-block .checkedinfo::after {
	content: "";
	display: table;
	clear: both
}

.quiz-block .checkedinfo .finish {
	float: left
}

.quiz-block .checkedinfo .finish a.btn-small {
	width: auto;
	display: inline-block;
	padding: 12px 24px;
	border: 1px solid #ed4757;
	font-size: 14px;
	color: #999;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
	background: linear-gradient(#ed4757, #dd4c75);
	color: #fff
}

.quiz-block .checkedinfo .finish a.btn-small:hover {
	color: #fff;
	background: linear-gradient(#27adb9, #27b999);
	border-color: #27adb9
}

.quiz-block .checkedinfo .review {
	float: right;
	font-size: 18px;
	font-weight: 400
}

.quiz-block .checkedinfo .review input {
	margin: 2px 10px 0 0
}

.quiz-block .buttons-group {
	display: block;
	font-size: 16px;
	color: #3b332c;
	font-weight: 500;
	line-height: 1
}

.quiz-block .buttons-group::after {
	content: "";
	display: table;
	clear: both
}

.quiz-block .buttons-group .prev {
	float: left
}

.quiz-block .buttons-group .next {
	float: right
}

.quiz-block .buttons-group button {
	width: 160px;
	height: 45px;
	display: inline-block;
	background: #8ed6e5
	border-color: #27adb9;
	text-align: center;
	border-radius: 6px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1
}

.quiz-block .buttons-group button:hover {
	background: linear-gradient(#ed4757, #dd4c76);
	border-color: #dd4c76
}

.result-block {
	position: relative;
	padding: 45px;
	background-color: #fff;
	border: 1px solid #eceff4;
	box-shadow: 0 0 15px #eceff4;
	border-radius: 4px;
	font-size: 16px;
	color: #7a7a7a;
	font-weight: 400;
	line-height: 1.4
}

.result-block .block-title {
	display: block;
	margin: 0 0 30px;
	text-align: center;
	font-size: 24px;
	color: #3b332c;
	font-weight: 500;
	line-height: 1
}

.result-block .qsigns {
	display: block;
	margin: 0 0 50px;
	padding: 30px 0;
	background-color: #eeeff1;
	border-radius: 4px;
	text-align: center
}

.result-block .qsigns ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 0
}

.result-block .qsigns ul li {
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
	font-size: 16px;
	color: #474747;
	font-weight: 400;
	line-height: 32px
}

.result-block .qsigns ul li span {
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	border-radius: 32px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	line-height: 32px
}

.result-block .qsigns ul li.correct span {
	background-color: #27b4a7
}

.result-block .qsigns ul li.incorrect span {
	background-color: #e74963
}

.result-block .qsigns ul li.unattempt span {
	background-color: #bfc4ce
}

.result-block .result-graph {
	display: block;
	text-align: center;
	font-size: 0
}

.result-block .result-graph::after {
	content: "";
	display: table;
	clear: both
}

.result-block .result-graph .btn-block,
.result-block .result-graph .graph-block {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #2d2d2d;
	line-height: 1
}

.result-block .result-graph .btn-block p {
	margin: 0 0 15px
}

.result-block .result-graph .btn-block p#rank {
	font-size: 18px;
	color: #ed4757;
	font-weight: 700
}

.result-block .result-graph .btn-block span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	font-size: 58px;
	color: #27b3a9;
	line-height: 1.2
}

.result-block .result-graph .btn-block a.btn-analysis {
	width: 160px;
	height: 45px;
	display: inline-block;
	margin: 0 7px;
	background: linear-gradient(#ed4757, #dd4c76);
	border-color: #dd4c76;
	text-align: center;
	border-radius: 2px;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 45px
}

.result-block .result-graph .btn-block a.btn-quiz {
	width: 160px;
	height: 45px;
	display: inline-block;
	margin: 0 7px;
	background: linear-gradient(#27adb9, #27b999);
	border-color: #27adb9;
	text-align: center;
	border-radius: 2px;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 45px
}

.result-block .result-graph .btn-block a.btn-analysis:hover,
.result-block .result-graph .btn-block a.btn-quiz:hover {
	background: linear-gradient(to right, #50a9fc, #2f6dc9);
	border-color: #2f6dc9
}

.answer-block {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 45px 0 45px 75px;
	border-top: 1px solid #ececec
}

.answer-block:first-child {
	border-top: 0 solid #ececec;
	padding: 45px 0 45px 75px
}

.answer-block i {
	position: absolute;
	left: 0;
	top: 45px;
	font-size: 40px;
	color: #dbdbdb;
	line-height: 1;
	font-style: normal
}

.correct > label > p{
  color: #fff;
}

.incorrect > label > p{
  color: #fff;
}

.answer-block p {
	margin: 0 0 0;
	font-size: 16px;
	color: #222;
	font-weight: 400;
	line-height: 1.8
}

.answer-block p strong {
	color: #111;
	font-weight: 700
}

.answer-block h5 {
	margin: 0 0 20px;
	font-size: 22px;
	color: #2d2d2d;
	font-weight: 400;
	line-height: 1
}

.answer-block .radio-block {
	margin: 35px -10px 15px;
	font-size: 0
}

.answer-block .custom-answer {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	cursor: pointer;
	margin-bottom: 20px;
	padding: 0 10px
}

.answer-block .custom-answer label {
	display: block;
	padding: 20px 20px 20px 75px;
	border: 1px solid #dfe4e8;
	border-radius: 4px;
	font-size: 16px;
	color: #474747;
	line-height: 1
}

.answer-block .custom-answer label span {
	position: absolute;
	left: 30px;
	top: 13px;
	width: 32px;
	height: 32px;
	background-color: #fff;
	border: 1px solid #cdd1d9;
	border-radius: 32px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	z-index: 1
}

.answer-block .custom-answer.correct label {
	color: #fff;
	background: linear-gradient(#27adb9, #27b999);
	border-color: #27adb9
}

.answer-block .custom-answer.correct label span {
	color: #000;
	font-weight: 500
}

.answer-block .custom-answer.incorrect label {
	color: #fff;
	background: linear-gradient(#ed4757, #dd4c76);
	border-color: #dd4c76
}

.answer-block .custom-answer.incorrect label span {
	color: #000;
	font-weight: 500
}

.answer-block .custom-answer.unattempt label {
	color: #474747;
	background: linear-gradient(#eeeff1, #eeeff1);
	border-color: #eeeff1
}

.answer-block .custom-answer.unattempt label span {
	color: #000;
	font-weight: 500
}

a.btn-close,
a.btn-download {
	width: 160px;
	height: 45px;
	display: inline-block;
	margin-right: 15px;
	background: linear-gradient(#ed4757, #dd4c76);
	border-color: #dd4c76;
	text-align: center;
	border-radius: 2px;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 45px
}

a.btn-close:hover,
a.btn-download:hover {
	background: linear-gradient(to right, #50a9fc, #2f6dc9);
	border-color: #2f6dc9
}

.list-category .answers-list {
	display: none
}

.quizfrm .custom-question {
	width: 60%;
	float: left;
	height: 290px;
	overflow-y: auto
}

.quizfrm #answer_panel {
	width: 40%;
	float: left
}

.quiz-block .quizfrm .radio-block {
	margin: 0
}

.quiz-block .quizfrm .radio-block .custom-answer {
	width: 100%
}

.quiz-block .quizfrm .radio-block .custom-answer input+label span {
	z-index: 1;
	font-size: 14px
}

.quiz-block .quizfrm .radio-block .custom-answer input+label {
	cursor: pointer;
	width: 100%
}

.quizfrm .custom-answer label p {
	margin: 0
}

.list-category .quiz-block .checkedinfo {
	display: inline-block;
	float: right;
	margin: -9px 0 0 30px
}

.row .column.two:first-child {
	width: 50%
}

.row .column.two:nth-child(2) {
	width: 50%
}

.list-title .column.two h2 {
	padding-top: 5px
}

.quiz-block .buttons-group button.disabled {
	opacity: .4;
	cursor: no-drop
}

.quiz-block .buttons-group button.disabled:hover {
	background: linear-gradient(#27adb9, #27b999);
	border-color: #dd4c76
}

.info-icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	font-style: normal;
	text-transform: lowercase;
	background: linear-gradient(#ed4757, #dd4c75);
	text-align: center;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	border-radius: 50%;
	margin: 0 5px 0 0
}

.Instructions {
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .8);
	width: 100%;
	height: 100%;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	transition: all .4s ease
}

.Instructions.show {
	opacity: 1;
	visibility: visible
}

.popup-content {
	width: 800px;
	background-color: #fff;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	position: absolute;
	text-align: left;
	padding: 0 0 20px
}

.popup-content .popup-content-scroll {
	height: 450px;
	width: 100%;
	overflow-y: auto;
	padding: 20px;
	line-height: 24px;
	font-size: 15px
}

.popup-content .close-popup {
	width: 37px;
	height: 37px;
	display: inline-block;
	background: -moz-linear-gradient(-45deg, #ed4757 0%, #dd4c76 100%);
	background: -webkit-linear-gradient(-45deg, #ed4757 0%, #dd4c76 100%);
	background: linear-gradient(-45deg, #ed4757 0%, #dd4c76 100%);
	border-radius: 50%;
	position: absolute;
	right: -17px;
	top: -17px;
	cursor: pointer;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear
}

.popup-content .close-popup:hover {
	background: linear-gradient(135deg, #36e5d0 0%, #36b5d0 100%);
	background: -moz-linear-gradient(135deg, #36e5d0 0%, #36b5d0 100%);
	background: -webkit-linear-gradient(135deg, #36e5d0 0%, #36b5d0 100%);
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg)
}

.popup-content .close-popup::after {
	content: "";
	position: absolute;
	left: 12px;
	top: 18px;
	width: 14px;
	height: 2px;
	background-color: #fff;
	transform: rotate(-45deg)
}

.popup-content .close-popup::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 12px;
	width: 2px;
	height: 14px;
	background-color: #fff;
	transform: rotate(-45deg)
}

.list-category .quiz-block .checkedinfo.mob {
	display: none
}

.list-category .downloadlist .column {
	width: 33.3%;
	transition: all .3s ease
}

.list-category .downloadlist .column .slide {
	border: none;
	box-shadow: none;
	border-radius: 2px;
	padding: 20px 120px 20px 20px;
	transition: all .3s ease
}

.article-list .list-category article .downloadlist p {
	min-height: 99px;
	text-align: left;
	color: #fff
}

.list-category .downloadlist .column .slide span {
	display: block;
	margin: 15px 0 0;
	padding: 0 0 0 25px;
	color: #fff !important;
	background: url(../img/icons/icon-date-white.png) no-repeat left 0;
	font-size: 14px;
	line-height: 16px;
	opacity: .75
}

.list-category .downloadlist .column:nth-child(5n+2) .slide p span {
	color: #518f81
}

.list-category .downloadlist .column:nth-child(5n+3) .slide p span {
	color: #a27c7c
}

.list-category .downloadlist .column:nth-child(5n+4) .slide p span {
	color: #64939c
}

.list-category .downloadlist .column:nth-child(5n+5) .slide p span {
	color: #867fa3
}

.list-category .downloadlist .column:nth-child(5n+1) .slide {
	background-color: #fba113
}

.list-category .downloadlist .column:nth-child(5n+1):hover .slide {
	background-color: #ef9508
}

.list-category .downloadlist .column:nth-child(5n+2) .slide {
	background-color: #27b999
}

.list-category .downloadlist .column:nth-child(5n+2):hover .slide {
	background-color: #1aa889
}

.list-category .downloadlist .column:nth-child(5n+3) .slide {
	background-color: #f47c7c
}

.list-category .downloadlist .column:nth-child(5n+3):hover .slide {
	background-color: #e46666
}

.list-category .downloadlist .column:nth-child(5n+4) .slide {
	background-color: #14c3e5
}

.list-category .downloadlist .column:nth-child(5n+4):hover .slide {
	background-color: #02b3d6
}

.list-category .downloadlist .column:nth-child(5n+5) .slide {
	background-color: #ff668f
}

.list-category .downloadlist .column:nth-child(5n+5):hover .slide {
	background-color: #ee4c77
}

.list-category .downloadlist .column:nth-child(5n+6) .slide {
	background-color: #8f72ff
}

.list-category .downloadlist .column:nth-child(5n+6):hover .slide {
	background-color: #7455ed
}

.list-category .downloadlist .slide p {
	margin: 0 0 0 !important
}

.list-category .downloadlist .slide a.download {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	background: url(../img/icons/icon-downloadlist-pdf.png) no-repeat left 0;
	font-size: 0;
	opacity: 1
}

.list-category .downloadlist .slide a.edit {
	position: absolute;
	right: 66px;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	background: url(../img/icons/icon-downloadlist-edit.png) no-repeat left 0;
	font-size: 0;
	opacity: 1
}

.list-category .downloadlist .slide a.download:hover,
.list-category .downloadlist .slide a.edit:hover {
	opacity: .75
}

.archive.newsarchive {
	box-shadow: 0 0 3px rgba(0, 0, 0, .1);
	padding: 20px;
	margin: 30px 0 0
}

.article-list .list-category article .archive.newsarchive p {
	margin: 0 0 10px
}

.archive.newsarchive .column.two {
	width: 100%;
	margin: 0 0 10px
}

.archive.newsarchive .column.two input {
	height: 40px;
	background: url(../img/icons/icon-affairs-calender.png) no-repeat 96% center;
	padding-right: 40px;
	box-shadow: none
}

.archive.newsarchive .column.full .btn-blue {
	width: 100%
}

@media only screen and (max-width:1024px) {
	.list-title .column.two h2 {
		font-size: 20px;
		line-height: 2
	}

	.graph-block svg,
	.graph-block div[dir=ltr] {
		width: 400px !important
	}

	.bysubject .column,
	.byyear .column {
		width: 33.3%
	}
}

.testseries-banner {
	position: relative;
	height: 606px;
	border-top: 1px solid #fff;
	background: url(../img/test-series-banner.jpg) no-repeat center bottom;
	text-align: right
}

.testseries-banner img {
	opacity: 0;
	width: 100%
}

.testseries-banner .bannertext {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px
}

.testseries-banner .bannertext .content-block {
	width: 620px;
	display: inline-block;
	vertical-align: top;
	padding-right: 60px;
	text-align: left
}

.testseries-banner .bannertext .content-block h3 {
	margin: 0 0 20px;
	font-size: 28px;
	color: #747474;
	font-weight: 300;
	line-height: 1
}

.testseries-banner .bannertext .content-block h2 {
	margin: 0 0 25px;
	font-size: 50px;
	color: #000;
	font-weight: 700;
	line-height: 1.2
}

.testseries-banner .bannertext .content-block h2 strong {
	display: block;
	font-size: 78px
}

.testseries-banner .bannertext .content-block p {
	margin: 0 0 45px;
	font-size: 20px;
	color: #747474;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: 1px
}

.testseries-banner .bannertext .content-block p:last-child {
	margin: 0 0 0
}

.testseries-banner .bannertext .content-block p:last-child {
	margin: 0 0 0
}

a.btn.red {
	position: relative;
	padding: 17px 80px 17px 40px;
	background-color: #ff5353;
	border-radius: 50px;
	font-size: 18px;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

a.btn.red::before {
	content: "";
	position: absolute;
	right: -35px;
	top: 50%;
	transform: translateY(-50%);
	width: 90px;
	height: 12px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

a.btn.red:hover {
	background: linear-gradient(to right, #36e2d0 0%, #36b7d0 100%)
}

a.btn.red:hover::before {
	right: -50px
}

.white-text {
	padding: 90px 0 10px
}

.white-text p {
	margin: 0 0 35px;
	font-size: 18px;
	color: #747474;
	font-weight: 300;
	line-height: 1.6
}

.structure-text {
	padding: 70px 0;
	background-color: #f6f6f6;
	font-size: 0
}

.structure-text .slide {
	width: 60%;
	display: inline-block;
	vertical-align: top
}

.structure-text .content {
	width: 40%;
	display: inline-block;
	vertical-align: top;
	padding-right: 60px
}

.structure-text .content h2 {
	margin: 0 0 35px;
	font-size: 40px;
	color: #000;
	font-weight: 700;
	line-height: 1.2
}

.structure-text p {
	margin: 0 0 0;
	font-size: 20px;
	color: #747474;
	font-weight: 300;
	line-height: 1.6
}

.feature-text {
	padding: 70px 0
}

.feature-text h2 {
	margin: 0 0 35px;
	font-size: 40px;
	color: #000;
	font-weight: 700;
	line-height: 1.2
}

ul.redlist {
	margin: 0 0 50px;
	padding: 0;
	list-style-type: none;
	display: block
}

ul.redlist li {
	display: block;
	position: relative;
	margin: 0 0 15px;
	padding: 0 0 0 20px;
	font-size: 18px;
	color: #747474;
	font-weight: 300;
	line-height: 1.4
}

ul.redlist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 11px;
	background: url(../img/icons/icon-red-arrow.png) no-repeat left top
}

section.blue {
	margin: 0 0 12px;
	padding: 40px 55px;
	background-color: #14c3e5;
	border-radius: 4px;
	font-size: 20px;
	color: #fff;
	font-weight: 300;
	line-height: 1.4
}

section.blue p {
	margin: 0 0 25px
}

section.blue p:last-child {
	margin: 0 0 0
}

section.blue ul.whitelist {
	margin: 0 0 0;
	padding: 0;
	list-style-type: none;
	display: block
}

section.blue ul.whitelist li {
	display: block;
	position: relative;
	margin: 0 0 15px;
	padding: 0 0 0 20px;
	font-size: 18px;
	color: #fff;
	font-weight: 300;
	line-height: 1.4
}

section.blue ul.whitelist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 11px;
	background: url(../img/icons/icon-white-arrow.png) no-repeat left top
}

.center-btn {
	margin: 60px 0 0
}

.center-btn a.btn.red {
	position: relative;
	left: 50%;
	transform: translateX(-50%)
}

.tab-mobile {
	display: none
}

@media all and (max-width:1599px) {
	.testseries-banner {
		height: 566px
	}

	.white-text {
		padding: 40px 0 10px
	}

	.white-text p {
		margin: 0 0 25px;
		font-size: 16px
	}

	.structure-text {
		padding: 50px 0
	}

	.structure-text p {
		font-size: 16px
	}

	.structure-text .content h2 {
		font-size: 32px
	}

	.feature-text {
		padding: 0
	}

	.feature-text h2 {
		font-size: 32px
	}

	ul.redlist li {
		font-size: 16px
	}

	ul.redlist li::before {
		top: 5px
	}

	section.blue {
		padding: 30px;
		font-size: 16px
	}

	section.blue ul.whitelist li {
		font-size: 16px
	}

	section.blue ul.whitelist li::before {
		top: 5px
	}
}

@media all and (max-width:1279px) {
	btn.red.starttest+a {
		margin-top: 15px
	}

	.testseries-banner .bannertext {
		bottom: 10px
	}

	.testseries-banner .bannertext {
		bottom: auto;
		top: 60px
	}

	.testseries-banner .bannertext .content-block {
		width: 420px;
		padding-right: 0
	}

	.testseries-banner .bannertext .content-block h2 {
		font-size: 40px
	}

	a.btn.red {
		padding: 17px 70px 17px 40px;
		font-size: 16px
	}
}

@media all and (max-width:979px) {
	.testseries-banner {
		text-align: left;
		height: auto;
		padding: 35px 0 20px;
		background: url(../img/test-series-banner.jpg) no-repeat right bottom;
		border-bottom: 1px solid #ffb2c8
	}

	.testseries-banner img {
		display: none
	}

	.testseries-banner .bannertext {
		position: relative;
		top: auto
	}

	.testseries-banner .bannertext .content-block {
		width: 390px;
		padding-right: 30px
	}

	.testseries-banner .bannertext .content-block h3 {
		margin: 0 0 10px;
		font-size: 20px
	}

	.testseries-banner .bannertext .content-block h2 {
		margin: 0 0 10px;
		font-size: 28px
	}

	.testseries-banner .bannertext .content-block h2 strong {
		font-size: 42px
	}

	.testseries-banner .bannertext .content-block p {
		margin: 0 0 20px;
		font-size: 16px
	}

	.white-text {
		padding: 25px 0 10px
	}

	a.btn.red {
		padding: 17px 30px;
		font-size: 13px;
		text-transform: uppercase
	}

	a.btn.red::before {
		display: none
	}

	.structure-text {
		padding: 30px 0
	}

	.structure-text .content {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px
	}

	.structure-text .content h2 {
		margin: 0 0 10px;
		font-size: 24px
	}

	.structure-text .slide {
		width: 100%
	}

	.feature-text {
		padding: 30px 0
	}

	.feature-text h2 {
		margin: 0 0 15px;
		font-size: 24px
	}

	ul.redlist {
		margin: 0 0 25px
	}

	.center-btn {
		margin: 12px 0 0
	}

	ul.redlist li {
		font-size: 15px;
		line-height: 1.6
	}

	section.blue ul.whitelist li {
		font-size: 15px;
		line-height: 1.6
	}
}

@media all and (max-width:980px) {
	.mcqquiz-block ul.tabs {
		z-index: 1;
		left: 0;
		right: 0;
		width: 100%;
		font-size: 0
	}

	.mcqquiz-block ul.tabs li {
		width: 25%;
		border-top: 0 solid rgba(0, 0, 0, .1);
		border-left: 1px solid rgba(0, 0, 0, .1)
	}

	.mcqquiz-block ul.tabs li:first-child {
		border-left: 0 solid rgba(0, 0, 0, .1)
	}

	.mcqquiz-block ul.tabs li {
		width: 20%;
		padding: 15px 8px;
		min-height: 110px;
		vertical-align: top
	}

	.mcqquiz-block ul.tabs li.current::before,
	.mcqquiz-block ul.tabs li.yojana::before,
	.mcqquiz-block ul.tabs li.kurukshetra::before,
	.mcqquiz-block ul.tabs li.ncert::before {
		top: 18px
	}

	.mcqquiz-block {
		padding-left: 0
	}

	.mcqquiz-block ul.tabs {
		position: relative;
		margin: 0 0 15px
	}

	.mcqquiz-block .tab-content {
		padding: 20px
	}

	.mcqquiz-block .tab-content ol li .start-quiz {
		position: relative;
		right: auto;
		top: 0;
		transform: translateY(0%);
		display: block;
		margin-top: 10px
	}

	.mcqquiz-block .tab-content h2 {
		margin: 0 0 20px;
		font-size: 20px;
		color: #000
	}

	.quiz-block {
		padding: 20px 15px
	}

	.quiz-block .block-title {
		margin: 0 0 20px;
		padding: 0 0 15px;
		font-size: 20px
	}

	.result-block {
		padding: 20px 15px
	}

	.result-block .block-title {
		margin: 0 0 20px;
		font-size: 20px
	}

	.result-block .result-graph .btn-block a.btn-analysis {
		margin: 0 0
	}

	.result-block .qsigns {
		padding: 0
	}

	.result-block .qsigns ul li span {
		display: block;
		margin: 0 auto 5px
	}

	.result-block .qsigns ul li {
		padding: 20px 15px;
		border-left: 1px solid rgba(0, 0, 0, .1);
		font-size: 15px;
		font-weight: 300;
		line-height: 1.2
	}

	.result-block .qsigns ul li:first-child {
		border-left: 0 solid rgba(0, 0, 0, .1)
	}

	.answer-block .radio-block {
		margin: 35px -5px 15px
	}

	.answer-block .custom-answer {
		padding: 0 5px
	}

	.list-title .column.two h2 {
		line-height: 22px
	}

	.result-block .result-graph .btn-block,
	.result-block .result-graph .graph-block {
		width: 100%
	}

	.graph-block svg,
	.graph-block div[dir=ltr] {
		width: auto !important;
		height: auto !important
	}

	.result-block .result-graph {
		display: box;
		display: -webkit-box;
		display: -moz-box;
		box-orient: vertical;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical
	}

	.result-block .result-graph .graph-block {
		float: left;
		box-ordinal-group: 1;
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		margin: 0 0 50px
	}

	.result-block .result-graph .btn-block {
		float: right;
		box-ordinal-group: 2;
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		z-index: 1;
		position: relative
	}

	.list-category .downloadlist .column {
		width: 50%
	}
}

@media all and (max-width:767px) {
	.quiz-block .block-title .time {
		width: 100%;
		text-align: left;
		font-size: 18px
	}

	.quiz-block .block-title .count {
		width: 100%;
		text-align: left;
		font-size: 18px;
		margin-top: 10px
	}

	.quiz-block .radio-block .custom-answer {
		width: 100%;
		margin-bottom: 10px
	}

	.quiz-block .radio-block .custom-answer {
		padding: 0 0
	}

	.quiz-block .radio-block .custom-answer input+label span {
		left: 23px;
		top: 8px;
	}

	.quiz-block .radio-block .custom-answer input+label {
		padding: 15px 15px 15px 60px;
		font-size: 15px
	}

	.quiz-block .checkedinfo .finish {
		width: 100%
	}

	.quiz-block .checkedinfo .finish a.btn-small {
		width: 100%;
		text-align: center;
		margin: 0 0 10px
	}

	.quiz-block .checkedinfo .review {
		width: 100%;
		text-align: center;
		font-size: 16px
	}

	.quiz-block .checkedinfo {
		margin: 10px 0
	}

	.quiz-block .buttons-group button {
		width: 100%
	}

	.quiz-block .buttons-group .prev,
	.quiz-block .buttons-group .next {
		width: 100%;
		margin-top: 10px
	}

	.result-block .result-graph .btn-block,
	.result-block .result-graph .graph-block {
		width: 100%;
		font-size: 21px
	}

	.result-block .result-graph .btn-block {
		margin: 0 0 35px
	}

	.result-block .result-graph .btn-block span {
		font-size: 48px;
		line-height: 1.2
	}

	.result-block .result-graph .btn-block p {
		margin: 0 0 0
	}

	.result-block .result-graph .btn-block span {
		display: block;
		font-weight: 500
	}

	.result-block .result-graph .btn-block a.btn-analysis,
	.result-block .result-graph .btn-block a.btn-quiz,
	.result-block .result-graph .btn-block a.btn-red {
		width: 100%;
		margin: 4px 0
	}

	.result-block .qsigns {
		width: 100%;
		padding: 0;
		margin: 0 0 20px
	}

	.result-block .qsigns ul li {
		width: 100%;
		padding: 15px;
		color: #000;
		font-weight: 300;
		line-height: 1;
		border-top: 1px solid rgba(0, 0, 0, .1);
		border-left: 0 solid rgba(0, 0, 0, .1)
	}

	.answer-block .radio-block {
		margin: 15px 0;
		font-size: 0
	}

	.answer-block .custom-answer {
		width: 100%;
		margin-bottom: 10px;
		padding: 0 0
	}

	.answer-block .custom-answer label span {
		left: 15px;
		top: 9px
	}

	.answer-block .custom-answer label {
		padding: 15px 15px 15px 65px
	}

	.answer-block h5 {
		margin: 0 0 10px;
		font-size: 18px
	}

	.quizfrm .custom-question {
		width: 100%;
		height: auto;
		margin: 0 0 20px
	}

	.quizfrm #answer_panel {
		width: 100%;
		padding-right: 15px
	}

	.quiz-block .checkedinfo.desk {
		display: none
	}

	.list-category .quiz-block .checkedinfo.mob {
		display: block;
		width: 100%;
		float: left;
		margin: 10px 0 0
	}

	.list-category .quiz-block .checkedinfo.mob a {
		border-radius: 4px;
		height: 45px;
		padding: 0 24px;
		line-height: 45px
	}

	.quiz-block {
		width: 100%;
		display: table
	}

	.article-list .list-title .breadcrumb {
		display: none;
		margin: 10px 0 0
	}

	.article-list .list-category aside button.close,
	.list-title .list-toggle {
		width: 30px;
		height: 30px
	}

	.list-title .list-toggle.filter,
	.article-list .list-category aside button.close,
	.list-title .list-toggle.filter {
		font-size: 15px;
		color: #fff
	}

	#popcontent .close.filter:before,
	.close.filter::after {
		display: none
	}

	.article-list .list-title .list-toggle.filter .value {
		font-family: roboto, sans-serif;
		font-size: 15px;
		display: block !important;
		padding: 0;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		background-color: transparent;
		width: auto;
		visibility: visible;
		opacity: 1
	}

	.ui-widget.ui-widget-content {
		width: 100% !important
	}

	.article-list .list-category.active aside iframe {
		width: 100%
	}

	.article-list .list-title .list-toggle.filter .value::before {
		display: none
	}

	.article-list .list-category article .article-detail ul.actions {
		margin: 0 0 10px
	}

	.article-list .list-category article .article-detail .border {
		margin: 0 0 20px;
		padding: 20px 0
	}

	.popup-content {
		width: 460px
	}

	.result-block .result-graph .graph-block {
		min-height: 170px
	}

	.mcqquiz-block .tab-content ol li {
		padding: 20px 0 20px 0
	}

	.mcqquiz-block .tab-content ol li .analysis-btn {
		position: relative;
		top: 0;
		transform: translateY(0)
	}

	.mcqquiz-block .tab-content ol li .analysis-btn a {
		margin: 10px 10px 0 0
	}

	.list-category .downloadlist .column {
		width: 100%;
		margin: 0 0 15px
	}

	.list-category .downloadlist {
		margin: 0 -10px
	}

	.social-shares02 .row .column.two:nth-child(2),
	.social-shares02 .row .column.two:first-child {
		width: 100%;
		text-align: center
	}

	.social-shares02 .row .column.two .fr {
		display: inline-block;
		float: none !important
	}

	.article-list .list-category article .article-detail .social-shares02 .counter {
		position: relative;
		margin: 0 0 5px
	}

	.article-list .list-category article .article-detail .social-shares02 {
		margin: 0 0 20px
	}

	.article-list .list-category article .article-detail .comment-area .description p.postdate {
		margin: 0 0 5px
	}

	.article-list .list-category article .article-detail .comment-area .description.first {
		padding: 0 0 10px;
		margin: 0 0 10px
	}

	#file-name {
		font-size: 13px
	}

	.tab-mobile {
		display: block;
		margin: 0 0 15px
	}

	.mcqquiz-block ul.tabs {
		display: none
	}
}

@media all and (max-width:480px) {
	.mcqquiz-block ul.tabs li {
		width: 50%
	}

	.mcqquiz-block ul.tabs li:nth-child(odd) {
		border-left: 1px solid rgba(0, 0, 0, .1)
	}

	.mcqquiz-block ul.tabs li {
		border-bottom: 1px solid rgba(0, 0, 0, .1)
	}

	.mcqquiz-block ul.tabs li:last-child {
		border-right: 1px solid rgba(0, 0, 0, .1)
	}

	.mcqquiz-block {
		padding-top: 0
	}

	.quiz-block .radio-block {
		margin: 25px 0 0
	}

	.answer-block {
		padding: 20px 0 20px 0
	}

	.answer-block:first-child {
		padding: 20px 0 20px 0
	}

	.answer-block i {
		position: relative;
		left: 0;
		top: 0;
		margin: 0 auto 10px;
		text-align: center;
		width: 52px;
		height: 52px;
		background-color: #444;
		border-radius: 52px;
		display: block;
		font-size: 28px;
		color: #fff;
		line-height: 52px
	}

	a.btn-close,
	a.btn-download {
		width: 100%;
		margin-right: 0;
		margin-top: 7px
	}

	.quizfrm .custom-answer label p {
		line-height: 1
	}

	.popup-content {
		width: 290px
	}

	.popup-content .popup-content-scroll {
		height: 400px
	}

	.article-list .list-category article .article-detail p {
		margin: 0 0 15px
	}

	.g-recaptcha {
		transform: scale(.9);
		-webkit-transform: scale(.9);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0
	}

	.mcqquiz-block .tab-content.active {
		min-height: auto
	}
}

.center-btn.starttest {
	text-align: center
}

.center-btn a.btn.red {
	position: relative;
	left: 0;
	transform: inherit
}

.btn.red.starttest::before {
	display: none
}

.btn.red.starttest {
	margin-right: 30px;
	padding: 17px 40px 17px 45px
}

.btn.red.starttest::after {
	background-size: auto auto;
	width: 25px;
	height: 36px;
	position: absolute;
	left: 26px;
	top: 10px;
	content: '';
	background-size: contain
}

.center-btn.starttest a.btn.red::before {
	display: none
}

.btn.red.starttest+a {
	padding: 17px 40px;
	margin-top: 10px
}

.btn.red.starttest+a::before {
	display: none
}

a.btn.red.starttest {
	background-color: #ff5353
}

a.btn.red.starttest:hover {
	background: linear-gradient(to right, #36e2d0 0%, #36b7d0 100%)
}

.content-block .btn.red.starttest {
	margin-right: 10px
}

a.btn.red.starttest:hover {
	background: #ff5353
}

a.btn.red.starttest {
	background: linear-gradient(to right, #36e2d0 0%, #36b7d0 100%)
}

@media all and (max-width:479px) {
	.btn.red.starttest {
		margin-right: 0
	}

	a.btn.red {
		width: 100%;
		padding: 15px;
		font-size: 14px;
		line-height: 1.4;
		text-align: center
	}

	.testseries-banner .bannertext .content-block {
		width: 100%;
		padding-right: 0
	}

	section.blue {
		padding: 20px;
		font-weight: 400
	}

	section.blue ul.whitelist li {
		font-weight: 400
	}

	.btn.red.starttest {
		padding: 15px
	}

	.btn.red.starttest+a {
		padding: 15px
	}
}

@media all and (max-width:359px) {
	.list-title .breadcrumb ul li a {
		font-size: 0
	}
}

.mcqlist2 {
	display: block;
	margin: 0 -15px;
	font-size: 0
}

.mcqlist2 .column {
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 30px;
	padding: 0 15px
}

.mcqlist2 .slide img {
	width: 100%
}

.mcqlist2 .slide {
	position: relative;
	border-radius: 4px;
	overflow: hidden
}

.mcqlist2 .slide strong {
	z-index: 1;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px 25px;
	display: block;
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	line-height: 1.3
}

.mcqlist2 .slide .overlay {
	z-index: 3;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	text-align: center;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	-o-transition: all linear .2s;
	transition: all linear .2s;
	padding: 25px 20px
}

.slide .overlay .overlay-cotent {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

.ralign {
	width: 100%;
	float: left;
	text-align: right
}

.mcqlist2 .slide:hover .overlay {
	top: 0%
}

.mcqlist2 .slide .overlay p {
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	line-height: 1.6
}

.mcqlist2 .slide .overlay a {
	display: inline-block;
	border: 1px solid #cfcfcf;
	background-color: rgba(0, 0, 0, .5);
	font-weight: 700;
	font-size: 16px;
	line-height: .8;
	color: #fff;
	padding: 10px 25px 12px;
	text-transform: uppercase
}

.downloadcat {
	display: block;
	margin: 0 -15px;
	font-size: 0
}

.downloadcat .column {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 30px;
	padding: 0 15px
}

.downloadcat .slide {
	display: block;
	position: relative;
	padding: 30px 70px;
	background: url(../img/icon-pdf-download.png) no-repeat 20px 30px;
	border: none;
	border-radius: 2px;
	box-shadow: none;
	overflow: hidden;
	font-size: 11px;
	color: #777;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.2
}

.videos .downloadcat .slide {
	display: block;
	position: relative;
	padding: 30px 70px;
	border: none;
	border-radius: 2px;
	box-shadow: none;
	overflow: hidden;
	font-size: 11px;
	color: #777;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.2;
	background: url(../img/icons/icon-play-icon.png) no-repeat 20px 30px
}

.downloadcat .slide:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.downloadcat .slide strong {
	display: block;
	margin: 0 0 5px;
	font-size: 16px;
	min-height: 58px;
	color: #fff;
	font-weight: 500;
	line-height: 1.2;
	text-transform: none
}

.downloadcat .slide a {
	display: block
}

.downloadcat .slide a:hover strong {
	color: #14c3e5
}

.download-loader {
	margin: 15px 0 25px;
	text-align: center;
	font-size: 11px;
	color: #363636;
	line-height: 1;
	letter-spacing: 1px
}

.download-loader img {
	margin: 0 0 10px
}

.downloadlist {
	display: block;
	margin: 0 -15px;
	font-size: 0
}

.downloadlist .column {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 30px;
	padding: 0 15px
}

.downloadlist .slide {
	position: relative;
	padding: 25px 140px 25px 20px;
	border: 1px solid #eceff4;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	border-left: 5px solid #27afb4;
	font-size: 16px;
	color: #474747
}

.downloadlist .slide:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.downloadlist .slide p {
	margin: 10px 0 0 !important;
	line-height: 1.4 !important
}

.downloadlist .slide p:first-child {
	margin: 0 0 0 !important;
	min-height: 45px
}

.downloadlist .slide p a {
	color: #474747
}

.downloadlist .slide p a:hover {
	color: #ec4758
}

.downloadlist .slide p span {
	width: auto display:inline-block;
	color: #cdcdcd;
	padding: 0 0 0 20px;
	background: url(../img/icons/icon-article-date.png) no-repeat left 5px
}

.downloadlist .slide .action {
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%)
}

.downloadlist .slide .action a {
	width: 21px;
	height: 21px;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 10px;
	font-size: 0
}

.downloadlist .slide .action a.edit {
	background: url(../img/icons/icon-edit.png) no-repeat left 0
}

.downloadlist .slide .action a.download {
	background: url(../img/icons/icon-download-pdf.png) no-repeat left 0
}

.downloadcat .column .slide {
	color: #fff;
	position: relative;
	transition: all .3s ease
}

.downloadcat .column .slide::after {
	background: url(../img/book-bg.png) no-repeat left 0;
	width: 52px;
	height: 42px;
	content: '';
	right: 20px;
	top: 30px;
	position: absolute
}

.downloadcat .column:nth-child(6n+1) .slide {
	background-color: #fba113
}

.downloadcat .column:nth-child(6n+1):hover .slide {
	background-color: #ea9309
}

.downloadcat .column:nth-child(6n+2) .slide {
	background-color: #27b999
}

.downloadcat .column:nth-child(6n+2):hover .slide {
	background-color: #1aa788
}

.downloadcat .column:nth-child(6n+3) .slide {
	background-color: #f47c7c
}

.downloadcat .column:nth-child(6n+3):hover .slide {
	background-color: #e76b6b
}

.downloadcat .column:nth-child(6n+4) .slide {
	background-color: #14c3e5
}

.downloadcat .column:nth-child(6n+4):hover .slide {
	background-color: #0bb3d4
}

.downloadcat .column:nth-child(6n+5) .slide {
	background-color: #ff668f
}

.downloadcat .column:nth-child(6n+5):hover .slide {
	background-color: #ec4c77
}

.downloadcat .column:nth-child(6n+6) .slide {
	background-color: #8f72ff
}

.downloadcat .column:nth-child(6n+6):hover .slide {
	background-color: #7a5deb
}

.bysubject {
	display: block;
	margin: 0 -15px;
	font-size: 0
}

.bysubject .column {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 30px;
	padding: 0 15px
}

.bysubject .slide img {
	width: 100%
}

.bysubject .slide {
	display: block;
	z-index: 1;
	position: relative;
	border-radius: 4px;
	overflow: hidden
}

.bysubject .slide strong {
	z-index: 2;
	position: absolute;
	left: 25px;
	top: 25px;
	display: block;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	line-height: 1.3;
	padding-right: 15px
}

.bysubject .slide::after {
	content: "";
	z-index: 2;
	position: absolute;
	left: 25px;
	bottom: 25px;
	width: 35px;
	height: 16px;
	background: url(../img/icons/icon-arrow-white.png) no-repeat left top;
	transition: all .3s linear;
	-webkit-transition: all .3s linear
}

.bysubject .slide:hover::after {
	left: 50px
}

.byyear {
	display: block;
	margin: 0 -15px;
	font-size: 0
}

.byyear .column {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 30px;
	padding: 0 15px
}

.byyear .slide img {
	width: 100%
}

.byyear .slide {
	display: block;
	z-index: 1;
	position: relative;
	border-radius: 4px;
	overflow: hidden
}

.byyear .slide .overlay {
	z-index: 3;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .8);
	padding: 51px 12px;
	font-size: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	visibility: hidden
}

.byyear .slide:hover .overlay {
	opacity: 1;
	visibility: visible
}

.byyear .slide .overlay span {
	width: 46%;
	display: inline-block;
	margin: 0 2% 11px
}

.byyear .slide .overlay span a {
	display: block;
	padding: 5px 8px;
	border: 1px solid #fff;
	text-align: center;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase
}

.byyear .slide .overlay span a:hover {
	background-color: #fff;
	color: #000
}

.learning-through-map .byyear .slide strong {
	font-size: 24px;
	padding-right: 15px
}

.byyear .slide strong {
	z-index: 2;
	position: absolute;
	left: 25px;
	top: 25px;
	display: block;
	font-size: 52px;
	color: #fff;
	font-weight: 300;
	line-height: 1.2
}

.byyear .slide::after {
	content: "";
	z-index: 2;
	position: absolute;
	left: 25px;
	bottom: 25px;
	width: 35px;
	height: 16px;
	background: url(../img/icons/icon-arrow-white.png) no-repeat left top;
	transition: all .3s linear;
	-webkit-transition: all .3s linear
}

.byyear .slide:hover::after {
	left: 50px
}

.article-list .list-category aside .category .subheading.year::before {
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 21px;
	height: 20px;
	background: url(../img/icons/icon-byyear.png) no-repeat left top
}

.article-list .list-category aside .archive .subheading.subject::before {
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 20px;
	background: url(../img/icons/icon-bysubject.png) no-repeat left top
}

.smbox {
	display: block;
	margin: 15px 0 0;
	font-size: 0
}

.smbox a {
	width: auto;
	height: auto;
	display: inline-block;
	margin: 0 7px 7px 0;
	padding: 5px 10px;
	border: 1px solid #e5e5e5;
	background: 0 0;
	font-size: 14px;
	color: #474747;
	line-height: 22px
}

.smbox a:hover,
.smbox a.active {
	border: 1px solid #f47c7c;
	background-color: #f47c7c;
	color: #fff
}

#accordion {}

#accordion ul {
	padding-left: 0
}

#accordion ul li {
	padding: 30px 0;
	border-top: 1px solid #ebebeb;
	position: relative;
	list-style-type: none
}

#accordion ul li:first-child {
	padding: 0 0 30px;
	border-top: 0
}

#accordion ul li p {
	margin: 0 0 15px;
	font-size: 18px;
	color: #404040;
	font-weight: 400;
	line-height: 1.4
}

#accordion ul li button {
	width: 160px;
	height: 42px;
	display: block;
	position: relative;
	text-align: left;
	padding: 0 40px 0 15px;
	background: #27adb9;
	background: -moz-linear-gradient(-45deg, #27adb9 0%, #27b999 76%);
	background: -webkit-linear-gradient(-45deg, #27adb9 0%, #27b999 76%);
	background: linear-gradient(135deg, #27adb9 0%, #27b999 76%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27adb9', endColorstr='#27b999', GradientType=1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	line-height: 42px;
	text-transform: uppercase;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

#accordion ul li button::before {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 13px;
	background: url(../img/icons/icon-arrow-right-white.png) no-repeat left top;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

#accordion ul li button:hover::before {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 13px;
	height: 8px;
	background: url(../img/icons/icon-arrow-bottom-white.png) no-repeat left top
}

#accordion ul li button.hide {
	background: #ed4757;
	background: -moz-linear-gradient(-45deg, #ed4757 0%, #dd4c76 68%);
	background: -webkit-linear-gradient(-45deg, #ed4757 0%, #dd4c76 68%);
	background: linear-gradient(135deg, #ed4757 0%, #dd4c76 68%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed4757', endColorstr='#dd4c76', GradientType=1)
}

#accordion ul li button.hide::before {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 13px;
	height: 8px;
	background: url(../img/icons/icon-arrow-bottom-white.png) no-repeat left top
}

#accordion ul li .desc {
	margin-top: 20px;
	display: none;
	padding: 20px 30px;
	background-color: #f2f2f2
}

#accordion ul li .desc p {
	margin: 0 0 13px;
	font-size: 16px
}

#accordion ul li .desc>ul>li,
#accordion ul li .desc>ul>ul>li {
	position: relative;
	padding: 8px 0 8px 20px
}

#accordion ul li .desc>ul>li::before,
#accordion ul li .desc>ul>ul>li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 18px;
	width: 6px;
	height: 6px;
	background-color: #000
}

#accordion ul li .desc-show {
	margin-top: 20px;
	display: block;
	padding: 20px 30px;
	background-color: #f2f2f2;
	text-align: center
}

#accordion ul li .desc-show p {
	margin: 0
}

.list-category article hr {
	margin: 50px 0
}

.print-pdf {
	width: auto;
	height: 37px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	margin: 0 5px 0 0;
	padding: 0 20px 0 40px;
	font-size: 14px;
	font-weight: 500;
	line-height: 37px;
	background-color: #fff;
	border: 1px solid #cfcfcf;
	color: #303030
}

.print-pdf::before {
	content: "";
	position: absolute;
	left: 13px;
	top: 50%;
	transform: translateY(-50%);
	width: 17px;
	height: 20px;
	background: url(../img/icons/icon-pdf.png) no-repeat left top
}

.article-list .list-category article .box-slide ul.date-list {
	margin: 0 -7px
}

.article-list .list-category article .box-slide ul.date-list li {
	width: 50%;
	display: inline-block;
	margin-bottom: 8px;
	padding: 0 7px;
	font-size: 14px;
	line-height: 40px
}

.row::after {
	clear: both;
	display: table;
	content: ""
}

.table {
	padding: 0 15px;
	margin-bottom: 20px;
	border: 1px solid #333
}

.table p {
	font-size: 15px !important
}

.table .row {
	border-bottom: 1px solid #333
}

.table .row:last-child {
	border: 0
}

.table span {
	display: block;
	text-align: center;
	padding: 10px;
	background-color: #f47c7c;
	color: #fff;
	font-size: 18px;
	text-transform: capitalize;
	width: 25%;
	float: left
}

.table span:last-child {
	width: 50%;
	float: left
}

.table .col-2 {
	width: 25%;
	float: left;
	padding: 5px 10px;
	height: 90px;
	border-right: 1px solid#333
}

.table .col-5 {
	width: 50%;
	float: left;
	padding: 10px;
	height: 90px
}

@media all and (max-width:979px) {
	.article-list .list-category article .box-slide ul.date-list {
		margin: 0 0
	}

	.article-list .list-category article .box-slide ul.date-list li {
		width: 100%;
		padding: 0 0
	}
}

.subject {
	margin: 0 0 3px !important
}

.subject span {
	padding: 0 0 0 30px;
	background: url(../img/icons/icon-subject.png) no-repeat left center;
	font-size: 15px;
	opacity: .5
}

.year {
	margin: 0 0 3px !important
}

.year span {
	padding: 0 0 0 30px;
	background: url(../img/icons/icon-archive-month.png) no-repeat left center;
	font-size: 15px;
	opacity: .5
}

.yellow_bg {
	background-color: #fca114
}

.green_bg {
	background-color: #28b99a
}

.red_bg {
	background-color: #f47c7d
}

.blue_bg {
	background-color: #15c3e6
}

.upload-file {
	position: relative
}

.upload-file .btn {
	background-color: #fff;
	font-style: normal;
	margin: 0 0 0 15px;
	cursor: pointer;
	font-size: 14px
}

.upload-file input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
	height: 100%
}

#file-name {
	margin: 0 0 0 5px
}

.social-shares .a2a_svg svg,
.social-shares02 .a2a_svg svg {
	width: 22px;
	padding: 5px 0 0
}

.menu-desc .calendar {
	z-index: 1
}

@media only screen and (max-width:1024px) {

	.bysubject .column,
	.downloadcat .column {
		width: 33.3%
	}

	.daily-news-list .row .column.two:nth-child(2),
	.daily-news-list .row .column.two:first-child {
		width: 100%
	}

	.article-detail .table {
		width: 100%;
		overflow-x: auto
	}

	.article-detail .table .row {
		width: 870px
	}
}

@media only screen and (max-width:980px) {
	.downloadcat .column {
		width: 50%
	}

	.mcqlist2 .column {
		width: 50%
	}

	.bysubject .column,
	.byyear .column {
		width: 50%
	}

	.article-detail .table {
		padding-left: 0
	}
}

@media only screen and (max-width:767px) {
	.downloadcat .column {
		width: 100%;
		margin: 0 0 15px
	}

	.downloadcat {
		margin: 0 -10px
	}

	.downloadlist .slide p:first-child {
		min-height: auto
	}

	.bysubject .slide strong {
		font-size: 18px
	}

	.upload-file .btn {
		margin: 0;
		width: 100%
	}

	.column.two.upload-file span {
		font-size: 0
	}

	#file-name {
		margin: 0
	}

	.article-list .list-category article .article-detail .btn-group {
		padding: 15px 14px 2px 15px
	}
}

@media only screen and (max-width:480px) {
	#accordion ul li .desc {
		padding: 20px
	}

	#accordion ul li .desc p {
		margin: 0 0 10px;
		font-size: 15px;
		line-height: 24px
	}

	.article-list .list-category article .article-detail ul li,
	#accordion ul li li {
		font-size: 15px
	}

	.article-list .list-category article .article-detail ul {
		margin-bottom: 0
	}

	.mcqlist2 .column {
		width: 100%;
		margin: 0 0 15px
	}

	.bysubject .column,
	.byyear .column {
		width: 100%
	}
}

@media only screen and (max-width:359px) {
	.article-list .list-category article .article-detail ul.actions li {
		margin-right: 12px
	}
}

#articlemsg {
	margin: 10px 0 0;
	font-size: 14px;
	color: red;
	line-height: 1.4
}

@media only screen and (max-width:800px) {
	.popup-cont .intro.app-coming-soon {
		padding: 30px
	}

	.comin-soon-content .col-6 {
		width: 100%
	}

	.comin-soon-content .col-6:nth-child(2) {
		display: none
	}

	.popup-cont .intro .comin-soon-content h2 {
		font-size: 26px
	}

	.comin-soon-content ul li a {
		padding: 10px 15px 10px 35px;
		margin: 0 0 10px;
		width: 100%;
		text-align: center;
		background-position: 60px center !important
	}

	.comin-soon-content ul li {
		width: 100%
	}

	.popup-cont .intro .comin-soon-content p {
		font-size: 16px;
		margin: 10px 0 30px
	}
}

body.interview {
	background: #fff url(../img/interview-body-bg.png) no-repeat right 153px
}

.interview-scroll-area {
	margin: 10px 0 60px;
	position: relative;
	border-radius: 6px;
	overflow: hidden
}

.interview-slider {
	position: relative
}

.interview-slider .slide {
	position: relative
}

.interview-slider .slick-slide img {
	width: 100%
}

.interview-slider ul.slick-dots {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px
}

.interview-slider ul.slick-dots li {
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 7px
}

.interview-slider ul.slick-dots li button {
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 10px;
	padding: 0;
	font-size: 0;
	background-color: #fff;
	opacity: .3
}

.interview-slider ul.slick-dots li.slick-active button {
	opacity: 1
}

.interview-scroll-area .text {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 65px;
	text-align: center
}

.interview-scroll-area .text h2 {
	display: block;
	margin: 0 0 15px;
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	line-height: 1.2
}

.interview-scroll-area .text h2 strong {
	display: block;
	font-size: 82px
}

.interview-scroll-area .text p {
	margin: 0 0 20px;
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	line-height: 1.4
}

.interview-scroll-area .text p:last-child {
	margin: 0 0 0
}

.interview-scroll-area .text p a {
	width: auto;
	display: inline-block;
	margin: 0 10px;
	padding-left: 27px;
	color: #fff
}

.interview-scroll-area .text p a:hover {
	color: #ff5353
}

.interview-scroll-area .text p a.callus {
	background: url(../img/icon-interview-call.png) no-repeat left center
}

.interview-scroll-area .text p a.emailus {
	background: url(../img/icon-interview-email.png) no-repeat left center
}

.interview-scroll-area .text p a.register-btn {
	width: auto;
	display: inline-block;
	background-color: #ff5353;
	border-radius: 49px;
	padding: 15px 40px
}

.interview-scroll-area .text p a.register-btn:hover {
	background-color: #00add2;
	color: #fff
}

.interview-features {
	display: block;
	border-radius: 6px;
	overflow: hidden;
	margin: 0 0 70px;
	background-color: #fff;
	box-shadow: 0 0 25px rgba(0, 0, 0, .2);
	font-size: 0
}

.interview-features h5 {
	margin: 0 0 25px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	line-height: 1;
	text-transform: uppercase
}

.interview-features h2 {
	margin: 0 0 30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 1
}

.interview-features .blue {
	width: 40%;
	height: 400px;
	display: inline-block;
	vertical-align: top;
	padding: 60px 50px 0;
	background: url(../img/interview-blue-bg.png) no-repeat left top;
	background-size: cover
}

.interview-features .blue h2 {
	color: #fff
}

.interview-features .blue ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block
}

.interview-features .blue ul li {
	display: block;
	margin-top: 20px;
	padding-left: 40px;
	background: url(../img/icon-interview-list.png) no-repeat left 2px;
	font-size: 20px;
	color: #fff;
	font-weight: 400;
	line-height: 1.4
}

.interview-features .blue ul li:first-child {
	margin-top: 0
}

.interview-features .white {
	width: 60%;
	height: 400px;
	display: inline-block;
	vertical-align: top;
	padding: 60px 50px 0
}

.interview-features .white ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block
}

.interview-features .white ul li {
	display: block;
	margin-top: 20px;
	padding-left: 40px;
	background: url(../img/icon-interview-list02.png) no-repeat left 2px;
	font-size: 18px;
	color: #777;
	font-weight: 400;
	line-height: 1.6
}

.interview-features .blue ul li:first-child {
	margin-top: 0
}

.interview-video {
	display: block;
	font-size: 0
}

.interview-video .text {
	width: 60%;
	display: inline-block;
	vertical-align: top;
	padding-right: 35px
}

.interview-video .text h5 {
	margin: 0 0 10px;
	font-size: 24px;
	color: #747474;
	font-weight: 300;
	line-height: 1
}

.interview-video .text h2 {
	margin: 0 0 10px;
	font-size: 48px;
	color: #000;
	font-weight: 700;
	line-height: 1.2
}

.interview-video .text p {
	margin: 0 0 20px;
	font-size: 20px;
	color: #777;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: 1px
}

.interview-video .text p.highlight-black {
	font-size: 18px;
	color: #000;
	font-weight: 500;
	letter-spacing: 0
}

.interview-video .text p.highlight-red {
	font-size: 18px;
	color: #ff5353;
	font-weight: 500;
	letter-spacing: 0
}

.interview-video .text hr {
	width: 40%;
	border-top: 1px solid #dcdcdc
}

.interview-video .text p:last-child {
	margin: 0 0 0
}

.interview-video .text p a {
	width: auto;
	display: inline-block;
	margin: 0 10px;
	padding-left: 27px;
	font-size: 18px;
	color: #000;
	font-weight: 500;
	letter-spacing: 0
}

.interview-video .text p a:hover {
	color: #ff5353
}

.interview-video .text p a.callus {
	background: url(../img/icon-interview-call02.png) no-repeat left center
}

.interview-video .text p a.emailus {
	background: url(../img/icon-interview-email02.png) no-repeat left center
}

.interview-video .text p a.register-btn {
	width: auto;
	display: inline-block;
	background-color: #ff5353;
	border-radius: 49px;
	padding: 15px 30px;
	color: #fff
}

.interview-video .text p a.register-btn:hover {
	background-color: #00add2
}

.interview-video .image {
	width: 40%;
	display: inline-block;
	vertical-align: top
}

.interview-video .image img {
	width: 100%
}

@media all and (max-width:1279px) {
	.interview-scroll-area {
		margin: 10px 0 35px
	}

	.interview-scroll-area .text h2 {
		margin: 0 0 10px;
		font-size: 24px
	}

	.interview-scroll-area .text h2 strong {
		font-size: 52px
	}

	.interview-scroll-area .text p {
		font-size: 16px
	}

	.interview-scroll-area .text p a.register-btn {
		padding: 12px 30px
	}

	.interview-features .blue {
		width: 45%;
		padding: 35px 25px 0
	}

	.interview-features .white {
		width: 55%;
		padding: 35px 25px 0
	}

	.interview-features h5 {
		margin: 0 0 15px;
		font-size: 18px
	}

	.interview-features h2 {
		margin: 0 0 25px;
		font-size: 32px
	}

	.interview-features .blue ul li {
		font-size: 18px;
		font-weight: 300;
		line-height: 1.6
	}

	.interview-features .white ul li {
		margin-top: 15px;
		font-size: 18px;
		font-weight: 300
	}

	.interview-video .text {
		width: 55%;
		padding-right: 0
	}

	.interview-video .text h2 {
		font-size: 36px
	}

	.interview-video .image {
		width: 45%
	}
}

@media all and (max-width:767px) {
	body.interview {
		background: #fff url(../img/interview-body-bg.png) no-repeat right 118px
	}

	.interview-scroll-area {
		margin: 0 0 25px
	}

	.interview-slider .slick-slide .slide img {
		display: none
	}

	.interview-slider .slick-slide .slide.one {
		height: 320px;
		background: url(../img/interview-slide01.png) no-repeat left top
	}

	.interview-slider .slick-slide .slide.two {
		height: 320px;
		background: url(../img/interview-slide01.png) no-repeat left top
	}

	.interview-slider .slick-slide .slide.three {
		height: 320px;
		background: url(../img/interview-slide01.png) no-repeat left top
	}

	.interview-scroll-area::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0, 0, 0, .5)
	}

	.interview-scroll-area .text h2 {
		margin: 0 0 10px;
		font-size: 18px
	}

	.interview-scroll-area .text h2 strong {
		font-size: 32px
	}

	.interview-features {
		margin: 0 0 25px;
		box-shadow: 0 0 15px rgba(0, 0, 0, .2)
	}

	.interview-features .blue {
		width: 100%;
		height: auto;
		padding: 25px
	}

	.interview-features h5 {
		margin: 0 0 10px;
		font-size: 16px
	}

	.interview-features h2 {
		margin: 0 0 15px;
		font-size: 24px
	}

	.interview-features .blue ul li {
		margin-top: 15px;
		font-size: 16px;
		line-height: 1.8
	}

	.interview-features .white {
		width: 100%;
		height: auto;
		padding: 25px
	}

	.interview-features .white ul li {
		margin-top: 10px;
		font-size: 16px;
		font-weight: 300;
		line-height: 1.8
	}

	.interview-video .text {
		width: 100%;
		padding-right: 0
	}

	.interview-video .text h5 {
		font-size: 18px
	}

	.interview-video .text h2 {
		margin: 0 0 5px;
		font-size: 24px
	}

	.interview-video .text h2 br {
		display: none
	}

	.interview-video .text p.highlight-black {
		font-size: 16px
	}

	.interview-video .text hr {
		width: 100%;
		margin: 15px 0;
		border-top: 1px solid #dcdcdc
	}

	.interview-video .text p.highlight-red {
		font-size: 16px
	}

	.interview-video .text p {
		margin: 0 0 15px;
		font-size: 16px;
		line-height: 1.6
	}

	.interview-video .text p a.register-btn {
		padding: 10px 30px
	}

	.interview-video .image {
		margin-top: 15px;
		width: 100%
	}
}

.testseries-banner .bannertext .content-block h2 {
	margin: 0 0 10px
}

.testseries-banner .bannertext .content-block .syllabus-row {
	margin: 0 -10px 25px;
	font-size: 0
}

.testseries-banner .bannertext .content-block .syllabus-block {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px
}

.testseries-banner .bannertext .content-block .syllabus-block .box {
	display: block;
	padding: 12px 20px;
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	border-left: 5px solid #f47c7d
}

.testseries-banner .bannertext .content-block .syllabus-block .box>p {
	margin: 0 0 15px;
	font-size: 18px;
	color: #3b5681;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0
}

.testseries-banner .bannertext .content-block .syllabus-block .box>p:last-child {
	margin: 0 0 0
}

.testseries-banner .bannertext .content-block .syllabus-block .box>p a.icon-pdf {
	display: inline-block;
	margin-right: 10px;
	padding-left: 24px;
	background: url(../img/icon-pdf.png) no-repeat left center;
	font-size: 16px;
	color: #3b5681
}

.testseries-banner .bannertext .content-block .syllabus-block .box>p a.icon-pdf:last-child {
	margin-right: 0
}

.testseries-banner .bannertext .content-block .syllabus-block .box>p a.icon-pdf:hover {
	color: #ff5353
}

.testseries-banner .bannertext .content-block p a.btn-start {
	width: auto;
	height: 52px;
	display: inline-block;
	vertical-align: top;
	background: linear-gradient(to right, #36e1d0, #36b9d0);
	border-radius: 52px;
	margin-right: 10px;
	padding: 0 30px;
	font-size: 17px;
	color: #fff;
	font-weight: 500;
	line-height: 52px
}

.testseries-banner .bannertext .content-block p a.btn-start:hover {
	background: linear-gradient(to right, #ed4757, #dd4c75)
}

.testseries-banner .bannertext .content-block p a.btn-packages {
	width: auto;
	height: 52px;
	display: inline-block;
	vertical-align: top;
	background: linear-gradient(to right, #ff5353, #ff5353);
	border-radius: 52px;
	padding: 0 30px;
	font-size: 17px;
	color: #fff;
	font-weight: 500;
	line-height: 52px
}

.testseries-banner .bannertext .content-block p a.btn-packages:hover {
	background: linear-gradient(to right, #ed4757, #dd4c75)
}

@media all and (max-width:1279px) {
	.testseries-banner .bannertext .content-block p a.btn-start {
		font-size: 15px
	}

	.testseries-banner .bannertext .content-block p a.btn-packages {
		font-size: 15px
	}
}

@media all and (max-width:979px) {
	.testseries-banner .bannertext .content-block {
		width: 580px;
		padding-right: 0
	}
}

@media all and (max-width:767px) {
	.testseries-banner {
		background: 0 0;
		border-bottom: 1px solid #efefef
	}

	.testseries-banner .bannertext .content-block {
		width: 100%;
		padding-right: 0
	}

	.testseries-banner .bannertext .content-block .syllabus-row {
		margin: 0 0 25px;
		font-size: 0
	}

	.testseries-banner .bannertext .content-block .syllabus-block {
		width: 100%;
		padding: 0 0;
		margin-bottom: 15px
	}

	.testseries-banner .bannertext .content-block .syllabus-block:last-child {
		margin-bottom: 0
	}

	.content-block p a.btn-start {
		width: 100% !important;
		margin-bottom: 10px;
		padding: 0 15px;
		text-align: center;
		text-transform: uppercase
	}

	.content-block p a.btn-packages {
		width: 100% !important;
		padding: 0 15px;
		text-align: center;
		text-transform: uppercase
	}
}

.mobile-bar {
	display: none;
	height: 36px
}

.mobile-bar .fixed {
	z-index: 9;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	padding: 9px 0 12px;
	background: linear-gradient(to right, #ed4757 0%, #dd4c76 100%);
	text-align: center;
	font-size: 15px;
	color: #fff;
	font-weight: 400;
	line-height: 1
}

.mobile-bar .fixed a {
	display: inline-block;
	margin: 0 5px;
	color: #fff
}

.mobile-bar .fixed a:hover {
	color: #000
}

.error {
	padding: 0;
	font-size: 13px;
	font-weight: 400;
	color: red
}

.custom-check {
	width: auto;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 20px 15px 10px 0
}

.custom-check input {
	position: absolute;
	opacity: 0
}

.custom-check label {
	display: block;
	position: relative;
	border: 1px solid #efefef;
	border-radius: 2px;
	padding: 15px 20px 15px 40px;
	font-size: 16px !important;
	cursor: pointer
}

.custom-check input+label::before {
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	border-radius: 14px;
	border: 1px solid #777
}

.custom-check input:checked+label {
	background: linear-gradient(to right, #27aeb7, #27b3a9);
	border: 1px solid #27b3a9;
	color: #fff
}

.custom-check input:checked+label::before {
	border: 1px solid #fff;
	background-color: #fff
}

@media all and (max-width:767px) {
	.mobile-bar {
		display: block
	}

	.list-title .breadcrumb {
		display: none
	}

	.row .column.two {
		width: 100% !important
	}

	.list-title h1 {
		font-size: 20px
	}

	.contact-block.new-page .contact-form h3 {
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 15px;
		margin-top: 0
	}
}

.refresherprg .row {
	border-bottom: 1px solid #ebebeb;
	padding: 20px 0 20px 30px;
	width: 95%;
	font-size: 16px
}

.article-list .list-category article .refresherprg ol {
	display: block;
	list-style-type: lower-alpha !important;
	font-size: 16px;
	margin-left: 20px
}

#accordion .refresherprg ol li {
	border-top: none !important
}

#accordion .refresherprg ol li:first-child {
	padding-bottom: 0
}

#accordion .refresherprg .row p {
	text-align: left !important;
	margin: 0 0 10px;
	padding: 0 0 0
}

#accordion .refresherprg .row ol {
	counter-reset: section;
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 15px
}

#accordion .refresherprg .row ol li {
	position: relative;
	width: 100%;
	margin-bottom: 5px;
	padding: 0 0 0 20px;
	color: #000
}

#accordion .refresherprg .row ol li::before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: section;
	content: counters(section, ".") ". "
}

.custom-quizbox {
	width: 47%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 10px 2% 0 0
}

.custom-quizbox input[type=radio] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden
}

.custom-quizbox input[type=radio]+label {
	display: block;
	background-color: #f6f6f6;
	padding: 8px 15px
}

.custom-quizbox input[type=radio]+label p {
	padding: 0 !important;
	margin: 0 0 0 20px !important;
	font-size: 14px
}

.custom-quizbox input[type=radio]+label:hover {
	background-color: #efefef
}

.custom-quizbox input[type=radio]:checked+label {
	background-image: linear-gradient(to bottom, #25adb9, #27b89b)
}

.custom-quizbox input[type=radio]:checked+label p {
	color: #fff
}

.refresherprg .custom-quizbox input+label span {
	z-index: 1;
	font-size: 14px
}

.refresherprg .custom-quizbox input+label span {
	position: absolute;
	left: 4px;
	top: 6px;
	width: 25px;
	height: 25px;
	background-color: #fff;
	border: 1px solid #cdd1d9;
	border-radius: 32px;
	text-align: center;
	line-height: 23px
}

.refprg .list-category .quiz-block .checkedinfo {
	margin: -25px 0 0 30px
}

.refprg a:hover,
a:focus {}

.bannertext a:focus {
	color: red !important
}

.refprg .submit-to-leaderboard,
.refprg .submit-to-leaderboard1 {
	padding: 20px;
	border: #000 1px solid
}

.leader-board-block,
.answer-part,
.answer-part-leaderboard,
.submit-to-leaderboard1 {
	display: none
}

.leader-board-block.show,
.answer-part.show,
.answer-part-leaderboard.show,
.submit-to-leaderboard1.show {
	display: block
}

.result-table {
	font-size: 14px
}

.result-table tr:nth-child(even) {
	background: #f5f5f5
}

.result-table tr:nth-child(odd) {
	background: #fff
}

.result-table th {
	background-color: #ff5353;
	text-align: left;
	font-size: 16px;
	color: #fff
}

.refprg .loader1 {
	display: none;
	z-index: 2;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, .9)
}

.refprg .loader1 span {
	position: absolute;
	left: 47%;
	top: 100%;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 2px solid #ff5ca3;
	border-right-color: #fff;
	animation: loader .4s linear infinite;
	-webkit-animation: loader .4s linear infinite
}

.refprg .field {
	width: 35%;
	display: inline-block;
	margin-left: 13px
}

.refprg .field-button {
	width: 25%;
	padding-left: 20px;
	display: inline-block
}

.refprg input[type=text],
.refprg input[type=email] {
	height: 42px
}

.article-list .list-category article .submit-to-leaderboard p,
.article-list .list-category article .submit-to-leaderboard1 p {
	margin: 0 11px 10px
}

.answer-part .custom-quizbox input[type=radio]:checked+label {
	background-image: linear-gradient(to bottom, #25adb9, #27b89b)
}

.custom-quizbox.wrong input[type=radio]+label {
	display: block;
	background-color: red;
	padding: 8px 15px;
	color: #fff
}

.custom-quizbox.wrong input[type=radio]+label p {
	color: #fff !important
}

.custom-quizbox.wrong input+label span {
	color: #000 !important
}

@media all and (max-width:767px) {
	.refprg .field {
		width: 100%;
		margin-bottom: 10px;
		display: block;
		margin-left: 0
	}

	.refprg .btn-red {
		width: 100%
	}

	.refprg .field-button {
		width: 100%;
		padding-left: 0;
		display: inline-block
	}

	.article-list .list-category .btn-group {
		margin: 0 0 25px;
		padding: 0
	}

	.article-list .list-category .btn-group a {
		width: 100%;
		margin-top: 10px;
		text-align: center
	}

	.refresherprg .row {
		padding: 15px 0 15px 0;
		width: 100%
	}

	#accordion .refresherprg .row ol li {
		font-size: 15px
	}

	.custom-quizbox {
		width: 100%;
		margin: 7px 0% 0 0
	}
}

.banner-section {
	margin: 0 0 20px
}

.banner-section .banner-row {
	margin: 0 0 20px
}

@media all and (max-width:767px) {
	.banner-section .banner-row img {
		width: 100%
	}
}

.mobile-header {
	background-color: #f2f2f2;
	padding: 10px;
	position: relative;
	width: 100%;
	z-index: 9;
	text-align: center;
	display: inline-block;
	font-size: 0
}

.edite-text-cont {
	float: right
}

.large-text.active,
.edite-text-cont .medium-text.active,
.small-text.active {
	color: #c8c8c3 !important
}

.small-text {
	font-size: 14px;
	line-height: 22px
}

.large-text,
.medium-text,
.small-text {
	padding: 2px 6px !important;
	border-right: 1px solid #282828 !important;
	color: #590d0d !important;
	font-weight: 700;
	width: 40px
}

.medium-text {
	font-size: 18px;
	line-height: 26px
}

.large-text {
	font-size: 22px;
	line-height: 30px;
	border-right: none !important
}

.comment-icon {
	padding: 2px 6px !important;
	border-right: 1px solid #c8c8c3 !important;
	color: #282828 !important;
	font-size: 22px;
	line-height: 22px
}

.mobile-header.fixed {
	z-index: 9;
	position: fixed;
	left: 0;
	right: 0;
	top: 0
}

.online-pendrive-course {
	min-height: 765px;
	padding: 60px 0 90px;
	background: url(../img/online-courses-bg.jpg) no-repeat right top;
	text-align: left
}

.online-pendrive-course.online-course {
	background: url(../img/online-banner.jpeg) no-repeat right top
}

.online-pendrive-course .content-block {
	width: 100%;
	display: inline-block
}

.online-pendrive-course .content-block .text-block {
	width: 500px;
	display: inline-block
}

.online-pendrive-course .content-block h2 {
	margin: 0 0 10px;
	color: #000;
	font-weight: 500;
	line-height: 1
}

.online-pendrive-course .content-block p {
	margin: 0 0 25px;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	line-height: 1.6
}

.online-pendrive-course .content-block p br {}

.online-pendrive-course .content-block ul {
	margin: 0 0 30px;
	padding: 0;
	list-style-type: none;
	display: block
}

.online-pendrive-course .content-block ul li {
	display: block;
	margin: 0 0 10px;
	padding: 0 0 0 25px;
	background: url(../img/icon-red-arrow.png) no-repeat left 7px;
	font-size: 16px;
	color: #000;
	line-height: 1.7
}

.online-pendrive-course .content-block .awake ul li {
	background: url(../img/icon-red-arrow.png) no-repeat left 7px
}

.online-pendrive-course .content-block .btn-block {}

.online-pendrive-course .content-block .btn-block a.btn.red {
	position: relative;
	margin: 0 0 0 10px;
	padding: 17px 40px;
	background-color: #ff5353;
	border-radius: 50px;
	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.online-pendrive-course .content-block .btn-block a.btn.red:hover {
	background: linear-gradient(to right, #36e2d0 0%, #36b7d0 100%)
}

.online-pendrive-course .content-block .btn-block a.btn.blue {
	position: relative;
	padding: 17px 40px;
	background: linear-gradient(to right, #36e2d0 0%, #36b7d0 100%);
	border-radius: 50px;
	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.online-pendrive-course.online-course .content-block .btn-block a.btn.blue {
	margin-top: 15px
}

.online-pendrive-course .content-block .btn-block a.btn.blue:hover {
	background: linear-gradient(to right, #ff5353 0%, #ff5353 100%)
}

.online-pendrive-course .content-block .red-block {
	width: 70%;
	display: inline-block;
	padding: 25px 35px;
	background-color: #ed1c24;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	border-radius: 8px;
	position: relative;
	font-size: 30px;
	color: #fff;
	font-weight: 100;
	line-height: 1.4;
	margin-bottom: 20px
}

.online-pendrive-course .content-block .red-block.awake {
	background-color: #f9ffe4;
	color: #000
}

.online-pendrive-course .content-block .red-block strong {
	font-weight: 700
}

.online-pendrive-course .content-block .red-block img {
	position: absolute;
	right: -15px;
	top: -80px
}

.why-pendrive-course {
	padding: 80px 0;
	background-color: #f6f6f6;
	font-size: 0
}

.why-pendrive-course .image-block,
.why-pendrive-course .content-block {
	width: 50%;
	display: inline-block;
	vertical-align: top
}

.why-pendrive-course .image-block img {
	width: 100%
}

.why-pendrive-course .content-block {
	padding: 0 0 0 50px
}

.why-pendrive-course .content-block h2 {
	margin: 0 0 10px;
	color: #000;
	font-weight: 500;
	line-height: 1
}

.why-pendrive-course .content-block p {
	margin: 0 0 25px;
	font-size: 16px;
	color: #575656;
	font-weight: 400;
	line-height: 1.6
}

.pendrive-feature-block {
	padding: 80px 0;
	font-size: 0
}

.pendrive-feature-block .content-block,
.pendrive-feature-block .image-block {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	position: relative
}

.pendrive-feature-block .content-block {
	padding: 0 50px 0 0
}

.pendrive-feature-block .content-block h2 {
	margin: 0 0 20px;
	color: #000;
	font-weight: 500;
	line-height: 1
}

.pendrive-feature-block .content-block ul {
	padding: 0;
	list-style-type: none;
	display: block
}

.pendrive-feature-block .image-block img {
	width: 100%
}

.pendrive-feature-block .image-block a.icon-play {
	width: 74px;
	height: 74px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url('https://www.drishtiias.com/drishti/img/icon-video.png') no-repeat left top;
	background-size: 100% auto;
	font-size: 0
}

.pendrive-feature-block .image-block span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	text-align: center;
	font-size: 36px;
	color: #fff;
	font-weight: 700;
	line-height: 1.4
}

.full-banner-block .banner-block {
	height: 330px;
	padding: 90px 0 0;
	background: url('https://www.drishtiias.com/drishti/img/online-class-banner.jpg') no-repeat center top;
	text-align: center;
	font-size: 24px;
	color: #ccc;
	line-height: 1.4
}

.full-banner-block strong {
	font-size: 42px;
	font-weight: 400
}

.full-banner-block span {
	color: #28ba9b
}

.pendrive-package-block {
	padding: 60px 0;
	font-size: 0
}

.pendrive-package-block h2 {
	margin: 0 0 20px;
	color: #000;
	font-weight: 500;
	line-height: 1
}

.pendrive-package-block ul {
	padding: 0;
	list-style-type: none;
	display: block
}

.pendrive-package-block ul li {
	display: inline-block;
	width: 48%;
	margin: 0 10px 10px;
	padding: 0 0 0 20px;
	background: url('https://www.drishtiias.com/drishti/img/icon-red-arrow.png') no-repeat left 8px;
	font-size: 16px;
	color: #575656;
	line-height: 1.4;
	vertical-align: top
}

.pendrive-faqs-block {
	padding: 80px 0;
	background-color: #f6f6f6;
	text-align: center
}

.pendrive-faqs-block h2 {
	margin: 0 0 20px;
	color: #000;
	font-weight: 500;
	line-height: 1
}

.pendrive-faqs-block p {
	margin: 0 0 50px;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	line-height: 1.6
}

.pendrive-faqs-block #accordion {
	text-align: left
}

.pendrive-faqs-block #accordion h3 {
	margin: 20px 0 0;
	background: #fff url('https://www.drishtiias.com/drishti/img/icon-close-faq.png') no-repeat left center;
	border-left: 10px solid #ed1c24;
	padding: 15px 15px 15px 60px;
	text-align: left;
	font-size: 18px;
	color: #333;
	font-weight: 500;
	line-height: 1.4;
	cursor: pointer
}

.pendrive-faqs-block #accordion h3.ui-state-active {
	background: #ed1c24 url('https://www.drishtiias.com/drishti/img/icon-open-faq.png') no-repeat left center;
	color: #fff
}

.pendrive-faqs-block #accordion .hide-panel {
	display: none;
	background-color: #fff;
	padding: 20px 30px 15px;
	text-align: left;
	font-size: 16px;
	color: #333;
	font-weight: 700;
	line-height: 1.4;
	height: auto !important
}

.pendrive-faqs-block #accordion .hide-panel p {
	margin: 0 0 20px
}

.pendrive-faqs-block #accordion ul ul li:before {
	background: 0 0
}

.btn-block .notice {
	float: right;
	display: inline;
	width: 70%;
	font-size: 20px;
	font-weight: 600;
	border: #fff 1px solid;
	border-radius: 10px;
	padding: 10px;
	text-align: center
}

.awake .btn-block .notice {
	border: #000 1px solid
}

.btn-block .notice i {
	font-size: 15px;
	font-weight: 400
}

.btn-block .notice a {
	color: #fff
}

.awake .btn-block .notice a {
	color: #ff5353
}

.imporant-info {
	margin-top: 30px
}

.imporant-info .wrapper {
	padding: 20px;
	border-radius: 10px;
	text-align: left;
	background-color: #f6f6f6;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.imporant-info .wrapper p {
	font-weight: 600;
	font-size: 16px
}

.imporant-info .wrapper ul {
	padding-top: 20px
}

.benefits-material .adv-section {
	text-align: center;
	padding: 30px;
	width: 50%;
	margin-left: 25%;
	background-color: #fba113;
	color: #fff;
	border-radius: 4px;
	cursor: pointer
}

.benefits-material .adv-section h2 {
	font-weight: 600
}

@media all and (max-width:768px) {
	.benefits-material .adv-section {
		width: 90%;
		margin-left: 5%
	}

	.btn-block .notice {
		width: 100%
	}

	.imporant-info .wrapper {
		border-radius: 0;
		box-shadow: none
	}

	.imporant-info .wrapper ul li {
		width: 100%
	}
}

@media all and (max-width:1440px) {
	.online-pendrive-course {
		padding: 60px 0;
		background-size: 60% auto
	}

	.online-pendrive-course .content-block .text-block {
		width: 420px;
		display: inline-block
	}

	.feature-text {
		padding: 0 0 50px
	}

	.online-pendrive-course .content-block .red-block {
		font-size: 24px
	}
}

@media all and (max-width:1365px) {
	.online-pendrive-course {
		min-height: 700px
	}
}

@media all and (max-width:1024px) {
	.online-pendrive-course .content-block h2 {
		margin: 0 0 10px
	}

	.online-pendrive-course .content-block p br {
		display: none
	}

	.online-pendrive-course .content-block .red-block {
		width: 100%;
		padding-right: 120px;
		font-size: 20px
	}

	.online-pendrive-course .content-block .red-block img {
		top: -60px;
		width: 180px
	}

	.online-pendrive-course .content-block .red-block br {
		display: none
	}

	.online-pendrive-course.online-course .content-block .red-block br {
		display: block
	}

	.why-pendrive-course,
	.pendrive-feature-block,
	.pendrive-package-block,
	.pendrive-faqs-block {
		padding: 60px 0
	}

	.pendrive-feature-block .image-block span {
		font-size: 28px
	}

	.full-banner-block {
		font-size: 28px
	}

	.full-banner-block strong {
		font-size: 36px
	}
}

@media all and (max-width:980px) {
	.online-pendrive-course {
		padding: 60px 0;
		background-size: 50% auto
	}
}

@media all and (max-width:768px) {
	.online-pendrive-course {
		min-height: auto;
		padding: 35px 0
	}

	.online-pendrive-course .content-block .text-block {
		width: 360px;
		display: inline-block
	}

	.online-pendrive-course .content-block {
		width: 100%
	}

	.online-pendrive-course .content-block .btn-block {}

	.online-pendrive-course .content-block .btn-block a.btn.blue,
	.online-pendrive-course .content-block .btn-block a.btn.red {
		width: 100%;
		margin: 0 0 10px !important;
		padding: 17px 30px !important;
		text-align: center;
		font-size: 16px
	}

	.online-pendrive-course.online-course .content-block .btn-block a.btn.blue,
	.online-pendrive-course.onlione-course .content-block .btn-block a.btn.red {
		width: 100%;
		margin: 15px 0 !important
	}

	.online-pendrive-course .content-block .red-block {
		margin-top: 25px;
		padding: 50px 25px 15px;
		font-size: 18px
	}

	.online-pendrive-course .content-block .red-block ul li span {
		display: block
	}

	.online-pendrive-course .content-block h2 {
		margin: 0 0 15px
	}

	.online-pendrive-course .content-block p {
		margin: 0 0 25px;
		font-size: 16px
	}

	.online-pendrive-course .content-block ul li {
		font-size: 16px
	}

	.online-pendrive-course .content-block ul li {
		padding: 0 0 0 20px;
		background: url(../img/icon-red-arrow.png) no-repeat left 6px;
		font-size: 16px
	}

	.why-pendrive-course,
	.pendrive-feature-block,
	.pendrive-package-block,
	.pendrive-faqs-block {
		padding: 35px 0
	}

	.why-pendrive-course .image-block,
	.why-pendrive-course .content-block {
		width: 100%
	}

	.why-pendrive-course .content-block {
		margin: 15px 0 0;
		padding: 20px 0 0 0
	}

	.why-pendrive-course .content-block h2 {
		margin: 0 0 15px
	}

	.why-pendrive-course .content-block p {
		font-size: 16px
	}

	.pendrive-feature-block .content-block,
	.pendrive-feature-block .image-block {
		width: 100%
	}

	.pendrive-feature-block .content-block {
		padding: 0 0 0 0
	}

	.pendrive-feature-block .content-block h2 {
		margin: 0 0 15px
	}

	.pendrive-feature-block .content-block ul li {
		background: url('https://www.drishtiias.com/drishti/img/icon-red-circle.png') no-repeat left 6px;
		font-size: 16px
	}

	.pendrive-feature-block .image-block span {
		bottom: 20px;
		font-size: 16px
	}

	.pendrive-feature-block .image-block a.icon-play {
		width: 54px;
		height: 54px
	}

	.full-banner-block {
		font-size: 22px
	}

	.pendrive-package-block h2 {
		margin: 0 0 15px
	}

	.pendrive-package-block ul li {
		background: url('https://www.drishtiias.com/drishti/img/icon-red-arrow.png') no-repeat left 7px;
		font-size: 16px;
		width: 95%
	}

	.pendrive-faqs-block h2 {
		margin: 0 0 15px;
		font-size: 28px
	}

	.pendrive-faqs-block p {
		margin: 0 0 35px;
		font-size: 16px
	}

	.pendrive-faqs-block .accordion h3 {
		border-left: 5px solid #ed1c24;
		padding: 15px 30px 15px 15px;
		font-size: 16px
	}

	.pendrive-faqs-block .accordion .hide-panel {
		padding: 20px 20px 15px;
		font-size: 16px
	}
}

@media all and (max-width:767px) {
	.online-pendrive-course {
		background: 0 0
	}

	.online-pendrive-course.online-course {
		background: 0 0
	}

	.btn-block .notice a {
		font-size: 17px
	}

	.online-pendrive-course .content-block .text-block {
		width: 100%
	}

	.full-banner-block .banner-block {
		height: auto;
		padding: 60px 0;
		background: url('https://www.drishtiias.com/drishti/img/online-class-banner-mobile.jpg') no-repeat center top;
		text-align: center;
		font-size: 20px;
		color: #ccc;
		line-height: 1.4;
		display: none
	}

	.full-banner-block strong {
		font-size: 28px
	}

	.pendrive-faqs-block #accordion h3 {
		font-size: 16px
	}
}

.pendrive-faqs-block #accordion .hide-panel ul li {
	padding: 0 20px 10px;
	border-top: 0;
	margin: 0 0 0 30px;
	background: url('https://www.drishtiias.com/drishti/img/icon-red-arrow.png') no-repeat left 8px;
	font-size: 16px;
	font-weight: 300
}

.pendrive-faqs-block #accordion .hide-panel ul li:first-child {
	padding: 0 20px 10px;
	border-top: 0;
	margin: 0 0 0 30px;
	background: url('https://www.drishtiias.com/drishti/img/icon-red-arrow.png') no-repeat left 8px;
	font-size: 16px;
	font-weight: 300
}