/* #Font Family */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Covered+By+Your+Grace');
/* #global css */
body {
line-height: 1.6;
color: #333;
font-size: 14px;
font-family: 'Roboto', Helvetica, sans-serif;
font-weight: 400;
}
img{max-width:100%; height:auto; vertical-align:top;}
body p{margin:0 0 10px;}
body p:last-child{	margin-bottom:0;}
h1{font-size: 24px;font-weight: bold; margin-top: 0;margin-bottom: 10px;}
h2{margin-bottom: 0px;font-weight: 400;margin-top: 0;font-size: 18px;}
.orange{color:#f16136;}
.whitecolor{color:#fff;}
strong{	font-weight:500;}
h3{font-size: 20px;font-weight: bold;}
a {color: #0584c7;font-weight: 500;}
a:focus{outline:0 !important;}
.btn.focus, .btn:focus{box-shadow: initial;}
.p-a-10{padding:10px 0 !important;}
.p-t-10{padding-top:10px !important;}
.p-t-b-10{padding-bottom:10px !important;}
.p-a-20{padding:20px 0 !important;}
.p-t-20{padding-top:20px !important;}
.p-t-b-20{padding-bottom:20px !important;}
.p-0{padding:0 !important;}
.p-t-0{padding-top:0 !important;}
.p-b-0{padding-bottom:0 !important;}
.p-a-30{padding:30px 0 !important;}
.p-t-30{padding-top:30px !important;}
.p-t-b-30{padding-bottom:30px !important;}
.m-0{margin:0 !important;}
.m-t-0{margin-top:0 !important;}
.m-b-0{margin-bottom:0 !important;}
.m-t-20{margin-top:20px !important;}
.m-t-b-20{margin-bottom:20px !important;}
.m-t-30{margin-top:30px !important;}
.m-t-b-30{margin-bottom:30px !important;}
*:focus{outline:0 !important;}
.mcustomscrolbarde{position: relative;max-width: 100%;height: 220px;}

.buffercont{padding-top:30px;padding-bottom:30px;}
.headingdivide{font-weight: 500;letter-spacing: 0.5px;margin-bottom: 7px;color: #58585a;}
.btnpoagonly{margin-bottom: 15px !important;font-weight: 400;letter-spacing: 0.7px;line-height: 1.5;}
.bigheading{margin-bottom: 10px;font-size: 20px;font-weight: bold;}
.testplybtn{color: #707070;letter-spacing: 0.2px;margin-bottom: 10px;padding-left: 10px;text-decoration: none;border: 1px solid #ddd;border-radius: 3px;text-align: center;padding: 7px 10px; background-color: #ececec;display: block;}
.testplybtn:hover{text-decoration: none;}
.testbtnplayicon{
	text-align:left;
}
.testbtnplayicon i{
	padding-right:10px;
	color:#f15922;
}
.purplebandcont{
	padding: 10px 0;
    background-color: #363e52;
    z-index: 9;
    position: relative;
}
.purplebandcont h2{
	font-size: 16px;
	color: #fff;
	margin: 0;
	font-weight: 500;
	line-height: 20px;
}
.purplebandcont + #footerregion{
	display:none;
}
.removepurple .purplebandcont {
	display:none;
}
#countdown{
    height: 148px;
    background-image: url(/images/cat-image2.png);
    background-repeat: no-repeat;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    color: #a91818;
    letter-spacing: 0.5px;
    font-weight: bold;
    padding-left: 35px;
    padding-right: 105px;
    text-align: center;
    padding-top: 93px;
    background-size: 100% auto;
}
.whitregionc .contforparnts{
	    padding-top: 70px;
}
.whitregionc .contforparnts h3{
	margin-top: 0;
    letter-spacing: 0.7px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.whitregionc .contforparnts p{
	    margin: 0;
    max-width: initial;
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 1.6;
    font-weight: 300;
}
.contforparnts .innerdivconbox{
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
    padding: 40px;
    border-radius: 3px;
    background-color: #f2f2f2;
}
.topictestcon.cbsetable .panel-body {
    padding: 15px;
}
.topictestcon.cbsetable .panel-body  table{
	margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.classID17 .topictestcon.cbsetable  .panel-body  table tr td:nth-child(2),.classID17 .topictestcon.cbsetable  .panel-body  table tr th:nth-child(2){
	display:none;
}
.main-bg{background: #e6f7fb;}
.thumb-rate{

}
.thumb-rate i{
	width: 30px;
    text-align: center;
    height: 30px;
    line-height: 28px;
    margin-top: 7px;
    border: 1px solid #eee;
    background-color: #eee;
    border-radius: 4px;
    margin-left: 7px;
    cursor: pointer;
}
.thumb-rate i + i{

}


/* #Contact us page */
.contactpges .inerdivcon{
	display: block;
    border: 1px solid #e7e7e7;
    float: left;
    width: 100%;
    border-radius: 3px;
    padding: 25px 60px;
    margin-bottom: 40px;
    letter-spacing: 0.7px;
}
.contactpges .inerdivcon h2{
	font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
}
.contactpges .icondiv {
	line-height: 22px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px auto;
}
.contactpges .icondiv a{
	color:rgb(70, 127, 215);
	line-height:30px;
	font-weight: 400;
}
.contactpges .icondiv span{
	line-height: 30px;
    min-width: 70px;
    display: inline-block;
}
.contactpges .icondiv span + span{

}
.contactpges .locationimg{
	background-image: url(/images/conta-location.png);
    background-position: left 4px;
}
.contactpges .telphoneimg{
	background-image: url(/images/conta-phone.png);
}
.contactpges .faximg{
	background-image: url(/images/conta-fax.png);
}
.contactpges .emailimg{
	background-image: url(/images/conta-email.png);
}
.contactpges form{
	padding: 20px;
    background-color: #dbdee7;
    border-radius: 3px;
}
.contactpges  h3{
	margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    color: #000;
}
.contactpges .form-group{
}
.contactpges .form-group:last-child{
	margin-bottom: 0;
}
.contactpges .form-group .form-control, .contactpges .form-group textarea{
	color: #333333;
    height: 38px;
    border: 0;
    font-weight: 400;
    letter-spacing: 0.5px;
    width: 100%;
    padding: 2px 10px;
    border-radius: 0px;
	border: 1px solid #fff;
}
.contactpges .form-group .form-control:focus, .contactpges .form-group textarea:focus {
    border: 1px solid #556080;
}
.contactpges .form-group textarea{
	padding: 10px;
    height: 150px;
}
.contactpges .form-group .btn-block{
    border-radius: 3px;
    background-color: #556080;
    border-color: #556080;
    line-height: 40px;
    font-size: 20px;
    letter-spacing: 0.5px;
}
.contactpges iframe{
	float: left;
    width: 100%;
    border: 0;
    height: 459px;
}
.padinrmoevleft{
	padding-left:0;
}

.form-box h4 {
    color:#515151;
    font-size: 21px;
    padding-bottom: 5px;
    text-align: center;
    margin-top: 0px;
    font-weight: 600;
}
.form-group {
    margin-bottom: 15px!important;
}
.form-box {
    background: #ffffff none repeat scroll 0 0;
    padding: 20px 20px;
    border-radius: 0px;
    box-shadow: 0 0.625rem 0.938rem 0 rgb(19 18 18 / 50%);
    clear:both;
}
.form-control {background: #fff none repeat scroll 0 0;border-radius:3px;box-shadow: none;color: #6b7c8a;font-size: 15px;
    border: 1px solid #e0e0e0; height: 36px;margin-bottom: 0px;padding-left: 15px;letter-spacing: 0.9px;}
.form-box .btn {
    background-color: #f15a22;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 0px;
    padding: 8px 30px;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.9px;
}

/* #parent zone content pages laout */
ul.arrow-four {padding: 0px;}	
.arrow-four li {background: url(/images/list-icon.png);list-style: none;padding-left: 29px;background-repeat: no-repeat;margin-bottom: 6px;background-position: 0 3px;}
.ineconfldim{}
.ineconfldim h1{}
.ineconfldim h2{margin-bottom: 20px;margin-top: 20px;font-size: 20px;font-weight: bold;}
.ineconfldim h3{margin-top: 0;margin-bottom: 10px;font-size: 17px;}
.ineconfldim p{}
.ineconfldim ul{}
.ineconfldim ul li{}
.contentimgegod{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
.contentimgegod img{width: 100%;height: auto;}		
/* Support page */
.supoortapges {
	letter-spacing: 0.7px;
}
.botmconfldregio{

}
.botmconfldregio > h2{
	font-size: 18px;
    font-weight: bold;
    color: #404040;
    margin-bottom: 10px;
}
.botmconfldregio > p{
	color: #58585a;
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 300;
}
.botmconfldregio > .panel-group{

}
.botmconfldregio .panel-group .panel{
	border-radius: 3px;
    border: 1px solid #dbdbdb;
}
.botmconfldregio .panel-group .panel + .panel{
	margin-top: 10px;
}
.botmconfldregio .panel-default > .panel-heading{
	background-color: transparent;
    position: relative;
    color: #707070;
    border: 0px;
    border-radius: initial;
    padding: 0px;
}
.botmconfldregio .panel-title{
	color: #707070;
    font-weight: bold;
    margin-bottom: 0px;
    letter-spacing: 0.7px;
}
.botmconfldregio .panel-title a{
	display: block;
    font-weight: 400;
    padding: 13px 15px;
    padding-right: 50px;
    line-height: 1.4;
}
.botmconfldregio .panel-title a[aria-expanded="true"]{
	    font-weight: 500;	
}
.botmconfldregio .panel-title a:hover, .botmconfldregio .panel-title a:focus{
	text-decoration:none;
}
.botmconfldregio .glyphicon{
	position: absolute;
    right: -1px;
    top: -1px;
    width: 49px;
    height: calc(100% + 1px);
    text-align: center;
    background-color: #556080;
    color: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.botmconfldregio .panel-default > .panel-heading + .panel-collapse > .panel-body{
	border-top-color: #dbdbdb;
}
.botmconfldregio h2{
			color: #707070;
			font-weight: bold;
			margin-bottom: 10px;
			letter-spacing: 0.7px;
		} 
		.botmconfldregio .topimgecont{
			padding-left: 15px;
    		margin-bottom: 15px;
		}
		.botmconfldregio ol, .botmconfldregio ul{
			    margin: 0;
		}
		.botmconfldregio li{
			padding: 3px 5px;
		}
		.botmconfldregio .inerimgediv{
			padding-top: 5px;
    		padding-bottom: 5px;
		}
		.botmconfldregio p{
		
		}
		#videoplayable ol li{
			margin-bottom:10px;
		}
		#videoplayable ol li:last-child{
			margin-bottom:0;
		}
		.botmconfldregio > div p:last-child{
			margin-bottom:0;
		}
		.contentfldregion li{
			color: #58585a;
			letter-spacing: 1px;
			padding: 3px 5px;
			font-size: 14px;
		}
		.aireportpg canvas {
			-moz-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
		}
		.aireportpg .podarchart{
			max-width:700px;margin:0 auto;
		}
		.twoloagdeivdef.logo-region img {
    		max-height: 25px;
    		margin-top: 30px;
		}
		.twoloagdeivdef.logo-region img + img{
			max-height: 80px;
			margin-left: 10px;
			margin-top: 0;
		}
/* Exam pages content */
.exampgescont {letter-spacing: 0.4px;font-family: 'Roboto', Helvetica, Arial, sans-serif;line-height: 1.6;}
.exampgescont h1{letter-spacing: 0;margin-bottom: 5px;font-weight: 600;}
.exampgescont h2{font-size: 18px;font-weight: 500;margin-bottom: 5px;}
.exampgescont p{}
.exampgescont p:last-child{}
.exampgescont .contentalow{padding-bottom: 20px;clear: both;}
.exampgescont .table{margin: 0;}
.exampgescont .table-responsive + p{margin-top:5px;}
.exampgescont .table > tr > td{}
/*.exampgescont .table > tbody > tr:first-child{background-color: #6b789d;color: #fff;}*/
.footerlinksnavi{background-color: #ccebf1;padding: 20px 0;font-family: 'Roboto', Helvetica, Arial, sans-serif;}
.footerlinksnavi h3{margin: 0;text-align: center;color: #000;letter-spacing: 0.4px;margin-bottom: 15px;}
.footerlinksnavi .btnglobalstyling{background-color: #556080;color: #fff;margin-bottom: 10px;padding: 10px 10px;font-size: 16px;font-weight: 300;letter-spacing: 0.4px;}
.footerlinksnavi ~ #footerregion{margin-top:0 !important;}
/* Five colum layout */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/* #footer And header css for all pages */
.header-content{box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); position: relative; z-index:999;	background-color: #fff;font-family: 'Roboto', Helvetica, Arial, sans-serif;}
.header-content .logoregion svg {    height: 33px;	}
.header-content img{display: inline-block;	vertical-align: top;	max-width: 100%;	height: auto;}
.header-content .spacdeficon{	display: inline-block;	padding: 11px 5px;	position:relative;	line-height: initial;}
.header-content .spacdeficon:after{	position:absolute;	visibility:hidden;	content:"";	width:100%;	background-color:#ec5925;	height:2px;	bottom: 0;}
.header-content .spacdeficon:hover{	text-decoration:none;}
.header-content .linkinbtns .spacdeficon:hover:after{	left:0;	visibility:visible;}
.header-content .homebtnreg a{	padding-top: 18px;	padding-left: 0;	padding-right:0;}
.header-content .logoregion a{	padding-top: 13px;	padding-left: 0;	padding-right: 0;}
.header-content .dropdonmenuco{	position: absolute;	top: -100%;	visibility:hidden;}
.widthdefimg img, .widthdefimg svg{
	width: 24px;
	height:24px;
	fill: #555;
}
.linkinbtns{

}
.linkinbtns ul{
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}
.linkinbtns > ul > li{
	float: left;
	padding-left: 20px;
	position: relative;
}
.linkinbtns > ul > li > a{
	text-align:center;
}
.linkinbtns > ul > li > a span{
	display: block;
	line-height: 10px;
	font-size: 11px;
	color: #58585a;
	margin-top: 1px;
}
.bigleftsize img{

}
.overlay + #footerregion{
	display:none;
}
body{
	height:auto;
}
.heightbig{
	height:100vh;
	position:relative;
}
.heightbig #footerregion{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.footerinerregion {
    background-color: #323232;
    padding: 20px 0;
    color: #fff;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.footerinerregion .logofooter img {
    max-height: 25px;
}
.footerinerregion .logofooter {
    padding-bottom: 20px;
}
.footerinerregion .linkregion ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footerinerregion .linkregion li {
    display: inline-block;
    margin-right: 20px;
}
.footerinerregion .linkregion a {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
}
#subfooter {
    padding: 10px 0;
    background-color: #000000;
}
#subfooter p {
    margin: 0;
    color: #b2b1b1;
    line-height: 30px;
    font-size: 14px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
#subfooter .socialicons ul {
    margin: 0;
    padding: 0;
    float: right;
}
#subfooter .socialicons li {
    display: inline-block;
    margin-left: 15px;
}
#subfooter .socialicons a {
    line-height: 30px;
    font-size: 15px;
    background-color: #363e52;
    width: 30px;
    display: block;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}
#subfooter .socialicons a i{
	line-height:30px;
}
.measurement .col-md-3{	
height: 100%;
position: absolute;
border: 0;
left: 0;	
}
.measurement .col-md-3 img{	
bottom: 0;
position: absolute;
max-width: 94px;	
}
.measurement .col-md-9{	
width: 100%;
padding-left: 200px;	
}

.section-title{
    position: relative;
    margin-bottom: 30px;
}


.section-title h2{
    margin-bottom: 0;
}

.title-divider::after {
    content: "";
    width: 154px;
    height: 2px;
    position: absolute;
    top: 100%;
    left: 0;
    margin: auto;
    background: #dbd9da;
    margin-top: 10px;
}


.title-divider::before {
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    top: 100%;
    left: 0;
    background: #FF7F00;
    z-index: 9;
    margin: auto;
    margin-top: 10px;
}


.bg-clr{
    background-color: #ff692e!important;
color: #fff!important;
}

h1.title,
h2.title{
    color: #000;
font-weight: 500;
font-size: 32px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 600;
}

h1.title{
    font-size:36px;
}

.btn-orange{
background-color: #ff692e;
border-color: #ff692e;
border-radius: 2px;
color: #ffffff!important;
font-size: 18px;
font-weight: bold;
line-height: 48px;
margin-bottom: 15px;
padding: 0 15px;
text-shadow: initial;
width: 100%;
}

.btn-blue{
    background-color: #006699;
border-color: #005588;
border-radius: 2px;
color: #ffffff!important;
font-size: 18px;
font-weight: bold;
line-height: 48px;
margin-bottom: 15px;
padding: 0 15px;
text-shadow: initial;
width: 100%;
}


/* #Upload photo model Css start 
============================================== */
/* #Video Page smart cat cracker model Css start 
============================================== */
.smarscvidemodal.modal {text-align: center;padding: 0!important;}		
.smarscvidemodal.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px; /* Adjusts for spacing */}
.smarscvidemodal .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
.smarscvidemodal .modal-content{border-radius: 3px;}
.smarscvidemodal .modal-content .modal-header{background-color: #2a3040;color: #fff;text-align: center;position: relative;}
.smarscvidemodal .modal-content .modal-header h2{letter-spacing: 0.7px;font-weight: 500;font-size: 20px;}
.smarscvidemodal .modal-content .modal-header button{position: absolute;margin: 0;right: 10px;top: 10px;text-shadow: initial;color: #2a3040;background-color: #fff;opacity: 1;border-radius: 50%;width: 18px;height: 18px;font-size: 18px;line-height: 18px;}
.smarscvidemodal .modal-content .modal-body{}
.smarscvidemodal .modal-content .modal-body p{font-size: 16px;letter-spacing: 0.5px;margin: 0 auto;max-width: 90%;text-align: center;margin-bottom: 20px;}
.smarscvidemodal .modal-content .btnscont{vertical-align: top;max-height: 45px;text-align:center;}
.smarscvidemodal .modal-content .btnscont > *{display: inline-block;width: 48%;border-radius: 3px;padding: 0 10px;text-align: center;font-weight: 500;letter-spacing: 0.5px;font-size: 15px;line-height: 40px;vertical-align: top;}
.smarscvidemodal .modal-content .btnscont > *:hover, .smarscvidemodal .modal-content .btnscont > *:focus{background-color: #f16136;color: #fff;border-color: #f16136;}
.smarscvidemodal .modal-content .btnscont  button{background-color: #f16136;color: #fff;border-color: #f16136;}
.smarscvidemodal .modal-content .btnscont  button:hover, .smarscvidemodal .modal-content .btnscont  button:focus{background-color: transparent;color: #555;border: 1px solid #ddd;}
.smarscvidemodal .modal-content .btnscont a{margin-left: 3%;}
/* #Login Page Css start 
============================================== */
.login-page{min-height: 100vh;background-color: #2a3040; background-image: url(/images/cloud.png);background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;}
.login-page .logo-region img{max-height: 25px;}
.loginpageouter{min-height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.loginpageouter .flexdefine{}
.loginpageouter .whitebgdefine{background-color: #fff;border-radius: 3px;float: left;max-width: 400px;padding: 30px 20px;box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);}
.otppageouter .whitebgdefine, .forgotpagepwd .whitebgdefine{
	max-width: 360px;
}
.whitebgdefine .btns{
	padding-top: 5px;
}
.loginpageouter .formregioncont{

}
.loginpageouter .contforlast {
	padding-top: 20px;
    letter-spacing: 0.3px;
}
.loginpageouter h2{
	font-size: 20px;
    padding-bottom: 20px;
    letter-spacing: 0.5px;
    color: #404040;
}
.registerfamily h2{
	margin-bottom: 15px;
    font-size: 16px;
    background-color: #f1f1f1;
    padding: 7px 10px;
    border-radius: 3px;
    margin-top: 5px;
}
.loginpageouter .form-group{
	
}
.loginpageouter .form-group label{
	display: block;
    margin-bottom: 5px;
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 15px;
}
.loginpageouter .form-group input{
	width: 100%;
    padding: 3px 10px;
    border: 1px solid #e2e2e2;
}
.loginpageouter .form-group .error{
	margin-top: 3px;
    letter-spacing: 0.5px;
    font-size: 13px;
    color: red;
}
.form-group .inputcheckcli{
	margin-top: 20px;
    margin-bottom: 20px;
}
.form-group .inputcheckcli input{
	margin: 0;
    width: auto;
    float: left;
}
.form-group .inputcheckcli span{
	font-size: 13px;
    float: left;
    width: calc(100% - 30px);
    margin-left: 5px;
    line-height: 1.3;
}
.loginpageouter .resend{
	margin-bottom: 20px;
}
.loginpageouter .resend a{
	color: #404040;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
}
.loginpageouter .resend a + a{
	float: right;
}
.loginpageouter .btns {
	
}
.loginpageouter .btn-same{
	line-height: 38px;
    background-color: #556080;
    border-color: #556080;
	float: left;
	margin-right: 0;
}
.loginpageouter .btn-register{
	background-color: transparent;
    color: #556080;
}
.loginpageouter .btn-login:hover, .loginpageouter .btn-login:focus{
	background-color: #444c66;
    color: #fff;
}
.loginpageouter .btn-register:hover, .loginpageouter .btn-register:focus{
	background-color: #556080;
    color: #fff;
}
.loginpageouter .equalbtns{
	min-width: 170px;
}
.loginpageouter .btns .btn  + .btn {
	float:right;
}
/* regiester page css start */
.registerouter .whitebgdefine{
	max-width: 500px;
	min-width: 500px;
}
.registerouter .form-group{
	position: relative;
}
.registerouter .svgimageouter{
	float: left;
    width: 25px;
}
.registerouter .svgimageouter svg{
	height: 18px;
    float: left;
	fill: #606b89;
}
.registerouter .svgimageouter + label{
	float: left;
    width: calc(100% - 30px);
}
.registerouter select{
	width: 100%;
    border: 1px solid #e2e2e2;
    padding: 3px 10px;
    border-radius: 3px;
    height: 38px;
}
.registerouter .col-sm-6{
	padding-left:0;
}
.registerouter .col-sm-6 + .col-sm-6{
	padding-right:0;
	position:relative;
}
.registerouter .claendarsvg{
	position: absolute;
    right: 7px;
    bottom: 7px;
	margin-bottom: 0 !important;
}
.registerouter .claendarsvg svg{
	height: 21px;
    fill: #606b89;
	float: left;
}
.registerouter .maxl{
	clear: both;
    float: left;
    width: 100%;
}
.registerouter .form-group .radio {
	margin: 0;
    float: left;
    position: relative;
	margin-right: 10px;
}
.registerouter .radio input{
	visibility: hidden;
}
.registerouter .radio span{
	height: 50px;
    width: 50px;
    text-align: center;
    float: left;
    line-height: 50px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    cursor: pointer;
}
.registerouter .radio input:checked + span, .registerouter .radio input:hover + span{
	background-color: #556080;
    border-color: #556080;
	color:#fff;
}

.registerouter .radio .svgimg{
	height: 50px;
    width: 50px;
    text-align: center;
    float: left;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    cursor: pointer;
	padding-top: 5px;
    padding-bottom: 5px;
}
.registerouter .radio .svgimg svg{
	width: 20px;
    fill: #556080;
	display: inline-block;
}
.registerouter .radio .svgimg strong{
	font-size: 12px;
    display: block;
    margin-top: -2px;
}
.registerouter .radio input:checked + .svgimg, .registerouter .radio input:hover + .svgimg{
	background-color: #556080;
    border-color: #556080;
	color:#fff;
}
.registerouter .radio input:checked + .svgimg svg, .registerouter .radio input:hover + .svgimg svg{
	fill:#fff;
}
.registerouter .alreadyacouncon p{
	margin: 0;
    float: left;
    line-height: 38px;
}
.registerouter .alreadyacouncon button{
	float:right;
}
/* #Header Css start 
============================================== */
.header-region{
	background-color: #000000;
    padding: 10px 0;
}
.header-region .back{
	margin-top: 12px;
    display: block;	
}
.header-region .menubtn{
    background-color: transparent;
    border: 0;
    padding: 0;
}
/* Landing page css Start
============================================== */
.innerpages{
	padding-bottom:30px;
}
.landing-pg{
	min-height: 100vh;	
}
 .logo-region{
	padding-top: 0;
    padding-bottom: 20px;	
}
.landing-pg h1{

}
.landing-pg .content-region{
	z-index:2;
}
.landing-pg h2{
	margin: 0;
    font-weight: 500;
}
.landing-pg h3{
    margin: 0;
    margin-top: 3px;
    font-weight: 400;
}
.flipingbox{
	font-size: 20px;
    font-weight: 400;
    padding-bottom: 70px;
}
.flipingbox .c--anim-btn{
	float:left;
	width:33.33%;
}
.flipingbox .c--anim-btn span{
	display:block;
}
.arrow-grow{
	position: absolute;
    width: 60%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 0.1;
    text-align: left;
}

.people{
	position: absolute;
    left: 0;
    bottom: 0;
	width: 100%;
	max-width:initial;
}
.people img{max-width:initial;width:100%;}
.btns{}
.btn-same {
    line-height: 45px;
    background-color: #f16136;
    color: rgb(255, 255, 255);
    margin-right: 20px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2px;
    padding: 0px 25px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 3px;
}
.btn-same:hover, .btn-same:focus{
	color:#fff;
}
.btn-sign {
    background-color: #0584c7;
    margin: 0px;
}
.btns > *:last-child{
	margin-right:0;
}
.btn-register{

}
.equalbtns{
	min-width: 180px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1.5px;
}
.btn-register{
	background-color: transparent;
    border: 1px solid #fff;
}
.btn-loginn{
	border:1px solid #f16136;
}

/* OTP page css Start
============================================== */
input {
    border: 1px solid #D1D1D1;
    border-radius: 3px;
    line-height: 30px;
	width: 100%;
}
.from-region-otp {

}
.from-region-otp .sub-heading{
	margin-bottom: 10px;
}
.from-region-otp .otpfild{
	margin-bottom: 15px;
}
.otpfild input{

}
.resend{
	margin-bottom: 10px;
}
.resend a{
	font-size: 13px!important;
	color: blue!important;
}
.from-region-otp .btns{
}
.from-region-otp .sub-content{
}
.from-region-otp .sub-content p{
	margin-bottom: 0;
}
.from-region-otp .sub-content .btns{
	margin-top:10px;
}
.btn-grey{
	background-color: #58585a;
}
.btn-blue{
	background-color:#0584c7;
}
.from-region-otp{
	    max-width: 500px;
    margin: auto;

}
/* #Login */
.from-region-otp .form-group {
    position: relative;
    margin: 0;
    margin-top: 30px;
}
.from-region-otp .form-group input {   
    display: block;
    padding: 10px 10px 0px 5px;
    width: 100%;
    background: none;
    border-bottom: 1px solid #757575;
    border-top: 0;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    text-align: left;
	padding-left:80px;
}
.from-region-otp .form-group .highlight {
    height: 60%;
    left: 0;
    opacity: 0.5;
    pointer-events: none;
    position: absolute;
    top: 25%;
    width: 100px;
}
.from-region-otp .form-group .bar::before {
    left: 50%;
}
.from-region-otp .form-group .bar::before, .from-region-otp .form-group .bar::after {
    background: #5264ae none repeat scroll 0 0;
    bottom: 1px;
    content: "";
    height: 2px;
    position: absolute;
    transition: all 0.2s ease 0s;
    width: 0;
}
.from-region-otp .form-group .bar::after {
    right: 50%;
}
.from-region-otp .form-group label {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    left: 0px;
    pointer-events: none;
    position: absolute;
    top: 15px;
    transition: all 0.2s ease 0s;
	margin-bottom:0;
}
/*.from-region-otp .form-group input:focus ~ label, .from-region-otp .form-group input:valid ~ label {
    color: #5264ae;
    font-size: 14px;
    top: -10px;
}*/
.from-region-otp .form-group input:focus ~ .highlight {
    animation: 0.3s ease 0s normal none 1 running inputHighlighter;
}
@keyframes inputHighlighter {
0% {
    background: #5264ae none repeat scroll 0 0;
}
100% {
    background: transparent none repeat scroll 0 0;
    width: 0;
}
}
@keyframes inputHighlighter {
0% {
    background: #5264ae none repeat scroll 0 0;
}
100% {
    background: transparent none repeat scroll 0 0;
    width: 0;
}
}
.from-radio label{
	margin-bottom: 0;
    margin-top: 10px;
}
.from-region-con .resend{
	margin: 0;
    margin-top: 10px;
}
.from-region-con .resend a{
	width: 50%;
    float: left;
}
.from-region-con .resend a + a{
	text-align:right;
}
.from-region-otp .sub-content > p{
	margin-bottom:3px;
}
.from-region-otp .form-group  .error{
	color: #f16136;
}
.contetnpargrp{
}
.headingcon-lo{
	align-items: center;
}
.headingcon-lo p{
 	margin-bottom:0;
}
.frogo-username img{
	display:inline-block; 
}
.text-logo-small{
	max-height:22px;
}
.iframe-video{
	width: 100%;
    display: inline-block;
    height: 250px;
}
.text-logo-heading{

}

.login-pg{
	max-width: 500px;
}
.login-pg .fromdesginnew label{
	
}
.login-pg .fromdesginnew .resend a, .login-pg .sub-content a{
	font-weight: 400;
    color: grey;
}
/* Placement page css */
.from-region-otp .leftposdefin .form-group label{
	left:15px;
}
.placement-con .nav-tabs{
	border: 0px;
}
.placement-con .row-eq-height > [class^=col]{
	align-items: flex-end !important;
	display:flex;
}
.placement-con .nav-tabs .nav-item{
	    padding: 0;	
}
.placement-con .nav-tabs .nav-link{
	padding: 0;
    border: 0;
    background-color: transparent !important;
    text-align: center;
    font-weight: 400;
	width: 100%;
}
.placement-con .nav-tabs .nav-link  img{
	padding: 0 10px;
}
.placement-con .nav-tabs .nav-link .activeimg{
	display:none;
}
.placement-con .nav-tabs .nav-link.active .activeimg{
	display:inline-block;
}
.placement-con .nav-tabs .nav-link.active .default{
	display:none;
}
.placement-con .nav-tabs .nav-item span{
	float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
    background-color: #d8d6d6;
    color: #fff;
	line-height: 2.3;
	position: relative;
}
.placement-con .nav-item.firstplace  span{

}
.placement-con .nav-item.secndplace span{
	background-color:#cecbcb;
}
.placement-con .nav-item.thirdplace span{

}
body .placement-con .nav-item .active span{
	background-color:#f15a22;
}
.placement-con .nav-item .active span:after{
	position: absolute;
    content: "";
    top: -2px;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #f15a22;
}
.placement-con .nav-item .active span:before{
	position: absolute;
    content: "";

    bottom: -2px;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #f15a22;
}
.alignmiddlecon .definemidlc{
	display: flex;
    align-items: center;
}
.alignmiddlecon .definemidlc > div{
	width:100%;
}
/* #Edit Profile page */ 
.editprofilecon .form-group{

}
.editprofilecon .form-group .editsavbtn{
	position: absolute;
    right: 10px;
    bottom: 0;
}
.hide{
	display:none;
}
.editprofilecon .card-body .form-group:first-child{
	margin-top:0;
}

.editprofilecon .card{
	border: 0;
    background-color: transparent;
    border-radius: 0;
	margin-bottom: 3px;
}
.editprofilecon .card-header{
	padding: 0;
    border: 0;
    background-color: transparent;
}
.editprofilecon .card-body{
	padding: 10px 0;
}
.editprofilecon .headingedit{
	display: block;
    background-color: #f0f1f3;
    line-height: 36px;
    padding: 0 10px;
	cursor: pointer;
}
.editprofilecon .headingedit strong{

}
.editprofilecon .headingedit span{
	float: right;
    line-height: 20px;
    color: #fff;
    font-size: 20px;
    background-color: #f15922;
    width: 20px;
    text-align: center;
    border: 1px solid #f15922;
    margin-top: 8px;
}
.editprofilecon.from-region-otp .form-group input{
	padding-right: 40px;
}
.editprofilecon .minussign{
	display:block;
}
.editprofilecon div[aria-expanded="false"] .minussign{
	display:none;	
}
.editprofilecon div[aria-expanded="true"] .plusisgn{
	display:none;	
}
/*.editprofilecon div[aria-expanded="true"]{
	background-color: transparent;
}*/
.editprofilecon div[aria-expanded="true"] strong{
	color: #f15922;
}
/*.editprofilecon.from-region-otp .form-group label{
	left: 10px;
}*/

/* #Highcharts Css */
.highcharts-credits, .highcharts-text-outline, .highcharts-contextbutton{
	display:none !important;
}
.highcharts-point{
	fill: #f15922;
}
.ocsxpages .card-body{
	padding: 10px ;
}
.fromdesginnew > .row{
	margin-bottom: 15px;
}
.fromdesginnew input[type="text"], .fromdesginnew input[type="password"], .fromdesginnew input[type="email"], .fromdesginnew select{
	color: #58585a;
    border-bottom: 1px solid #757575;
    border-left: 0;
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    width: 100%;
    background-color: transparent;
    padding: 0;
	line-height: 30px;
}
.fromdesginnew select{
	height: 31px !important;
    font-size: 14px;
}
.fromdesginnew label{
	margin: 0;
    line-height: 31px;
	font-weight: 500;
}
.form-control:focus{
	box-shadow: initial;
}
.fromdesginnew .input-group-addon{

}
.fromdesginnew .input-group-addon i{
	font-size: 22px;
    line-height: 31px;
    vertical-align: middle;
    padding-right: 5px;
}
/* Box layout desgin
============================================== */
.boxes-layout-regular [class^=col]{
    display: flex;
    align-items: center;
	margin-bottom: 20px;
}
.boxes-layout-regular .box-inner {
    width: 100%;
    height: 100%;
}
.boxes-layout-regular a{
	font-weight: 400;
    color: #58585a;
    text-decoration: none;
    display: block;
    padding: 25px;
	border-radius: 3px;
}
.boxes-layout-regular img {
    max-height: 30px;
    margin-bottom: 15px;
}
.boxes-layout-regular p{

}
.color-st-1{
	background: -moz-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6ebf8), color-stop(100%, #fff)); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* ie10+ */
	background: linear-gradient(0deg, #c6ebf8 0%, #fff 100%); /* w3c */
}
.color-st-2{
	background: -moz-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6f9f0), color-stop(100%, #fff)); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* ie10+ */
	background: linear-gradient(0deg, #b6f9f0 0%, #fff 100%); /* w3c */
}
.color-st-3{
	background: -moz-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6d6d9), color-stop(100%, #fff)); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* ie10+ */
	background: linear-gradient(0deg, #c6d6d9 0%, #fff 100%); /* w3c */
}
.color-st-4{
	background: -moz-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .3)), color-stop(100%, #fff)); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* ie10+ */
	background: linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* w3c */
}

/* #content pages */
.welcome-message {
	
}
.contelayutfild{

}
.contflda h2{

}
.contflda h3{
	    font-size: 16px;
}
.innerpages > row{
	z-index:9;
}
.formstyling{

}
.inerhedcop{
	font-weight: bold;
	margin-bottom: 10px;
}
.formstyling h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}
.formstyling .col-md-12{
	margin-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
}
.formstyling p{
	background: #eaeaea;
	padding: 10px;
	font-weight: 500;
	margin-bottom: 5px;
}
.formstyling label{
	margin: 0;
	font-weight: 300;
}
.formstyling label + label{
	padding-left:10px;
}
.formstyling label input{

}
.formstyling label span{

}
#appendcont{
	display:none;
}
.colmdefinconfld{

}
.colmdefinconfld h3{

}
.colmdefinconfld img{

}
.colmdefinconfld ul{

}
.colmdefinconfld ul li{

}
.stylingimge{
	float:left;max-width:400px;padding-right:20px;
}
.borderlinecon{
	border: 1px solid #e7e7e7;
    text-align: center;
    max-height: 130px;
    min-height: 130px;
}
.borderlinecon img{
	max-height: 60px;
    margin-top: 30px;
}
.conontdetailsfld{
	padding: 30px 0;
}
.conontdetailsfld hr{
	margin-bottom: 10px;
    margin-top: 10px;
}
.conontdetailsfld h2{
	font-size: 20px;
    margin-bottom: 15px;
}
.conontdetailsfld .form-queries{

}
.conontdetailsfld .form-queries label{
	margin: 0;
    letter-spacing: 0.5px;
    display: inline;
    margin-left: 4px;
}
.conontdetailsfld .form-queries .col-sm-2{
	line-height: 25px;
    letter-spacing: 0.5px;
}
.conontdetailsfld .form-queries input[type="radio"]{
	margin-right: 5px;
    margin-top: 5px;
    float: left;
}
#result h2{
	margin-bottom: 5px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
}
/* #placment apply page start*/
.placmentscon{
	padding: 30px 0;
}
.navtaboutercon{

}
.navtaboutercon .nav-tabs{
	border: 0;
}
.navtaboutercon .nav-tabs > li{
	margin: 0;
    width: 25%;
}
.navtaboutercon .nav-tabs > li > a{
	position: relative;
    background: #fff;
    border-left: 2px solid #e5e5e5;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    border-radius: 0;
    margin: 0;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.7px;
    font-weight: 300;
    text-align: center;
	    border-right: 0;
		color: #58585a;
}
.navtaboutercon .nav-tabs > li > a:after, .navtaboutercon .nav-tabs > li > a:before {
	left: 100%;
    top: 44%;
    border: solid transparent;
    content: " ";
    height: 1;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10;
}
.navtaboutercon .nav-tabs > li > a:after {
	border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 20px;
    margin-top: -17px;
}
.navtaboutercon .nav-tabs > li > a:before {
	border-color: rgba(170, 170, 170, 0);
    border-left-color: #e5e5e5;
    border-width: 22px;
    margin-top: -19px;
}
.navtaboutercon .nav-tabs > li:last-child > a{
	border-right: 2px solid #e5e5e5;
}
.navtaboutercon .nav-tabs > li:last-child > a:after{
	display:none;
}
.navtaboutercon .nav-tabs > li:last-child > a:before{
	display:none;
}
.navtaboutercon .nav-tabs > li > a:hover, .navtaboutercon .nav-tabs > li > a.active{
	background-color:#556080;
	color:#fff;
}
.navtaboutercon .nav-tabs > li > a:hover:after, .navtaboutercon .nav-tabs > li > a.active:after{
	width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 18px solid #556080;
    position: absolute;
    content: "";
    top: 17px;
    right: -38px;
    left: initial;
}
.navtaboutercon .nav-tabs > li > a:hover:before, .navtaboutercon .nav-tabs > li > a.active:before{
	display:none;
}
.contplatabfld{
	clear: both;
    float: left;
    width: 100%;
    margin-top: 30px;
    background-color: #f2f2f2;
    padding: 20px;
}
.contplatabfld label{
	    margin: 0;
    font-weight: 400;
    letter-spacing: 0.7px;
    color: #707070;
    font-size: 16px;
    line-height: 2;
    float: left;
    width: 100%;
}
.contplatabfld  input[type="text"], .contplatabfld  select, .contplatabfld  .datepicker, .contplatabfld  textarea	{
	border: 0;
    border-radius: 0;
    height: 45px;
    width: 100%;
    letter-spacing: 0.7px;
    color: #707070;
    padding: 5px 10px;
}
.contplatabfld  textarea{
	padding: 10px;
}
.contplatabfld  .form-group{
	margin: 0;
    margin-bottom: 20px;
}
.contplatabfld  select{
	padding: 0 10px;
}
.contplatabfld .phonefldcon-globalconcss input{
	width: 50px;
    clear: both;
	    float: left;
		background-color: #d7d7d7;
}
.contplatabfld .form-control[readonly]{
	background-color: #d7d7d7;
    border-color: #d7d7d7;
}
.contplatabfld .phonefldcon-globalconcss input + input{
	clear: none;
    width: calc(100% - 60px);
    margin-left: 10px;
	background-color: #fff;
}
.contplatabfld .calendrfild{
	position: relative;
}
.contplatabfld .calendrfild .fonticon{
	position: absolute;
    height: 45px;
    font-size: 24px;
    width: 25px;
    right: 20px;
    text-align: center;
    bottom: 0px;
    color: #556080;
	padding-top: 11px;
}
.contplatabfld .nolabelsh{
	padding-top: 32px;
}

.adresfldcon-globalconcss textarea{
	height: 100px;
}
.aboutsefldcon-globalconcss textarea{
	    height: 197px;
}
.qualificselted{
	margin-bottom: 30px;
}
.qualificselted .btneduction{
	    margin-top: 5px;
}
.qualificselted .btneduction span{
	display: block;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.7px;
    background-color: #fff;
    padding: 10px 0;
    border-radius: 3px;
}
.qualificselted .btneduction.active span, .qualificselted .btneduction span:hover{
	    background-color: #556080;
    color: #fff;
}

.videoconpage{

}
.videoconpage h2{
	margin-bottom: 10px;
}
.videoconpage iframe{
	float: left;
    width: 100%;
    margin-bottom: 20px;
}
.videoconpage .contflda{

}
.contplatabfld select[multiple]{
	padding: 10px;
    height: 100px;
}
.contplatabfld .skillsconfld textarea{
	height: 100px;
}
#confirmationstab{
	padding: 60px;
    text-align: center;
}
.thankyoucontenfld h2{
	font-size: 50px;
    font-weight: bold;
}
.thankyoucontenfld .tickmark{
	margin-top: 20px;
    margin-bottom: 20px;
    font-size: 110px;
    line-height: 1;
    color: #9ae064;
}
.thankyoucontenfld p{
	    font-size: 16px;
    letter-spacing: 0.5px;
}
#teststab{
	padding:0;
	padding-bottom:20px;
}
#teststab > .col-md-4{
	border-right: 2px solid #fff;
}
#teststab > .col-md-12{
	margin-top:20px;
}
#teststab .hedinpgbig{
	margin-left: -15px;
    margin-right: -15px;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    border-bottom: 2px solid #fff;
    padding-bottom: 20px;
    font-size: 18px;
    letter-spacing: 0.7px;
    font-weight: 400;
    padding-top: 20px;
}
#teststab .shadwowbox{
	margin-top: 20px;
    display: block;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 10px 10px;
    float: left;
    width: 100%;
}
#teststab .shadwowbox span{
	line-height: 30px;
    float: left;
}
#teststab .shadwowbox a{
	float: right;
    margin: 0;
    line-height: 30px;
}
/* #inspiring stories */
.inspiringfld{
	padding-top: 25px;
    padding-bottom: 25px;
    letter-spacing: 0.7px;
}
.inspiringfld h2{
	font-weight: bold;
    margin-bottom: 15px;
}
.inspiringfld h4{
	    margin-top: 0;
    margin-bottom: 10px;
    color: #404040;
    font-weight: 500;
    font-size: 16px;
}
.inspiringfld .comment {
	border: 1px solid #b7b7b7;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 15px;
    line-height: 1.7;
}
.moreelipses{
	display:none;
}
.inspiringfld .morecontent{

}
.inspiringfld .morelink{
	color: #007cde;
    display: block;
    text-decoration: none;
    margin-top: 10px;
}
.inspiringfld .less{

}
.morecontent span {
	display: none;
}
/* #home page redesgined */
.headerregionnew{
	letter-spacing: 1.7px;
    background-color: #363e52;
    padding: 15px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.headerregionnew ul{
	margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}
.headerregionnew li{
	float: left;
}
.headerregionnew li a{
	float: left;
    padding-right: 25px;
    margin-right: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    font-size: 15px;
}
.headerregionnew li:last-child a{
	border-right: 0px;
    margin-right: 0;
    padding-right: 0;
}


/* baner-region start */

.baner-region {
    position: relative;
    background: url(https://clsite-file1.s3.amazonaws.com/6858_student_3.jpg) center top/cover no-repeat;
    padding: 40px 0;overflow: hidden;
}

.baner-region h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}

.baner-region::before {
    content: '';
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgb(0, 0, 0);
    opacity: 0.2;
}

.home-content {
    position: relative;
    z-index: 99;
    color: #ffffff;
}

.bg {
animation: slide 3s ease-in-out infinite alternate;
background-image: linear-gradient(
-60deg
, #ff0000 50%, #2900ff 50%);
bottom: 0;
left: -50%;
opacity: .3;
position: absolute;
right: -50%;
top: 0;
z-index: 1;
}
.bg2 {
animation-direction: alternate-reverse;
animation-duration: 4s;
}

.bg3 {
animation-duration: 5s;
}

@keyframes slide {
    0% {
    transform: translateX(-25%);
    }
    100% {
    transform: translateX(25%);
    }
    }  

/* baner-region end */

.banneregioncon{
	background-color: #363e52;
    padding-top: 20px;
    padding-bottom: 10px;
    background-image: url(/images/rocketsmoke.png);
    /* background-size: contain; */
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: calc(100vh - 166px);
    position: relative;
}
.banneregioncon:after{
	position: absolute;
    content: "";
    bottom: 0;
    background-image: url(/images/studyicons2.png);
    left: 0;
    width: 200px;
    height: 253px;
    background-size: auto 253px;
    background-repeat: no-repeat;
}
.banneregioncon:before{
	position: absolute;
    content: "";
    bottom: 0;
    background-image: url(/images/studyicons1.png);
    right: 0;
    width: 201px;
    height: 280px;
    background-repeat: no-repeat;
    background-size: auto 280px;
}
.banneregioncon .conteouter{
	max-width: 400px;
    margin: 0 auto;
    text-align: center;
}
.banneregioncon .rocket{
	padding-bottom: 135px;
}
.banneregioncon .rocket img{

}
.banneregioncon .logoregion{

}
.banneregioncon h3{
	color: #fff;
    font-size: 27px;
    margin-top: 15px;
    margin-bottom: 25px;
    letter-spacing: 0.4px;
}
.banneregioncon .btns{

}
.countsection{
	background-color: #f2f2f2;
	text-align: center;
}
.countsection .fillwhitecolor{
	background-color:#fff;
}
.countsection h2{
	    font-size: 25px;
    color: #404040;
    font-weight: 700;
    padding-top: 25px;
}
.countsection h3{
	    margin: 0;
    color: #000;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 25px;
    font-size: 18px;
}

.whitregionc{
	padding: 70px 0;
}
.whitregionc h2{
	font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
	color: #000;
}
.whitregionc p{
	font-size: 18px;
    max-width: 70%;
	margin:0 auto;
}
.whitregionc a{
	margin-top: 10px;
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}
.expregioncon{
	background-color: #f2f2f2;
    padding: 90px 0;
}
.expregioncon .row{

}
.expregioncon h2{
	font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
}
.expregioncon p{
	    font-size: 18px;
    max-width: 70%;
}
.expregioncon img{

}
.expregioncon + #footerregion{
	margin-top:0;
}


.uploadfilsec .inputtype, .uploadfilsec .form-group{
	clear: both;
    float: left;
    width: 100%;
    margin: 0;
}
.uploadfilsec div label{
	padding: 0;
    border: 0;
    border-radius: 0;
    position: relative;
    margin-bottom: 20px;
}
.uploadfilsec input[type="file"]{
	opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.uploadfilsec .heading-main{
	background-color: #556080;
    color: #fff;
    padding: 10px 5px;
    text-align: left;
    letter-spacing: 0.7px;
    vertical-align: top;
    float: left;
    width: 100%;
}
.uploadfilsec .heading-main{

}
.uploadfilsec .heading-main i{
	font-size: 25px;
    float: left;
    line-height: 20px;
}
.uploadfilsec .heading-main span{
	line-height: 20px;
    vertical-align: top;
    padding-left: 5px;
    float: left;
}
.uploadfilsec .imagefldcon{
	background-color: #fff;
    padding: 10px 20px;
    clear: both;
}
.uploadfilsec .imagefldcon img{

}
.uploadfilsec .imagefldcon span{
	    white-space: initial;
    line-height: 1.2;
    padding-top: 10px;
    display: block;
    font-size: 13px;
    color: #919191;
}
.btn-newcon{
	background-color: transparent;
    border: 1px solid #ddd;
	color: #000 !important;
    margin-top: 0 !important;
}
.whitregionc .btnfld {
	margin-top: 20px;
}



.topictestcon h2 {
	font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
	margin-left: -15px;
}
.topictestcon .panel-group .panel {
    border-radius: 3px;
    border: 1px solid #ddd;
	clear: both;
}
.topictestcon .acoordinheader ~ .acoordinheader{
	margin-top:25px;
}
.topictestcon .panel-default > .panel-heading {
    padding: 0;
}
.topictestcon .panel-title {
   	margin-top: 0;
    margin-bottom: 0;
    display: block;
}
.topictestcon .panel-title > a {
   	display: block;
    padding: 10px 15px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.7px;
}
.topictestcon .panel-group .glyphicon {
    float: right;
    color: #fff;
    height: 23px;
    width: 23px;
    line-height: 23px;
    text-align: center;
    background-color: #363e52;
    font-size: 10px;
    font-weight: normal;
    top: -3px;
    right: -5px;
	    border-radius: 3px;
}
.topictestcon .panel-group .panel + .panel {
    margin-top: 10px;
}
.topictestcon .panel-group {
    margin-bottom: 30px;
}
.fundbookspacing .panel-group {
	margin-bottom:10px;
}
.topictestcon .panel-group:last-child {
    margin-bottom: 0px;
}
.topictestcon .panel-body{
	padding: 15px 0;
}
.topictestcon .filtercontent{

}
.topictestcon  .filtercontent .contetrorepe-heading h3{
	font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0;
	margin-bottom:15px;
}
.topictestcon .panel-collapse .col-xs-12:nth-child(4n + 1){
	clear:both;
}
.filtercontent .contetrorepe h4{
	margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
	margin-bottom: 15px;
}
.topictestcon .panel-title .progress{
	margin-bottom: 0;
    margin-top: 0;
    margin-left: 100px;
    width: 600px;
    background-color: #e8e8e8;
}
.topictestcon .panel-title .progress-bar{
	background-color: #33A301;
    white-space: pre;
    color: #000;
    padding-left: 5px;
}
.topictestcon  .progress-bar.progresimg{
	background-color: #ff8282;
}
.topictestcon  .progress-bar.progres50{
	background-color: yellow;
}
.topictestcon  .progress-bar.progres75{
	background-color: green;
}
.contetrorepe .difuclihedin{

}
.contetrorepe .difuclihedin a{
	color: #707070;
    letter-spacing: 0.4px;
    padding-left: 10px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    padding: 0px 15px;
    background-color: transparent;
    margin-right: 0;
    line-height: 28px;
    width: 100%;
    margin-bottom: 15px;
}
.contetrorepe .difuclihedin .btn-info{
	border-color: #5bc0de;
}
.contetrorepe .difuclihedin .btn-warning{
	border-color: green;
}
.contetrorepe .difuclihedin .btn-danger{
	border-color: #d9534f;
}
.contetrorepe .difuclihedin .btn-info.active{
	background-color: #5bc0de;
	color: #fff;
    border-color: #5bc0de;
}
.contetrorepe .difuclihedin .btn-warning.active{
	background-color: green;
	color: #fff;
    border-color: green;
}
.contetrorepe .difuclihedin .btn-danger.active{
	background-color: #d9534f;
	color: #fff;
    border-color: #d9534f;
}
.topictestcon  .seeallcontbtn{
	background-color: #556080;
    color: #fff;
    letter-spacing: 0.7px;
    font-size: 14px;
    border: 0;
    padding: 3px 40px;
}
.topictestcon .panel-title > a > *{
	display: inline-block;
    vertical-align: top;
}
.topictestcon .panel-title strong{
	    min-width: 250px;line-height: 20px;
}
.lawtopictest .panel-title strong {
    min-width: 290px;
}	
.topictestcon  .topicheading h4:nth-of-type(3) ~ *, .contetrorepe .difuclihedin a:nth-of-type(3) ~ *{
	display:none;
}
.contetrorepe .difuclihedin a:nth-of-type(3) ~ *{

}
.topictestcon .showdiv{
	display:block;
}
.topictestcon  .acoordinheader{

}
.topictestcon .contetrorepe-heading > div > h3{
	margin-bottom:15px;
}

.videocontentregi{
	
}
.videocontentregi .nav{
	margin-bottom: 20px;
}
.videocontentregi .nav li{

}
.videocontentregi .nav .active{

}
.videocontentregi .nav li a{
	font-family: 'Roboto';
	font-size: 14px;
	font-weight: 500;
	color: #58585a;
}
.videocontentregi  .tab-content{

}
.videocontentregi .videoouter{

}
.videocontentregi .videoouter h3{
	font-size: 14px;
	font-weight: 500;
	color: #404040;
	font-family: 'Roboto';
	margin-top: 0;
	letter-spacing: 0.5px;
	line-height: 1.5;
	border: 1px solid #ddd;
	padding: 8px 15px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-bottom: 0;
}
.videos-innerdiv{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 0;
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.videos-innerdiv > .col-xs-12 {
	padding:0;
}
@media only screen and (min-width:980px){
	.videos-innerdiv .col-xs-6:nth-child(4n + 1){
		clear:both;
	}
}
.videos-innerdiv .thumbnail{
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	position: relative;
	margin-top: 20px;
}
.videos-innerdiv .thumbnail img{
	padding: 0;
	min-height: 180px;
	max-height: 120px;
}
.videos-innerdiv .thumbnail h3 {
	margin-top: 10px;
	font-size: 14px;
	font-family: 'Roboto';
	letter-spacing: 0.7px;
	line-height: 1.6;
	text-align: left;
	margin-bottom: 10px;
	min-height: 38px;
	font-weight: 400;
	text-align: center;
}
.videos-innerdiv .thumbnail p{
	text-align: center;
    color: blue;
    letter-spacing: 0.5px;
}
.videos-innerdiv .thumbnail a {
	position: absolute;
	left: 50%;
	top: 105px;
	transform: translate(-50%, -50%);
	color: #fff;
	background-color: red;
	border-color: red;
	padding: 7px 15px;
}
.videos-innerdiv .thumbnail .caption{
	padding: 0;
}
.videos-innerdiv .thumbnail .downloadbtn, .videos-innerdiv .thumbnail .taketestviewsol{
	position: relative;
	left: 0;
	top: 0;
	transform: initial;
	border: 1px solid #ddd;
	color: #58585a;
	background-color: transparent;
	letter-spacing: 0.5px;
	text-align: left;
	font-weight: 500;
	white-space: initial;
	font-family: 'Roboto';
}
.videos-innerdiv .thumbnail .taketesbtnglo{
	background-color: #556080;
    color: #fff;
    border-color: #556080;
}
.videos-innerdiv .thumbnail .viewsolbtn{
	background-color: gainsboro;
}
/* #error page css start */
.errorpage .bg {
	background-image: url(/images/error-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: calc(100vh - 218px);
    position: relative;
}
.errorpage h1{ 
	font-size:30px; 
	color:#FFFFFF; 
	font-weight:bold; 
	margin-bottom:20px;
}
.errorpage p{ 
	color:#FFFFFF; 
	font-size:16px; 
	margin-bottom:25px;
}
.errorpage .custombutton {
	background-color: #fff;
	border-color: #fff;
	border-radius: 3px;
	color: #8a8a8a;
	font-size: 15px;
	font-weight: 700;
	line-height: 30px;
	margin: 0 10px 0 0;
	padding: 4px 40px;
    text-shadow: initial;
}
.errorpage .custombutton:hover{ 
	background:#E36F3D;
	border-color: #E36F3D;
	color: #fff;
}
.errorpage .error{ 
	position:absolute; 
	bottom:70px;
} 
.errorpage .purplebandcont{
	display:none;
}
.errorpage #footerregion{
	margin-top:0;
}
/* #logout page css */
.logheader{
	padding-top: 15px;
    padding-bottom: 15px;
}
.logheader img{

}
.topcontentlog{
	border: 1px solid #afb2b8;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
}
.topcontentlog h2{
	color: #707070;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.5px;
}
.topcontentlog p{
	margin-top: 5px;
    color: #707070;
    letter-spacing: 0.7px;
    font-weight: 300;
    font-size: 12px;
}
.topcontentlog p a{
	color: blue;
    font-weight: 300;
}
.banerregionlog{
	position: relative;
	margin-bottom: 20px;
}
.banerregionlog .baneriner{
	
}
.banerregionlog .inerdibaner{
	background-color: #f0f8ff;
    border-radius: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}
.banerregionlog  img{
	
}
.banerregionlog h2{
	font-size: 34px;
    font-weight: bold;
    color: #818181;
    letter-spacing: 0.8px;
}
.banerregionlog .contflibenr{
}
.fldconsocial{
	
}
.fldconsocial a{
	display: block;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    margin-bottom: 40px;
    text-decoration: none;
    color: #58585a;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.fldconsocial .imgesolcil{

}
.fldconsocial .imgesolcil img{

}
.fldconsocial .contsocila{
	padding: 10px;
    text-align: center;
	    min-height: 130px;
}
.fldconsocial .socialicons{
	padding: 10px 20px;
    font-size: 16px;
}
.fldconsocial .socialicons i{
	font-size: 20px;
}
.fldconsocial .socialicons span{

}
.fldconsocial .fa-facebook{
	color: #3b5a9a;
}
.fldconsocial .fa-twitter{
	color: #1aa9e1;
}
.fldconsocial .fa-youtube-play{
	color: #f03a37;
}
.fldconsocial .fa-instagram{
	color:#8a3ab9;
}
/* #error page css end */

/* #Category Home right sidebar css start*/
.homoutefildcon{
	padding:30px 0;
	font-family: 'Roboto';
}
.rightsidebar-category{

}
.rightsidebar-category h2{
	margin-top: 0;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background-color: #009dbb;
    padding: 15px 5px;
    border-radius: 3px;
    font-weight: bold;
    margin-bottom: 2px;
    letter-spacing: 1px;
}
.rightsidebar-category .globregconfld{
	float: left;
    width: 100%;
	margin-bottom: 20px;
}
.rightsidebar-category .globregconfld h3{
	margin: 0;
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.5px;
    background-color: #009dbb;
    color: #fff;
    border-radius: 3px;
    font-weight: 400;
    padding: 10px 10px;
}
.rightsidebar-category .globregconfld div{
	padding:0;
}
.rightsidebar-category .globregconfld a{
	display: block;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #009dbb;
    font-size: 14px;
    margin-top: 6px;
    padding: 8px 10px;
	font-weight: 400;
}
.rightsidebar-category .globregconfld a:hover{
	background-color: #ccebf1;
    text-decoration: none;
    border-color: #ccebf1;
}
.rightsidebar-category .twocolmcrfoly a{
	margin-right: 3px;
}
.rightsidebar-category .twocolmcrfoly div:nth-child(2n) a{
	margin-left: 3px;
}
.rightsidebar-category .globliconcont a{
	text-align: left;
    padding-left: 45px;
	position: relative
}
.rightsidebar-category .globregconfld div svg{
	width: 23px;
    position: absolute;
    left: 10px;
    top: 6px;
    fill: #6b789d;
}
/*.rightsidebar-category .resaerchicon a{
	background-image: url(/images/research-icon.png);
}
.rightsidebar-category .personialtyicon a{
	background-image: url(/images/personality-icon.png);
}
.rightsidebar-category .internshipicon a{
	background-image: url(/images/internship-icon.png);
}
.rightsidebar-category .placmentsicon a{
	background-image: url(/images/placement-icon.png);
}*/
/* #Category Home right sidebar css end*/

/* #AI Guru page */
.aiguruouter{
	letter-spacing: 0.5px;
}
.aiguruouter h2{
	font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}
.aicontiner {
	border: 1px solid #cacaca;
    border-radius: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.aicontiner > div{
	padding: 0;
    margin-bottom: 30px;
}
.aicontiner > div:last-child{
	margin-bottom:0;
}
.aicontiner textarea{
	background-color: #eeeeee;
    width: 100%;
    border-radius: 3px;
    padding: 10px;
    font-size: 16px;
    letter-spacing: 0.5px;
    min-height: 115px;
    border: 1px solid #cacaca;
    color: #9E9E9E;
	display: block;
}
.aicontiner h3{
	font-weight: 500;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}
.aicontiner h3 span{
	font-size: 14px;
    font-weight: 400;
}
.aicontiner .maxl{
	clear: both;
    float: left;
    width: 100%;
}
.aicontiner .radio {
	margin: 0;
    float: left;
    position: relative;
	margin-right: 10px;
	font-weight: 400;
}
.aicontiner .radio input{
	visibility: hidden;
	position: absolute;
}
.aicontiner .radio span{
	float: left;
    line-height: 38px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.aicontiner .radio input:checked + span, .aicontiner .radio input:hover + span{
	background-color: #556080;
    border-color: #556080;
	color:#fff;
}
.aicontiner .fourcollayot .radio{
	width: 23.5%;
    margin-right: 2%;
}
.aicontiner .fourcollayot .radio:last-child{
	margin-right:0;
}
.aicontiner .fourcollayot  .radio span{
	width:100%;
}
.aicontiner .threcollayot .radio{
	width: 32%;
    margin-right: 2%;
}
.aicontiner .threcollayot .radio:last-child{
	margin-right:0;
}
.aicontiner .threcollayot  .radio span{
	width:100%;
}
.samplequestouter{

}
.samplequestouter ul{
	margin: 0;
    padding: 0;
    list-style: none;
}
.samplequestouter li{
	border: 1px solid #cacaca;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
}
.samplequestouter h3{
	margin-top: 0;
    margin-bottom: 15px;
    font-weight: 300;
    letter-spacing: 0.7px;
    font-size: 18px;
    line-height: 1.3;
}
.samplequestouter button{

}
/* Placment first page
============================================== */
.smashplacments{

}
.smashplacments .outersmash{
	background-color: #3b4359;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(/images/background-stars.png);
    padding-top: 15px;
    padding-bottom: 15px;
	display: flex;
}
.smashplacments .flexdefine{
	display: flex;
    justify-content: center;
    align-items: center;
}
.smashplacments .flexdefine h2{
	font-family: 'Covered By Your Grace', cursive;
    position: relative;
    font-size: 70px;
    color: #fff;
    text-align: center;
    line-height: .8;
    background-image: url(/images/smash-placmntapl.png);
    background-size: 290px auto;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 63px;
}
.smashplacments .boxdefinecont{
	background-color: #4f566a;
    color: #fff;
    letter-spacing: 0.7px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 3px;
}
.boxdefinecont h2{
	font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.boxdefinecont ul{
	margin: 0;
    padding: 0;
    list-style: none;
}
.boxdefinecont li{
	padding-left: 80px;
    padding-top: 17px;
    padding-bottom: 17px;
    line-height: 26px;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    margin-bottom: 50px;
}
.boxdefinecont li.twlines{
	    padding-top: 4px;
    padding-bottom: 4px;
}
.boxdefinecont li:last-child{
	margin-bottom:0;
}
.boxdefinecont li:after{
	content: "";
    position: absolute;
    height: 50px;
    width: 4px;
    background-color: #fff;
    left: 28px;
    bottom: -50px;
}
.boxdefinecont li:last-child:after{
	display:none;
}
.boxdefinecont li:before{
	content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px;
    left: 0;
    top: 0;
    background-size: 30px auto;
    background-color: #fff;
    border-radius: 50%;
	z-index: 2;
}
.boxdefinecont li.giveusdet:before{
	background-image:url("/images/giveusdetails.png");
}
.boxdefinecont li.selctprfloc:before{
	background-image:url("/images/prefredlocation.png");
}
.boxdefinecont li.writetotest:before{
	background-image:url("/images/writetaketest.png");
}
.boxdefinecont li.mailjobs:before{
	background-image:url("/images/jobsemail.png");
}
.boxdefinecont .proceddbtns{
	margin-top:30px;
	text-align:center;
}
.boxdefinecont .proceddbtns a{
	margin-right: 0;
    min-width: 160px;
}
.contentregionbot .logoregion img{
	max-height: 25px;
}
.contentregionbot{
	padding-top: 15px;
    padding-bottom: 15px;
}
.contentregionbot h1{
	margin-top: 0;
    font-size: 20px;
    font-weight: 600;
}
.contentregionbot p{

}
.contentregionbot input[type="text"]{
	height: 38px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    width: 100%;
    letter-spacing: 0.5px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.contentregionbot input[type="text"]:focus, .contentregionbot button:focus{
	border: 1px solid #556080;
    outline: 0 !important;
}
.informationcon{
    font-size: 13px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 15px;
    margin-top: 20px;
    text-align: center;
}
.informationcon img{
	display:inline-block;
}
.informationcon a{
	display:block;
	margin-top: 10px;
}
.chatboxde{
	position: relative;
    background-color: #eee;
    padding-bottom: 54px;
}
.chatboxde form{
	position: absolute;
    bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
    width: calc(100% - 16px);
}
#conversation{
	height: 487px;
    background-color: #eee;
    padding: 10px;
    overflow-y: auto;
    border-radius: 3px;
}

.userRequest {
	float: left;
    min-width: 70%;
    margin-left: 10px;
    background-color: #ffe6cb;
    position: relative;
    padding: 15px;
    border-radius: 3px;
    max-width: 70%;
    color: #653500;
    font-size: 18px;
    font-weight: 300;
    clear: both;
}
.userRequest:after {
	width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ffe6cb;
    position: absolute;
    content: "";
    left: -10px;
    top: 8px;
}
.lexResponse {
	clear: both;
    float: right;
    max-width: 70%;
    min-width: 70%;
    background-color: #c7eafc;
    padding: 15px;
    border-radius: 3px;
    position: relative;
    margin-right: 10px;
    color: #45829b;
    font-size: 18px;
    font-weight: 300;
    text-align: right;
}
.lexResponse:after{
	width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #c7eafc;
    position: absolute;
    content: "";
    right: -10px;
    bottom: 8px;
}
.lexError {
	
}
.contentregionbot .btn {
	background-color: transparent;
    border: 1px solid #556080;
    color: #556080;
    letter-spacing: 0.7px;
}
.contentregionbot .btn:hover, .contentregionbot .btn:focus, .contentregionbot .btn:visited{
	background-color: #556080;
	color:#fff;
}
.informationcon p{
	margin-bottom: 30px;
}
.contentregionbot button[value="home"]{
	background-color: #f16136;
    border-color: #f16136;
    color: #fff;
}
.contentregionbot button[value="home"]:hover{
	background-color: #f16136;
    border-color: #f16136;
    color: #fff;
}
.chatboxde form span{
	position: absolute;
    right: 0;
    top: 0;
    line-height: 38px;
    padding: 0 25px;
    background-color: #387d71;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.7px;
    border-radius: 3px;
	cursor:pointer;
}
.feedbackform{
	margin-top: 20px;
	box-shadow: 0 0px 6px 1px rgba(0, 0, 0, .1);
}
.feedbackform .feed-header{
	padding: 10px 15px;
    background-color: #c7eafc;
    border-color: #c7eafc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.feedbackform .feed-header .close{
	font-size: 28px;
    opacity: 1;
}
.feedbackform .feed-title{
	    font-size: 15px;
    letter-spacing: 0.7px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    color: #272525;
    margin: 0;
    font-weight: 500;
    line-height: 1.4;
}
.feedbackform .feed-body{
	padding:10px;
}
.feedbackform .feed-body .form-group:last-child{
	margin-bottom:0;
}
.feedbackform .feed-body textarea{
	margin: 0;
    width: 100%;
    vertical-align: top;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    min-height: 100px;
    letter-spacing: 0.3px;
}
.feedbackform .rating-stars{

}
.feedbackform .rating-stars ul{
	list-style: none;
    display: block;
    padding: 0;
    margin: 0;
	text-align: left;
}
.feedbackform .rating-stars ul li{
	display: inline-block;
    vertical-align: top;
}
.feedbackform .rating-stars ul li i{
	font-size: 20px;
    color: #777;
}
.feedbackform .feed-footer {
	padding: 10px 15px;
	border-top: 1px solid #f0ecec;
}
.feedbackform .feed-footer button{
	line-height: 38px;
    padding: 0 25px;
    background-color: #387d71;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.7px;
    border-radius: 3px;
    cursor: pointer;
}

/* Rating Star Widgets Style */
.feedbackform .rating-stars ul {
  list-style-type:none;
  padding:0;
  
  -moz-user-select:none;
  -webkit-user-select:none;
}
.feedbackform .rating-stars ul > li.star {
  display:inline-block;
  
}
/* Idle State of the stars */
.feedbackform .rating-stars ul > li.star > i.fa {
  font-size:1.5em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}
/* Hover state of the stars */
.feedbackform .rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}
/* Selected state of the stars */
.feedbackform .rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}

/* PDP REGION */
.fillcolopdp{
background-color: #0f1e32;
color: #fff;
padding-top: 30px;
padding-bottom: 30px;
}
.fillcolopdp h2{
font-size: 30px;
color: #fff;
margin-bottom: 15px;
}
.fillcolopdp p{
font-size: 14px;
letter-spacing: 0.5px;
max-width: 75%;
margin: 0 auto;
line-height: 1.6;
}
.listitempdp{
margin: 0;
padding: 0;
list-style: none;
}
.listitempdp li{
margin-bottom: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px;
border-radius: 3px;
float: left;
width: 100%;
letter-spacing: 0.7px;
}
.listitempdp .imageleft{
float: left;
width: 45px;
text-align: center;
margin-right: 25px;
}
.listitempdp img{
max-height: 30px;
}
.listitempdp h4{
margin-top: 0;
margin-bottom: 5px;
font-size: 17px;
font-weight: 500;
}
.listitempdp p{
color:#303030;
}
.listitempdp .pdpconten{
float: left;
width: calc(100% - 70px);
}
.listitempdp .pdpconten a{
color: #303030;
font-weight: 400;
}
.boxeslayutpdp{
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 3px;
margin-bottom: 15px;
padding: 0;
}
.boxeslayutpdp > h2{
display: block;
background-color: #0F1E32;
color: #fff;
line-height: 40px;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.7px;
text-align: center;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.boxeslayutpdp .indivpdp{
display: block;
padding: 15px;
}
.boxeslayutpdp .btn{
background-color: #21BEDA;
border-color: #21BEDA;
letter-spacing: 0.7px;
font-size: 15px;
font-weight: 400;
}
.boxeslayutpdp .showrecord{
display: block;
position: relative;
margin-top: 20px;
}
.showrecord h3{
margin-top: 0;
margin-bottom: 5px;
color: #545454;
font-size: 16px;
font-weight: 300;
}
.showrecord a{
position: absolute;
right: 0;
top: 0;
font-size: 12px;
font-weight: 500;
}
.showrecord span{
color: #303030;
font-weight: 300;
}
.indivpdp .fldcont{
margin-bottom: 20px;
}
.indivpdp .fldcont:last-child{
margin-bottom:0;
}
.indivpdp .fldcont h5{
margin-top: 0;
margin-bottom: 5px;
font-size: 18px;
font-weight: 300;
}
.indivpdp .fldcont  p{
color: #303030;
font-weight: 300;
font-size: 14px;
}
.indivpdp .fldcont  strong{

}
.indivpdp .fldcont  span{

}
.pdpdcontreld .hedingrgn{
	padding-bottom: 10px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}
.pdpdcontreld .hedingrgn h1{
	margin-bottom: 0;
	display: inline;
	line-height: 35px;
}
.pdpdcontreld .hedingrgn .pull-right{

}
.pdpdcontreld .hedingrgn a{
	margin-right: 0;
	line-height: 35px;
	font-size: 14px;
	padding: 0 15px;
}


.link-btn {
background-color: #ff692e;
color: #fff !important;
padding: 5px 7px;
border-radius: 3px;
font-weight: normal;

}





/*****form-section-start***/

.from-region h4{
margin-top: 0;
font-size: 18px;
color: #333;
}
.greycolor-con {
background-color: #f3f3f3;
padding:15px;
}


.right-con-hed .form-group {
margin-bottom: 10px;
padding-left: 0;
}

/*.right-con-hed img {
   position: absolute;
    left: 172px;
    width: 14px;
    text-align: center;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}*/

.right-con-hed img {
   
    width: 14px;margin-top: 11px;
    text-align: center;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.right-con-hed .form-control {
    border-radius: 0;
    border: 0px;
    box-shadow: initial;
    height: 40px;
    padding-left: 10px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    background-position: 20px center;
    font-family: 'Lato';
    color: #342e37;
    text-transform: inherit;
    padding-top: 0px;
}

.right-con-hed input[type="submit"] {
background-color: #ff692e;
border-radius: 2px;
color: #ffffff;
font-size: 18px;
font-weight: bold;
line-height: 48px;
padding: 1px 15px;
text-shadow: initial;
width: 100%;
border: none;
margin-bottom: 0;
}

.section-thanku .spot1{
background-color: #f5f5f5;
padding: 30px;
}


/*****form-section-close***/

.arrow{
	padding-left: 0;
}

.input-group-btn > .btn {
    bottom: 12px;
    padding: 7px;
    background: #ff692e;
    border: none;
}


	tr:nth-of-type(2n+1) {background-color: #fafafa;

}

.webinar-btn{
margin-top: 20px;
clear: both;
float: left;
width: 100%;
}

/* #responsive start 
============================================== */
@media only screen and (max-width:767px){
	
	.webinar-btn .btn {
		width:100%;
	}	
	
	.measurement .col-md-3{	
height: 100%;
position: inherit;
text-align: center;	
}
.measurement .col-md-3 img{	
bottom: 0;
position: inherit;
max-width: 115px;	
	display: inline-block;
}
.measurement .col-md-9{	
width: 100%;
padding-left: 0px;	
}
	h1{font-size: 20px;line-height: 1.2;}
	.p-t-w-m{padding-top:30px;}
	.navtaboutercon .nav-tabs > li{width:100%;}
	.navtaboutercon .nav-tabs > li > a:hover:after, .navtaboutercon .nav-tabs > li > a.active:after{display:none;}
	.navtaboutercon .nav-tabs > li > a:after, .navtaboutercon .nav-tabs > li > a:before{display:none;}
	.navtaboutercon .nav-tabs > li > a{border-right: 2px solid #e5e5e5;}
	.topictestcon  .contetrorepe .smalbtncon{margin-bottom:5px;margin-right: 5px;}
	.topictestcon .panel-title .progress{margin: 0;width: 100%;margin-top: 5px;}
	.topictestcon .panel-title strong{ min-width: initial;}
	.topictestcon .difuclihedin{padding:0;}
	.topictestcon .topicheading{padding: 0;padding-left: 5px;}
	.topictestcon .difuclihedin .col-xs-4{padding:0;}
	.topictestcon .difuclihedin .col-xs-4{padding-left:3px;}
	.contetrorepe .difuclihedin a{font-size: 10px;letter-spacing: 0;padding:0;}
	.errorpage .error{position: relative;bottom: initial;padding-top: 100px;text-align: center;}
	.errorpage #footerregion{text-align:center;}
	body.erroronly.spacingtop{padding-top:48px !important;}
	.videos-innerdiv .thumbnail img {min-height: 120px;max-height: 100px;}
	.videos-innerdiv .col-md-3:nth-child(2n + 1){clear:both;}
	.videos-innerdiv .thumbnail a{top: 80px;margin-top:-15px;}
	.videos-innerdiv .thumbnail .downloadbtn{margin-bottom:10px;}
	.banerregionlog{overflow:hidden;}
	.fldconsocial .contsocila{min-height: initial;}
	#appendcont{display:block;}
	.hidedivm{display:none;}
	.stylingimge{padding-right:0px;max-width:initial;}
	.contplatabfld{padding:20px 0;}
	.contplatabfld .adresfldcon-globalconcss{padding:0;clear: both;}
	.contplatabfld .nolabelsh{padding-top:0;}
	.contplatabfld .pincodefldcon-globalconcss, .contplatabfld .phonefldcon-globalconcss, .contplatabfld .satefldcon-globalconcss{padding:0;}
	.qualificselted{clear:both;}
	#confirmationstab{padding: 30px 15px;}
	.thankyoucontenfld h2{font-size: 30px;}
	#teststab > .col-md-4{clear:both;}
	#teststab > .col-md-12{clear: both;float: left;width: 100%;}
	.headerregion ul{float:left;width:100%;padding: 0 15px;}
	.headerregion li a{padding-right: 15px;margin-right: 15px;font-size: 14px;}
	.banneregioncon{padding-top: 30px;padding-bottom: 70px;min-height: initial;}
	.banneregioncon .rocket {padding-bottom: 50px;}
	.banneregioncon:after, .banneregioncon:before{display:none;}

	.whitregionc {padding: 40px 0;}
	.whitregionc p {font-size: 14px;max-width: 90%;line-height: 1.4;}
	.equalbtns {min-width: 140px;font-size: 14px;}
	.whitregionc h2{font-size: 17px;font-weight: 500;line-height: 1.4;margin-bottom: 10px;}
	.expregioncon{padding: 40px 0;text-align: center;}
	.expregioncon h2{font-size: 17px;font-weight: 500;margin-bottom: 10px;line-height: 1.3;}
	.expregioncon p {font-size: 14px;max-width: 90%;line-height: 1.4;margin:0 auto;}
	.expregioncon img{margin-top:30px;}
	.whitregionc a{font-size: 14px;font-weight: 500;}
	.banneregioncon h3{font-size: 20px;font-weight: 500;letter-spacing: 0.7px;}
	.banneregioncon .logoregion img{}
	.hidemobilede{display:none;}
	.fromdesginnew label{line-height:1.4;}
	.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: initial;}	
	
	/* #login page */
	.loginpageouter .flexdefine{margin:0;}
	.loginpageouter .whitebgdefine{padding: 15px 15px;margin-top: 20px;margin-bottom: 20px;}
	.loginpageouter .equalbtns{	min-width: 170px;}	
	.rightsidebar-category {		clear:both;	}
	.registerouter .whitebgdefine{
		max-width: initial;
    	min-width: initial;
	}
	.registerouter .col-sm-6{padding:0;}
	.registerouter .col-sm-6 + .col-sm-6{
		padding-top:15px;
	}
	.registerouter .alreadyacouncon button{
		float:left;
	}
	.smashplacments .outersmash{
		display:block;
	}
	.boxdefinecont li:after{
		height: 80px;
	}
	.linkinbtns{	display:none;}
	.left-menumob{display: block;text-align: right;padding-top: 10px;padding-bottom: 10px;font-size: 25px;font-weight: bold;line-height: 25px;}
	.header-content .homebtnreg a, .header-content .logoregion a{padding-top:10px;padding-bottom:10px;}
	#sidebarcontent{display:block;}
	#subfooter .socialicons ul{	float: none;margin-top: 10px;text-align: center;}
	#subfooter p{	text-align:center;}
	.headerregionnew ul{float: left;width: 100%;padding: 0 15px;}
	.headerregionnew li a{padding-right: 10px;margin-right: 10px;font-size: 14px;}
	.header-content{overflow: hidden;position: fixed;top: 0;width:100%;}
	.purplebandcont{position: fixed;top: 48px;	width:100%;}
	body.spacingtop{padding-top:90px;}
	.header-content .logoregion svg{height: auto;width: 100%;}
	.logedoutpge{position:relative;top:0;}
	.topcontentlog p{margin-top: 5px;}
	.banerregionlog .inerdibaner{display: initial;}
	.banerregionlog h2{font-size: 24px;    margin-top: 10px;}
	.banerregionlog h2 br{
		display:none;
	}
	.removepurple{
		padding-top: 54px !important;
	}
}
@media only screen and (min-width:767px){
	.arrow-grow img{max-width: 500px;}
}
@media only screen and (max-width:500px){
	.loginpageouter .equalbtns{min-width: 150px;}
	.errorpage h1{font-size:26px;}
}
@media only screen and (max-width:350px){
	.loginpageouter .equalbtns{min-width: 120px;}
}

@media (min-width: 768px) {
    .col-sm-5ths {width: 20%;float: left;}
}

@media (min-width: 992px) {
    .col-md-5ths {width: 20%;float: left;}
}

@media (min-width: 1200px) {
    .col-lg-5ths {width: 20%;float: left;}
}
@media only screen and (min-width:768px) and (max-width:991px){
	.linkinbtns > ul > li{padding-left:0;}
}

@media only screen and (min-width:768px){
	.linkinbtns .colmsnlat li{float: left;width: 120px;text-align: center;border: 1px solid #d3d3d3;border-radius: 3px;		margin-left: 8px;margin-bottom: 8px;min-height: 120px;display: flex;text-align: center;align-items: center;		justify-content: center;}
	.linkinbtns .colmsnlat li.chldmen-iccngfil{position:relative;}
	.linkinbtns .colmsnlat li.chldmen-iccngfil a:after{position: absolute;content: "Explore " attr(data-name) "'s aspiration zone";width: 100%;height: 100%;visibility: hidden;left: 0;top: 0;background-color: #363e52;border-radius: 3px;color: #fff;padding-top: 30px;padding-left: 5px;padding-right: 5px;}
	.linkinbtns .colmsnlat li.chldmen-iccngfil a:hover:after{visibility:visible;}
	.linkinbtns .colmsnlat li a{width: 100%;height: 100%;color: #58585a;text-decoration: none;font-weight:400;}
	.linkinbtns .colmsnlat li span{display:block;}
	.linkinbtns .colmsnlat li span:first-child {margin-bottom: 10px;max-height: 38px;min-height: 38px;background-repeat: no-repeat;background-position: top center;}
	.linkinbtns .colmsnlat li span span{display:none;}
	.linkinbtns .colmsnlat li:nth-child(3n+1){margin-left:0;}
	.linkinbtns .colmsnlat{}
	.linkinbtns .colmsnlat [class*="iccngfill"]{}	
	.linkinbtns .colmsnlat .parenmen-iccngfill span:first-child{background-image:url(/images/family.svg);}
	.linkinbtns .colmsnlat .chldmen-iccngfil.MALE span:first-child{background-image:url(/images/boy-bg.svg);}
	a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {color: #ffffff;text-decoration: none;background-color: #363e52;}
	.linkinbtns .colmsnlat .chldmen-iccngfil.FEMALE span:first-child{background-image:url(/images/girl-bg.svg);}
}
@media only screen and (min-width:767px){
	.col-md-5ths {width: 20%;float: left;}
}
@media only screen and (min-width:1000px){
	.fldconsocial a{min-height:440px;}
}
@media only screen and (max-width:767px){
	.contentimgegod .imagefld{
		text-align:center;
	}
	.contentimgegod img {
		max-width: 100%;
		height: auto;
		margin-bottom:20px;
			width: auto;
	}
	.contactpges .inerdivcon{
		padding: 15px 15px;
		margin-bottom: 20px;
	}
	.contactpges form{
		margin-bottom:20px;
	}
}
.contfldanew h2{
	margin:10px 0;
}
@media only screen and (min-width:767px){
	.contfldanew img{
		max-height:500px;
	}
	.contforparnts > div:first-child{
		padding-right:35px;
	}
	.contforparnts > div:last-child{
		padding-left:35px;
	}
}
@media only screen and (max-width:991px){
	#countdown{
		display:none;
	}
	.clmediabnner .boxes{
		margin-bottom:7.5px;
	}
	.clmediabnner .boxes:nth-child(2n + 1) {
    	padding-right: 7.5px;
	}
	.clmediabnner .boxes:nth-child(2n) {
	    padding-left: 7.5px;
	}
	
	.measurement .col-md-10{
		float:left;
		width:100%;
	}
	
	
	
	
	
}
@media only screen and (max-width:1200px){
	#countdown{
    	padding-left: 0;
    	padding-right: 0;
    	height: auto;
    	padding-top: 120px
	}
}

@media only screen and (max-width:767px){
	.userRequest, .lexResponse{
		min-width: 80%;
		padding: 10px 8px;
		max-width: 80%;
		font-size: 15px;
	}
	.contentregionbot .btn{
		font-size: 13px;
    	padding: 5px;
		white-space: initial;
	}
}
@media only screen and (min-width:767px){
	.informationcon{
		margin-top: 61px;
	}
}
.navbar{margin-bottom: 0px!important;padding: 7px 0px;}
.nav-right{
	margin-top: 15px;
	float: right;
}

.nav-right > li{
	list-style: none;
}
.nav-right > li a{
	list-style: none;
	color: #333;
	font-size: 16px;
	 font-weight: 500;
}

.nav-right> ul> li> .dropdown-menu{
	width: 300px;
	padding: 20px;
	right: 0;
	left: initial;
	float: left;
}

.nav-right li.dropdown{	
	float: left; margin-right: 20px;
}


.navbar-nav>li>a{color: #333; font-size: 16px; font-weight: 500;}
.navbar-nav>li>a:hover{background: #97124D; color: #fff;}
.sub-nav-region .navbar-nav>li>a{font-size:14px!important;}
section{padding: 20px 0px;}
section h3{margin-top: 0px;}

.btn-warning{
	padding: 7px 25px;
	background-color: #5674BA;
	white-space: initial;
	border: none;
	border-radius: 3px;
	font-size: 18px;
}
a.btn-hover{
	text-decoration: none!important;
	margin-top: 10px!important;
}
a.btn-hover .disabled{cursor: not-allowed; background: #eaeaea; color: #333;}
.btn-warning:hover{
	background-color: #054477;
	text-decoration: none!important;
}
.updates h3{margin-top: 0px;}
.disabled{cursor: not-allowed; background: #eaeaea;}
tr th, td{padding:10px; border: 1px solid #ccc;}
/*tr:first-child{background-color: #054477!important; color: #fff;}*/
.table{background: #fff; text-align: center; margin-bottom: 0;}
.table-condensed tr th, .table-condensed td{padding:10px; border: 1px solid #ccc;}
.table-condensed tr:first-child{background-color:transparent!important; color: #333;}

#login-dp{padding: 20px;left: initial;width: 300px; right: 0;}
.navbar-collapse.in{overflow-y: inherit;}
.box-con{
	box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.2);
    padding:10px 20px 20px;
    border-radius: 3px;
	min-height: 340px;
}
 h4{
	font-size: 16px!important;
}
.box-con h4{
	font-size: 16px!important; border-bottom: 2px solid #FF4E0D; padding-bottom: 5px;
}
.box-con li{
	margin-bottom: 7px;
}



.socialshareicon{
	position: fixed;
    right: 0;
    top: 70px;
    z-index: 999;
}
.socialshareicon > a{
	clear:both;
	float:right;
}
.socialshareicon .fa{
	clear: none;
    float: left;
    width: 30px;
    line-height: 30px;
    text-align: center;
}
.socialshareicon .fa:hover {
    color: white;
    opacity: 0.8;
}
.socialshareicon .fa-facebook {
    background: #3B5998;
    color: white;
}
.socialshareicon .fa-twitter {
    background: #55ACEE;
    color: white;
}
.socialshareicon .fa-google-plus {
    background: #dd4b39;
    color: white !important;
}
.socialshareicon .fa-linkedin {
    background: #007bb5;
    color: white;
}
.socialshareicon .fa-linkedin {
    background: #007bb5;
    color: white;
}
.socialshareicon .fa-whatsapp {
    background: #254e50;
    color: white;
}

.socialshareicon .fa-reddit-alien {
    background: #ff4200;
    color: white;
}
.socialshareicon .fa-tumblr{
    background: #395976;
    color: white;
}
.socialshareicon .fa-pinterest-p {
    background: #cb2027;
    color: white;
}

.socialshareicon > label{
    float: left;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    padding: 0 15px;
    background-color: #ee6723;
	margin-bottom: 0;
	display:none;
}
@media only screen and (max-width: 767px) {
	#login-dp{right: -100px;}
	.socialshareicon{
		top: initial;
    	width: 100%;
    	bottom: 0;
	}
	.socialshareicon > a{
		clear:none;
		width:20%;
	}
	.socialshareicon .fa{
		width:100%;
		line-height: 45px;
		    font-size: 20px;
	}
	.social-icon-out{
		margin-bottom:45px;
	}
}




*{font-family: 'Roboto', sans-serif;}

@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #40e0d0;
}
.option-input:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  display: inline-block;
  font-size: 10px;
  text-align: center;
  line-height: 40px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}
.question-block{
	padding:0px 0px 20px 0px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.question-block label{
	margin-right: 20px;
}
.question-block span{
	margin-left: -20px;
	font-weight: 800;
}
.form-control {
/*    border-radius: 0;
    border: 0px;
    box-shadow: initial;
    height: 40px;
    padding-left: 10px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    background-position: 20px center;
    font-family: 'Lato';
    color: #342e37;
    text-transform: inherit;
    padding-top: 0px;*/
}

.btn-upload{
	border-radius: 0;
    background: #5674BA;
    font-weight: bold;
	font-size: 24px;
    border: none;
	color: #fff;
}
.btn-upload:hover{
    background: #054477;
	font-size: 24px;
	color: #fff;
}
	
.select-pdf{width: 95%; position: absolute; left: -91px; padding-top: 8px;padding-bottom: 8px; border: none;z-index: 9;}
/*.select-pdf-btn{background:#054477; color: #fff;}*/
.select-pdf-btn label:hover{ color: #fff;}
#ui-id-1 {
    z-index: 99999!important;
}

h1,
h3{
	position: relative;
color: #000;
font-weight: 500;
font-size: 34px;
margin-top: 0px;
margin-bottom: 15px;
	
}

h1{
font-size: 24px;

}

h3{
	font-size: 20px;
	
}



.sub-nav-region{
	padding:0;
}

.header-1{
	padding: 0px 0px;	
}

ul.arrow li{

    background: url(../img/arrow-new.png) no-repeat scroll 7px 5px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    margin: 7px -7px;
    padding: 0 0 0 25px;
	list-style: none;
	

}

.grey {

    background: #f3f3f3;

}

.table-new th {
background-color: #ff692e;
color: #fff;
}

.mt-20{
	margin-top:20px;
}

.mt-15{
    margin-top:15px;
}

.btn-orange{
background-color: #ff692e;
border-color: #ff692e;
}

.btn-orange:hover,
.btn-orange:focus{
background: #dd470c;
border-color: #c93300;
}

.btn-blue{
background-color: #006699;
border-color: #005588;
}

.btn-blue:hover,
.btn-blue:focus{
background-color: #005487;
border-color: #005487;
}

.btn-new{
border-radius: 2px;
color: #ffffff;
font-size: 18px;
font-weight: bold;
line-height: 48px;
margin-bottom: 15px;
padding: 0 15px!important;
text-shadow: initial;
width: 100%;
}

.mb-10{
	margin-bottom:10px;
}

tr.firt {
    background: #2A4AAF!important;
    color: #fff; font-size: 16px;
}
.job-apply-button .btn {
    font-size: 14px;
    background:#2A4AAF;
    padding: 8px 12px;
    font-weight: 600;

}

.page {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marvel-device .screen {
  text-align: left;
}

.screen-container {
  height: 100%;
}

/* Status Bar */

.status-bar {
  height: 25px;
  background: #2991C2;
  color: #fff;
  font-size: 14px;
  padding: 0 8px;
}

.status-bar:after {
  content: "";
  display: table;
  clear: both;
}

.status-bar div {
  float: right;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 0 0 8px;
  font-weight: 600;
}

/* Chat */

.chat {
  height: calc(100% - 69px);
}

.chat-container {
  height: 100%;
}

/* User Bar */

.user-bar {
  height: 55px;
  background: #517da2;
  color: #fff;
  padding: 0 8px;
  font-size: 24px;
  position: relative;
  z-index: 1;
}

.user-bar:after {
  content: "";
  display: table;
  clear: both;
}

.user-bar div {
  float: left;
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

.user-bar .actions {
  float: right;
  margin: 0 0 0 20px;
}

.user-bar .actions.more {
  margin: 0 12px 0 32px;
}

.user-bar .actions.attachment {
  margin: 0 0 0 30px;
}

.user-bar .actions.attachment i {
  display: block;
  transform: rotate(-45deg);
}

.user-bar .avatar {
  margin: 0 0 0 5px;
  width: 36px;
  height: 36px;
}

.user-bar .avatar img {
  border-radius: 50%;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  display: block;
  width: 100%;
}

.user-bar .name {
  font-size: 17px;
  font-weight: 600;
  text-overflow: ellipsis;
  letter-spacing: 0.3px;
  margin: 0 0 0 8px;
  overflow: hidden;
  white-space: nowrap;
  width: 170px;
}

.user-bar .status {
  display: block;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
}

/* Conversation */

.conversation {
  height: calc(100% - -14px);
  position: relative;
  background: #efe7dd url("/cat/images/telegram-bg.jpg") repeat;
  z-index: 0;
}

.conversation ::-webkit-scrollbar {
  transition: all .5s;
  width: 5px;
  height: 1px;
  z-index: 10;
}

.conversation ::-webkit-scrollbar-track {
  background: transparent;
}

.conversation ::-webkit-scrollbar-thumb {
  background: #b3ada7;
}

.conversation .conversation-container {
  height: calc(100% - 30px);
  box-shadow: inset 0 10px 10px -10px #000000;
  overflow-x: hidden;
  padding: 0 16px;
  margin-bottom: 5px;
}

.conversation .conversation-container:after {
  content: "";
  display: table;
  clear: both;
}

/* Messages */

.message {
  color: #000;
  clear: both;
  line-height: 18px;
  font-size: 15px;
  padding: 8px;
  position: relative;
  margin: 8px 0;
  max-width: 100%;
  word-wrap: break-word;
  z-index: -1;
}

.message:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}

.metadata {
  display: inline-block;
  float: right;
  padding: 0 0 0 7px;
  position: relative;
  bottom: -4px;
}

.metadata .time {
  color: rgba(0, 0, 0, .45);
  font-size: 11px;
  display: inline-block;
}

.metadata .tick {
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 4px;
  height: 16px;
  width: 16px;
}

.metadata .tick svg {
  position: absolute;
  transition: .5s ease-in-out;
}

.metadata .tick svg:first-child {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: perspective(800px) rotateY(180deg);
          transform: perspective(800px) rotateY(180deg);
}

.metadata .tick svg:last-child {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: perspective(800px) rotateY(0deg);
          transform: perspective(800px) rotateY(0deg);
}

.metadata .tick-animation svg:first-child {
  -webkit-transform: perspective(800px) rotateY(0);
          transform: perspective(800px) rotateY(0);
}

.metadata .tick-animation svg:last-child {
  -webkit-transform: perspective(800px) rotateY(-179.9deg);
          transform: perspective(800px) rotateY(-179.9deg);
}

.message:first-child {
  margin: 16px 0 8px;
}

.message.received {
  background: #fff;
  border-radius: 0px 5px 5px 5px;
  float: left;
}

.message.received .metadata {
  padding: 0 0 0 16px;
}

.message.received:after {
  border-width: 0px 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  top: 0;
  left: -10px;
}

.message.sent {
  background: #e1ffc7;
  border-radius: 5px 0px 5px 5px;
  float: right;
}

.message.sent:after {
  border-width: 0px 0 10px 10px;
  border-color: transparent transparent transparent #e1ffc7;
  top: 0;
  right: -10px;
}

.message span{font-size:14px; color: orange; font-weight: 600; text-align: left; display: block;}
.message span+span{font-size:12px; color: #333; font-weight: 400; text-align: left;}
.message span+span+span{font-size:10px; color: #ccc; font-weight: 400; text-align: right;}


/* Compose */

.conversation-compose {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  overflow: hidden;
  height: 50px;
  width: 100%;
  z-index: 2;
}

.conversation-compose div,
.conversation-compose input {
  background: #fff;
  height: 100%;
}

.conversation-compose .emoji {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 5px 0 0 5px;
  flex: 0 0 auto;
  margin-left: 8px;
  width: 48px;
}

.conversation-compose .input-msg {
  border: 0;
  flex: 1 1 auto;
  font-size: 16px;
  margin: 0;
  outline: none;
  min-width: 50px;
}

.conversation-compose .photo {
  flex: 0 0 auto;
  border-radius: 0 0 5px 0;
  text-align: center;
  position: relative;
  width: 48px;
}

.conversation-compose .photo:after {
  border-width: 0px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  top: 0;
  right: -10px;
}

.conversation-compose .photo i {
  display: block;
  color: #7d8488;
  font-size: 24px;
  transform: translate(-50%, -50%);
  position: relative;
  top: 50%;
  left: 50%;
}

.conversation-compose .send {
  background: transparent;
  border: 0;
  cursor: pointer;
  flex: 0 0 auto;
  margin-left: 8px;
  margin-right: 8px;
  padding: 0;
  position: relative;
  outline: none;
}

.conversation-compose .send .circle {
  background: #008a7c;
  border-radius: 50%;
  color: #fff;
  position: relative;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.conversation-compose .send .circle i {
  font-size: 24px;
  margin-left: 5px;
}

/* Small Screens */



@media only screen and (max-width:992px){
	.navbar-toggle .icon-bar{
		background-color: #fff!important;
	}
	
}

@media (max-width: 768px) {

	#flexuse{
		display:flex;
	}
	#contedtop{
		order:2;margin-top: 20px;
	}
	#formcontfld{
		order:1;
	}
	.row.wrp {
    flex-wrap: wrap;}

  .marvel-device.nexus5 {
    border-radius: 0;
    flex: none;
    padding: 0;
    max-width: none;
    overflow: hidden;

    width: 100%;
  }

  .marvel-device > .screen .chat {
    visibility: visible;
  }

  .marvel-device {
    visibility: hidden;
  }

  .marvel-device .status-bar {
    display: none;
  }

  .screen-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .conversation {
    height: calc(100vh - 55px);
  }
  .conversation .conversation-container {
    height: calc(100vh - 70px);
  }
	.marvel-device.nexus5{height: 420px;}
	.page{ height:inherit;}
}

	.outline-links{
	font-size: 15px;
	font-weight: bold;
	/*color: #333;*/
	margin-bottom: 15px;
	display: block;
	text-align: center;
	border: 1px solid #777;
	padding: 8px 10px;
}
.outline-links{
	background: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color;
	transition-property: color;
	vertical-align: middle;
}
.outline-links:hover{
	color:#fff;
	text-decoration:none;
	border-color:#006699;
}
.outline-links:before {
	background: #006699 none repeat scroll 0 0;
	bottom: 0;
	color: #fff;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	width: 100%;
	z-index: -1;
}
.outline-links:hover:before {
	color: #000;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.exm-btn .btn{ margin-bottom:10px;}
.btn-warning.mhu {
	padding: 7px 60px!important;
}


@media only screen and (max-width:767px){
	#login-dp{padding: 20px;left: 0; right: initial;}
	.nav-right{float: left;padding-left: 10px; margin-top: 0px;}
	
.nav-right li.dropdown{	
	float: left;width: 100%;margin-top: 20px;
}
	.nav-right .caret {
    float: none!important;
    margin-top: 0!important;
}
	.btn-hover{    
		margin-bottom: 5px;
    display: block;
	}
	.updates{margin-top: 30px;}
	.updates img{margin: 0 auto;}
	.bnr-ad{margin-bottom: 10px;}
	.bnr-ad img{margin: 0 auto;}
	.btnchanging{margin-bottom: 10px;}
	.box-con{
	margin-bottom: 10px;
	min-height: auto;
}

h1.title{
    font-size:28px;
}

h2.title{
    font-size:24px;

	
	
}

@media only screen and (max-width:360px){
	
	.marvel-device.nexus5{
		width:100%!important;
	}
}