body {
	margin: 0px;
	padding: 0px;
	background-image: url('../images/bg-pattern.jpg');
	font-family: 'Open Sans', sans-serif;
}
* {
	box-sizing: border-box;
}
@font-face {
	font-family: openR;
	src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
	font-family: openL;
	src: url(../fonts/OpenSans-Light.ttf);
}
@font-face {
	font-family: openB;
	src: url(../fonts/OpenSans-Bold.ttf);
}
.fmOpenR {
	font-family: openR
}
.fmOpenL {
	font-family: openL;
	letter-spacing: -0.03em;
}
.fmOpenB {
	font-family: openB
}
.transition100 {
	transition: 100ms ease-in-out;
	-moz-transition: 100ms ease-in-out;
	-ms-transition: 100ms ease-in-out;
	-webkit-transition: 100ms ease-in-out;
	-o-transition: 100ms ease-in-out;
}
.transition300 {
	transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	-ms-transition: 300ms ease-in-out;
	-webkit-transition: 300ms ease-in-out;
	-o-transition: 300ms ease-in-out;
}
/*header css*/
.topHeader {
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 100%;
	z-index: 99;
}
.logoCont {
	width: 20%;
	height: 100%;
	padding: 5px 10px;
	color: #fff;
	font-family: openB;
	font-size: 15px;
	display: inline-block;
}
.butnCont {
	width: 20%;
	height: 100%;
	float: right;
	padding: 8px 0px;
}
.logoH {
	background-image: url(../../../img/logo.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	border: 3px solid #fff;
	float: left;
}
.lgText {
	float: left;
	line-height: 40px;
	padding-left: 5px;
	color: #fff;
}
.button {
	width: 100%;
	padding: 0 20px;
	height: 40px;
	font-size: 12px;
	line-height: 38px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	display: inline-block;
	cursor: pointer;
	z-index: 10;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.button1.btnc4:after, .button2.btnc4:after, .button3.btnc4:after {
	background: #fff;
}
.button1 {
	border: 2px solid #fff;
	color: #fff;
	font-family: openB;
}
.button1:after {
	content: '';
	width: 0;
	height: 300px;
	top: 0;
	left: 10px;
	right: 10px;
	bottom: 0;
	margin: auto;
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(-45deg);
	position: absolute;
	transition: 200ms;
	z-index: -1;
}
.button1:hover:after {
	opacity: 1;
	width: 75%;
}
.button1:active:after {
	width: 100%;
}
.button1:hover {
	color: #323754;
}
.mainCont {
	width: 100%;
	height: auto;
	/*float: left;*/
	padding-bottom: 40px;
}
.bannerCont {
	width: 100%;
	background: #2dc26f;
    background: -moz-linear-gradient(-45deg, #2dc26f 0%, #22a8b4 100%);
    background: -webkit-linear-gradient(-45deg, #2dc26f 0%,#22a8b4 100%);
    background: linear-gradient(135deg, #2dc26f 0%,#22a8b4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dc26f', endColorstr='#22a8b4',GradientType=1 );
	/*background-image: url(../images/banner1.png);
	background-repeat: no-repeat;
	background-position: center -50px;*/
	box-shadow: 0px 4px 13px 0px #ccc;
	position: relative;
	/*float: left;
	background-size: auto 90%;*/
}
.footerCont {
	width: 100%;
	height: auto;
	padding: 20px 0px;
	color: #fff;
	font-family: openR;
	background: #2dc26f;
    background: -moz-linear-gradient(top,#2dc26f 0%,#22a8b4 100%);
    background: -webkit-linear-gradient(top,#2dc26f 0%,#22a8b4 100%);
    background: linear-gradient(to bottom,#2dc26f 0%,#22a8b4 100%);
}
a.abc {
	color: white;
}
.footerForm {
	color: #fff;
	background-color: #348EA9;
	width: 100%;
	/*float: left;*/
	padding: 40px 0;
}
.page-secondary-header {
	text-align: center;
	color: #fff!important;
	margin: 20px 0;
}
.mainTitle {
	width: 100%;
	font-family: 'Quicksand', sans-serif;
	font-size: 42px;
	color: #fff!important;
	text-align: center;
	padding-top: 5px;
}
.outerCont {
	width: 100%;
	height: auto;
	/*float: left;*/
}
.cardCont {
	width: 100%;
	height: auto;
	float: left;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	margin-top: 50px;
	position: relative;
}
.cardCont:hover {
	box-shadow: 0 16px 26px 0 rgba(198,198,200,0.8), 0 3px 6px 0 rgba(198,198,198,0.2);
}
.cardCont:hover .testIcon {
	filter: grayscale(0%);
}
.logo {
	float: left;
	width: 40px;
	height: 40px;
	/*border-radius: 50%;
	border: 2px solid #fff;*/
	background-image: url('../../../img/logo.png');
	background-repeat: no-repeat;
	background-size: auto 80%;
	background-position:center;
	/*box-shadow: 0px 6px 11px 2px #0b0d1b;*/
}
.testIcon {
	width: 100px;
	height: 120px;
	position: absolute;
	left: 12px;
	top: -15px;
	box-shadow: 3px 6px 6px 2px #ccc;
	background-color: #fff;
	border-top: 1px solid #ececec;/*          filter: grayscale(100%);*/
}
.testIcon:after {
	content: '';
	width: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #a5a8a9;
	border-left: 10px solid transparent;
	position: absolute;
	right: -9px;
	top: 4px;
	-ms-transform: rotate(-47deg);
	-webkit-transform: rotate(-47deg);
	transform: rotate(-47deg);
}
.testIcon:before {
	content: '';
	width: 0;
	border-top: 10px solid #a5a8a9;
	border-bottom: 10px solid transparent;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	left: -9px;
	top: 4px;
	-ms-transform: rotate(-47deg);
	-webkit-transform: rotate(-47deg);
	transform: rotate(-47deg);
}
.testDetailContr {
	width: 100%;
	height: auto;
	float: left;
	padding: 10px 10px 15px 128px;
}
.leftCont {
	width: 67%;
	height: 100%;
	float: left;
	padding-right: 15px;
}
.useThisBtn {
	cursor: pointer;
	width: 33%;
	height: 70px;
	float: left;
	background-image: url(../images/use_this1.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 64px;
	border-left: 2px solid #52BA9B;
	color: #999;
	font-size: 12px;
	text-align: center;
	padding-top: 57px;
}
.rightCont {
	cursor: pointer;
	float: left;
	width: 33%;
	height: 70px;
	background-image: url(../images/right_arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 64px;
	border-left: 2px solid #52BA9B;
	color: #999;
	font-size: 12px;
	text-align: center;
	padding-top: 57px;
}
.previewBtn {
	cursor: pointer;
	float: left;
	width: 33%;
	height: 70px;
	background-image: url(../images/preview.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 64px;
	border-left: 2px solid #52BA9B;
	color: #999;
	font-size: 12px;
	text-align: center;
	padding-top: 57px;
}
.previewBtn:hover {
	color: #52BA9B;
	text-shadow: 5px 7px 4px #ccc;
	border-left: 6px solid #52BA9B;
}
.useThisBtn:hover {
	color: #52BA9B;
	text-shadow: 5px 7px 4px #ccc;
	border-left: 6px solid #52BA9B;
}
.rightCont:hover {
	color: #52BA9B;
	text-shadow: 5px 7px 4px #ccc;
	border-left: 6px solid #52BA9B;
}
.testTitle {
	width: 100%;
	height: auto;
	color: #323754;
	font-size: 20px;
	text-transform: capitalize;
}
.summaryText {
	color: #999;
	font-size: 13px;
	line-height: 22px;
}
.testLogo {
	width: 100%;
	height: 100%;
	font-size: 75px;
	color: #323754;
	font-weight: bold;
	padding: 8px 15px;
	text-shadow: 8px 4px 5px #ccc;
}
/*.testName{font-size: 20px;
          text-align: center;
          color: #323754;
          padding: 2px 0px;}*/

.bgBlue {
	background-color: #00BCD4;
}
.bgGreen {
	background-color: #ace635;
}
.bgOrange {
	background-color: #ffb549;
}
.bgPurple {
	background-color: #d78de4;
}
.bgGray {
	background-color: #85abbd;
}
.contSeparater {
	border-right: 2px dotted #ccc;
	min-height: 500px;
}
.cardButton {
	float: right;
	width: auto;
	padding: 6px 25px;
	float: right;
	width: auto;
	padding: 6px 25px;
	color: #323754;
	font-size: 12px;
	border: 2px solid #323754;
	color: #323754;
	font-size: 12px;
	border: 2px solid #323754;
	cursor: pointer;
}
.sideBarCont {
	width: 100%;
	height: auto;
	padding: 4px 0px;
	margin-top: 32px;
	background-color: #fff;
	min-height: 100vh;
	box-shadow: 0px 0px 4px 0px #ccc;
}
.sidebarOption {
	height: auto;
	line-height: 40px;
	/*padding: 0px 10px;*/
	color: #8c8c8c;
	font-size: 15px;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
	cursor: pointer;
}
.sidebarArrow {
	background-image: url('../images/sidebar_arrow.svg');
	background-repeat: no-repeat;
	background-size: auto 30px;
	background-position: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 8px;
}
.optCont {
	padding: 0px 10px;
	text-transform: capitalize;
	cursor: pointer;
}
.optCont:hover {
	background-color: #348EA9;
	color: #fff;
}
.subOptCont {
	padding-left: 34px;
	width: 100%;
	height: auto;
}
.subOption {
	padding: 0px 17px;
	border-left: 2px solid #ccc;
	position: relative;
}
.subOptArrow {
	width: 40px;
	height: 40px;
	position: absolute;
	background-image: url(../images/sidebar_arrow_blue.svg);
	background-repeat: no-repeat;
	background-size: auto 24px;
	background-position: -7px 11px;
	opacity: 0;
	left: 0;
	top: 0;
}
.subOption:hover {
	border-left: 2px solid #fff;
	color: #323754;
}
.subOption:hover .subOptArrow {
	opacity: 1;
}
.subContr {
	width: 100%;
	height: auto;
	box-shadow: 0px 2px 8px 3px #ccc;
	float: left;
	margin-top: 20px;
	background-color: #fff;
	padding-bottom: 30px;/*    border-radius:5px;*/
}
.rightBtnCont {
	width: 33%;
	height: 100%;
	float: left;
	padding: 15px 0px;
}
.sidebarTitle {
	width: 100%;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	color: #323754;
	font-size: 18px;
	padding: 0px 0px 0px 40px;
	border-bottom: 1px dotted #ddd;
	background-image: url(../images/filter.svg);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 4px 4px;
}
.testCardTitle {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #323754;
	font-size: 22px;
	border-bottom: 1px dotted #ccc;
	margin-top: 25px;
}
/*test_detailpage css*/
.test_details {
}
.test_details .testIcon {
	width: 140px;
	height: 145px;
}
.test_details .testLogo {
	padding: 12px 40px;
	font-size: 83px;
}
.test_details .subContr {
	padding: 5px 10px;
}
.test_details p {
	text-align: justify;
	color: #999;
	font-size: 13px;
	line-height: 22px;
	font-family: OpenR;
}
.test_details h1 {
	color: #323754;
	font-size: 26px;
}
.test_details h2 {
	color: #323754;
	font-size: 20px;
}
.rightSidebar {
	width: 100%;
	height: auto;
	float: left;
	padding: 10px 0px;
}
.testDetailHeader {
	width: 100%;
	position: relative;
	height: 150px;
	padding-left: 160px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}
.testSummaryText {
	font-size: 14px;
	color: #999;
	line-height: 30px;
}
.btnCont {
	width: 100%;
	height: auto;
	padding-top: 14px;
	float: left;
}
.sampleReport {
	width: 120px;
	height: 55px;
	background-image: url("../images/report.svg");
	background-repeat: no-repeat;
	background-size: auto 55px;
	background-position: center;
	border-left: 2px solid #52BA9B;
	color: #999;
	font-size: 12px;
	text-align: center;
	padding-top: 44px;
	float: left;
	cursor: pointer;
}
.sampleReport:hover {
	color: #52BA9B;
	text-shadow: 5px 7px 4px #ccc;
	border-left: 6px solid #52BA9B;
}
.test_details .useThisBtn {
	width: 120px;
	height: 55px;
	padding-top: 44px;
	float: left;
}
.test_details .previewBtn {
	width: 120px;
	height: 55px;
	padding-top: 44px;
	float: left;
}
.rightSidebarBtnCont {
	width: 100%;
	float: left;
	padding: 30px 10px;
	border: 1px dotted #ccc;
	margin-top: 12px;
	border-radius: 2px;
	margin-bottom: 15px;
}
.rightSidebarBtnCont .sampleReport {
	width: 50%;
}
.rightSidebarBtnCont .useThisBtn {
	width: 50%;
}
.rightSidebarRow {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	float: left;
}
.borderB {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
}
.rowTitle {
	height: 15px;
	color: #999;
	font-size: 13px;
	text-transform: capitalize;
	margin-bottom: 8px;
}
.rowText {
	text-transform: uppercase;
	height: 25px;
	font-size: 12px;
	color: #52BA9B;
}
.greenCheck {
	width: 25px;
	height: 25px;
	background-image: url('../images/check_white.svg');
	background-size: auto 30px;
	background-position: 1px 0px;
	background-repeat: no-repeat;
	float: right;
	border-radius: 50%;
	background-color: #00882b;
}
.subSecCont {
	width: 96%;
	border-left: 2px solid #ccc;
	float: right;
	margin-top: 10px;
	list-style: none;
	padding-left: 20px;
}
.subSecCont li {
	width: 100%;
	float: left;
	line-height: 30px;
	position: relative;
}
.h1Text {
	font-size: 25px;
	color: #323754;
	text-transform: capitalize;
}
.subSecCont li:before {
	content: '';
	width: 18px;
	position: absolute;
	left: -22px;
	top: 15px;
	border-top: 2px solid #ccc;
}
.test_details .modal-content {
	border-radius: 2px;
}
.test_details .modal-header {
	background-color: #348EA9;
	color: #fff;
	text-align: center;
}
.test_details .modal-footer {
	border-top: 1px dotted #52BA9B;
}
.test_details .modal-body {
	min-height: 350px;
}
.testTxtBoxCont {
	position: relative;
	height: auto;
	margin-bottom: 20px;
	margin-top: 10px;
}
.testTxtBox {
	background-color: #fff;
	width: 100%;
	border: none;
	border-bottom: 1px solid #999;
	height: 40px;
	padding: 2px 5px;
	outline: none;
	outline-style: none;
	font-family: openR;
	font-size: 15px;
	position: relative;
}
.txtBoxLabel {
	color: #999;
	z-index: 9;
	font-size: 15px;
	top: 11px;
	left: 20px;
	position: absolute;
	font-family: openR;
	letter-spacing: 0.06em;
}
.activeTxt {
	position: absolute;
	left: 0;
	right: 0;
	top: 38px;
	margin: auto;
	width: 0%;
	background-color: #323754;
	transition: all .2s ease;
}
 .testTxtBox:focus~.txtBoxLabel, .testTxtBox:valid~.txtBoxLabel {
 color: #999;
 font-size: 11px;
 top: -5px;
 left: 23px;
}
.closeBtn {
	border-radius: 2px;
	padding: 4px 30px;
	font-family: openB;
	background-color: #ccc;
	border: none;
	color: #323754;
	font-size: 14px;
	outline: none;
	outline-style: none;
	transition: all .2s ease;
}
.proceedBtn {
	border-radius: 2px;
	padding: 4px 30px;
	font-family: openB;
	background-color: #323754;
	border: none;
	color: #fff;
	font-size: 14px;
	outline: none;
	outline-style: none;
	transition: all .2s ease;
}
.proceedBtn:hover {
	background-color: #323754!important;
	color: #fff!important;
	box-shadow: 2px 4px 3px 0px #ccc;
}
.closeBtn:hover {
	background-color: #ccc;
	color: #323754;
	box-shadow: 2px 4px 3px 0px #ccc;
}
.testTxtBox:focus~.activeTxt {
	height: 2px;
	width: 95%;
	background-color: #52BA9B;
	transition: all .2s ease;
}
/*input[value=""]:valid~.txtBoxLabel{
    color: #999;
    font-size: 12px;
    top: -5px;
    left:17px;
}*/
.test_details .modal-dialog {
	width: 900px;
}
.infoTxt {
	color: #bfbfbf;
	line-height: 22px;
	font-size: 13px;
}
.transitionCont {
	width: 55%;
	margin: auto;
	padding: 20px 0px;
}
.submitCircle {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #52BA9B;
	cursor: pointer;
	box-shadow: 2px 3px 6px 1px #ccc;
	margin: auto;
	background-image: url('../images/arrow.svg');
	background-size: auto 24px;
	background-position: center;
	background-repeat: no-repeat;
}
.optText {
	font-size: 12px;
	color: #323754;
	cursor: pointer;
}
.loaderOverlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.73);
	z-index: 1100;
	position: fixed;
	overflow: hidden;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.infoTextCont {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 370px;
	color: #fff;
}
.similarTests {
	line-height: 23px;
	font-size: 13px;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
	cursor: pointer;
	color: #8c8c8c;
	height: auto;
	background-image: url(../images/right_arrow.svg);
	background-size: auto 40px;
	background-position: right;
	background-repeat: no-repeat;
	min-height: 40px;
	padding: 8px 30px 8px 0px;
}
.similarTests:hover {
	color: #52BA9B;
}
/*loader css*/
.load-bar {
	position: absolute;
	width: 50%;
	height: 3px;
	background-color: #323754;
	margin: auto;
	margin-top: 45px;
	left: 0;
	right: 0;
	top: 15%;
}
.bar {
	content: "";
	display: inline;
	position: absolute;
	width: 0;
	height: 100%;
	left: 50%;
	text-align: center;
}
.bar:nth-child(1) {
	background-color: #fff;
	animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
	background-color: #52BA9B;
	animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
	background-color: #323754;
	animation: loading 3s linear 2s infinite;
}
@keyframes loading {
 from {
left: 50%;
width: 0;
z-index:100;
}
 33.3333% {
left: 0;
width: 100%;
z-index: 10;
}
to {
	left: 0;
	width: 100%;
}
}
.test_list {
}
.test_list .modal-content {
	border-radius: 2px;
}
.test_list .modal-header {
	background-color: #348EA9;
	color: #fff;
	text-align: center;
}
.test_list .modal-footer {
	border-top: 1px dotted #52BA9B;
}
.test_list .modal-dialog {
	width: 900px;
}
.test_list .modal-body {
	min-height: 350px;
}
/*Material Style Checkbox*/
.checkB {
	width: 100%;
	color: #999;
}
.sample_report_page {
	background-image: none;
	background-color: #0e0e0e;
}
.sample_report_page h2 {
	color: #fff;
}
.cardTag {
	position: absolute;
	height: 20px;
	line-height: 20px;
	color: #4CAF50;
	top: 4px;
	left: 0px;
	font-size: 12px;
	padding-left: 8px;
	letter-spacing: 0.1em;
}
.headingCont {
	text-align: center;
	color: #fff;
	background-color: #348EA9;
	padding: 12px 0px;
}
.tableRowTitle {
	padding-left: 14px;
	font-size: 12px;
	height: auto;
	line-height: 17px;
	text-transform: capitalize;
	color: #999;
	background-image: url(../images/rightarrow.png);
	background-size: auto 24px;
	background-position: -7px 0px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.no-padding {
	padding: 0px!important;
}
.no-margin {
	margin: 0;
}
.sourceTxt {
	color: #999;
	font-size: 12px;
	cursor: pointer;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
[type="checkbox"] {/* checkbox aspect */
}
[type="checkbox"] + label {
position: relative;
padding-left: 25px;
cursor: pointer;
display: inline-block;
height: 20px;
line-height: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
[type="checkbox"] + label:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 2px solid #5a5a5a;
border-radius: 1px;
margin-top: 2px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
}
[type="checkbox"]:not(:checked):disabled + label:before {
	border: none;
	background-color: rgba(0, 0, 0, 0.26);
}
[type="checkbox"]:checked + label:before {
	top: -4px;
	left: -3px;
	width: 12px;
	height: 22px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #52BA9B;
	border-bottom: 2px solid #52BA9B;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
[type="checkbox"]:checked:disabled + label:before {
	border-right: 2px solid rgba(0, 0, 0, 0.26);
	border-bottom: 2px solid rgba(0, 0, 0, 0.26);
}
[type="checkbox"]:checked + label {
	font-weight: bold;
}
/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
	left: -10px;
	top: -11px;
	width: 10px;
	height: 22px;
	border-top: none;
	border-left: none;
	border-right: 2px solid #52BA9B;
	border-bottom: none;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
[type="checkbox"]:indeterminate:disabled + label:before {
	border-right: 2px solid rgba(0, 0, 0, 0.26);
	background-color: transparent;
}
[type="checkbox"].filled-in + label:after {
	border-radius: 2px;
}
[type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after {
	content: '';
	left: 0;
	position: absolute;/* .1s delay is for check animation */
	transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
	z-index: 1;
}
[type="checkbox"].filled-in:not(:checked) + label:before {
	width: 0;
	height: 0;
	border: 3px solid transparent;
	left: 6px;
	top: 10px;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 20% 40%;
	transform-origin: 100% 100%;
}
[type="checkbox"].filled-in:not(:checked) + label:after {
	height: 17px;
	width: 17px;
	background-color: transparent;
	background: #ebebde;
	border: 1px solid rgba(0,0,0,0.1);
	top: 0px;
	z-index: 0;
}
[type="checkbox"].filled-in:checked + label:before {
	top: 0px;
	left: 0px;
	width: 8px;
	height: 11px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
[type="checkbox"].filled-in:checked + label:after {
	top: 0px;
	width: 17px;
	height: 17px;
	border: 1px solid #52BA9B;
	background-color: #52BA9B;
	z-index: 0;
}
[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
	background-color: transparent;
	border: 2px solid transparent;
}
[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
	border-color: transparent;
	background-color: #BDBDBD;
}
[type="checkbox"].filled-in:disabled:checked + label:before {
	background-color: transparent;
}
[type="checkbox"].filled-in:disabled:checked + label:after {
	background-color: #BDBDBD;
	border-color: #BDBDBD;
}
 @media only screen and (min-width:320px) and (max-width:425px) {
.leftCont {
	width: 100%;
}
.bannerCont {
	background-position: center 34px;
	background-size: auto 55%;
}
.mainTitle {
	font-size: 26px;
	padding-top: 210px;
}
.testDetailContr {
	padding: 114px 0px 15px 15px;
}
.rightBtnCont {
	width: 100%;
}
.logoCont {
	width: 50%;
	font-size: 12px;
}
.logo {
	width: 30px;
	height: 30px;
}
.lgText {
	line-height: 32px;
}
.butnCont {
	width: 40%;
}
.button {
	height: 30px;
	line-height: 30px;
	font-size: 11px;
}
.test_details .testIcon {
	width: 114px;
	height: 114px;
}
.test_details .testLogo {
	padding: 0px 20px;
}
.testDetailHeader {
	padding-left: 0px;
	padding-top: 100px;
	height: auto;
}
.btnCont {
	display: inline-block;
}
.test_details .previewBtn {
	width: 30%;
}
.test_details .useThisBtn {
	width: 30%;
}
.test_details .previewBtn {
	width: 30%;
}
.test_details ul {
	padding-left: 10px;
}
.w100 {
	width: 100%;
}
}
 @media only screen and (min-width:426px) and (max-width:768px) {
}
 @media only screen and (min-width:769px) and (max-width:1024px) {
}
.mx-auto {
	margin:0px auto;
	float:none!important;
}
.btn.btn-success {
    margin: 5px 0;
    padding: 10px 15px;
    font-size: 13px;
    background: #333;
	border:none;
}
section.footer-bg {
    background: #2dc26f;
    background: -moz-linear-gradient(top,#2dc26f 0%,#22a8b4 100%);
    background: -webkit-linear-gradient(top,#2dc26f 0%,#22a8b4 100%);
    background: linear-gradient(to bottom,#2dc26f 0%,#22a8b4 100%); 
	padding-top: 20px;
}
.footer-block ul.list-unstyled li i.fa {
    color: #fff;
    margin-right: 5px;
}

img {
padding: 5px;
}