body {  color: #333;  background-color: #fff; font-size:14px; }
a,a:hover{ color:#179cf4;  }
h1{ font-size:36px !important;   font-weight: 700 !important; letter-spacing: normal !important;}
h2{font-size: 24px !important;     margin-bottom: 0;}
h3{ font-size:22px; font-weight:bold;}
h4{ font-size:18px;  font-weight:bold;}
h5{ font-size:15px; color: #333;}
h6{ font-size:12px; color: #333;}
p,label{ font-size:14px !important; line-height:24px; font-weight: normal; }
.lead{    font-size: 15px !important; color: #444;  line-height: 30px; }
.small-text{ font-size: 11px !important; line-height: normal;}
.text-orange{ color:#f6921e;}
.secondary-link{ color: #666; font-size:18px;}.secondary-link .fa{font-size:13px; margin-top: 7px; }
.secondary-link:hover{ color:#179cf4; }
.custom-control-label{ padding-top: 2px;}
.bg-form{ background-color:#f4f4f4; padding:20px; position: relative;}
.form-group{ margin-bottom:1.5rem;}
.form-control{ border: 2px solid #ced4da; font-size:14px;}
.bg-form .close-list{ top: -10px;}
.add-new{ border:1px solid #ddd; border-radius:5px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); padding:15px; text-align:center; display: block; color:#179cf4; font-weight:bold;}
.add-new:hover{ background-color:#179cf4; color:#fff;}
.action-link a{ color:rgba(0,0,0,0.6);}.action-link a:hover{ color:rgba(0,0,0,0.8);}
.social-link{padding-top: 4px; display: block;}
.card{ border-radius:5px;}
.action-holder{ position:absolute;     right: 10px; top: -10px;}
.action-holder a{ box-shadow:none !important;     margin: 0; font-size: 13px;}
.action-holder a:hover{ background-color: #fff;}
.msg-bg-light,.bg-light-blue{ background-color:#edf8fd;}
.bg-light-grey{ background-color:#fcfcfc;}
.bg-light-orange{ background-color:#ffe4c4;}
.bg-orange{ background-color:#f6921e;}
.border-bottom-orange{ border-bottom:2px solid #f6921e !important;}
.fa-primary-large{ color:#179cf4; font-size:22px !important;}
.pt-small{ padding-top:3px;}
.ellipsis{  white-space: nowrap; /*width: 100%;*/ overflow: hidden;	text-overflow: ellipsis; }
.ml-335{ margin-left: 335px;}
.wm-100{ max-width: 100px;}

/* nav bar */
.nav a.active{ color:#f6921e;}
.nav a{ color:#333;}

/* order */
.order-item{ display: block;}



/* button */
.btn{  font-weight: bold; padding: .575rem .65rem !important; font-size:.75rem;  letter-spacing: 1px;}
.btn-primary-outline{ background-color:transparent; color:#179cf4 !important; border:2px solid #179cf4; box-shadow:none; border-radius:5px;}
.btn-primary-outline:hover{ box-shadow:none; background-color:#179cf4; color:#fff !important;}
.btn.btn-secondary{ background-color:#f6921e !important; color:#fff; border:2px solid #f6921e !important; box-shadow:none; border-radius:5px;}
.btn.btn-secondary:focus,
.btn.btn-secondary:hover{ box-shadow:none; background-color:#f6921e !important; color:#fff;}
.btn.btn-secondary:active{background-color:#f6921e !important;}
.btn-primary{background-color:#179cf4 !important; color:#fff; border:2px solid #179cf4 !important; box-shadow:none; border-radius:5px;}
.btn-primary:hover{ box-shadow:none; background-color:#179cf4; color:#fff;}
.btn-secondary-outline{ background-color:transparent; color:rgba(0,0,0,0.6) !important; border:2px solid #ddd; box-shadow:none; border-radius:5px;}
.btn-secondary-outline:hover{ box-shadow:none; background-color:#fff; color:#666 !important;}
.btn-third-outline{ background-color:transparent; color:white; border:2px solid #fff; box-shadow:none; border-radius:5px;}
.btn-third-outline:hover{ box-shadow:none; background-color:#fff; color:rgb(32, 26, 26) !important}
.btn-small,.btn-small:hover{padding: .40rem 0.80rem .40rem !important;   font-size: 11px; margin: 0;}
.btn-fourth{background-color:#145d8d !important; color:#fff; border:2px solid #145d8d !important; box-shadow:none; border-radius:5px;}
.btn-fourth:hover{ box-shadow:none; background-color:#0d4366; color:#fff;}


/* form */
.input-contact span{ position: absolute;
    left: 5px;
    top: 5px;
    z-index: 99;
    padding: 4px;
    font-size: 13px;
	color: #6c757d;
    font-weight: 600;
	border:0;}
.input-contact input{ padding-left:50px;}



/* top navbar */
.navbar{ padding:0 !important;}
.navbar-dark{ background-color:#222;  }
.top-navbar .nav-link,.social-link a{ color:#fff; font-size:13px; padding: 5px 0 0;} 
.top-navbar .nav-link{ width:160px; text-align:right;}
.top-navbar .dropdown-menu .dropdown-item{padding: .25rem .5rem;} 
.top-navbar  .dropdown-menu{ font-size:12px; padding:0; top:4px !important;     left: 0 !important; right:0 !important; border-radius:0;}
.top-navbar  img{ border-radius: 22px;}
.navbar-light{ background-color:#fff;     box-shadow: none; padding-bottom:0;}
.header .nav-item .nav-link{ font-size: 14px;  text-transform: uppercase; padding:17px 20px !important; font-weight: 600; color:#44526e !important;} 
.header .nav-item {height: 55px;  }
.header .nav-item.active>.nav-link{ background-color:transparent !important;    color: #179cf4 !important;
    font-weight: bold;  }
.navbar-light .navbar-toggler{ border:none;}
.bg-light-blue,.dropdown-profile:hover{ background-color:#ebf5fb;}.dropdown-profile:hover{box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.dropdown-profile{ color:#44526e; background-color:#f5f5f5;     }
.dropdown-item{    padding: .45rem 1rem;    font-size: 14px; }
.dropdown-menu-end{ left:-14px !important; border: 0;}
.dropdown-item:focus, .dropdown-item:hover{ background-color:#ebf5fb !important;}
.glb-search:active,.glb-search:focus{ outline:none !important; border:0 !important;     box-shadow: none;}


/* my learning */
.bg-blue-dark{ background-color:#145d8d;}
.bg-blue-dark .breadcrumb-item.active { color: #7fb6da;}
.bg-blue-dark .link-white{ color:rgba(255,255,255,0.8);}
.bg-blue-dark .link-white:hover{ color:#fff;}
.bg-blue-dark .nav-pills .nav-link.active{ background-color:transparent; border-bottom:3px solid #fff; color:#fff;}
.bg-blue-dark .nav-pills .nav-link{ background-color:transparent; border-bottom:3px solid #145d8d; border-radius:0; color:rgba( 255,255,255,0.8);}
.bg-blue-dark .nav-pills .nav-link:hover{ color:#fff;}
.card-container .card:hover{ background-color:#f69320; color:#fff;} 
.card-container .card:hover .btn-outline-warning{ border-color:#fff !important; background-color:#fff !important; color:#f69320 !important;}
.card-container .card:hover .bg-info{ border-color:#fff; color:#fff !important; background-color:transparent !important; }
.card-container .card:hover .card-title,.card-container .card:hover   span,.card-container .card:hover   a{ color:#fff;}
.bg-info{ background-color:#ebf6fd !important; color:#179cf4 !important; border:1px solid #ebf6fd;}
.btn-outline-warning{box-shadow: none;  border-radius: 5px;}


/* left Navigation */
.left-nav{ background-color:#f4f4f4;   font-size:13px;}
.left-nav .sub-text{ font-size:12px;}
.left-nav p{ margin-bottom:0 !important; line-height:normal;}
.profile-link{ border-bottom:1px solid #d6d6d6; padding:10px 0 20px;}
.mob-profile{ position: absolute;  right: 0px;  top: -25px; z-index:2; display:none;}
.mob-profile a{ margin:0; font-size:11px; padding:3px !important;  }
.panel {position:absolute; right:-280px; z-index:1; top:-25px; width:275px;}
.slider-arrow {	padding:5px;   text-decoration:none; position:relative;}


/* progress bar */
.progress{ height:0.4rem;  margin-top: 5px; background-color:#fff;}.progress-bar{ background-color:#f6921e;}
.progress-num{ font-size:10px; color:rgba(0,0,0,0.6); float:right; margin-left: 10px; margin-top: 0;}
.progress-label{ font-size:12px;}
.bar-skyblue{background-image: linear-gradient(#179cf4, #1d4874);}
.bar-blue{ background-image: linear-gradient(#769ad7, #183c7a);}
.bar-pink{ background-image: linear-gradient(#d1028d, #780151);}
.bar-lightblue{ background-image: linear-gradient(to right, #26a8da , #abe3f9);}
.bar-postion{bottom: 0; width: 40px; box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.3);     position: absolute;}
.bar{ height: 200px; width: 40px;  margin: 0 auto; position: relative;}
.bar-info{ position:relative; height:100%; padding-top:50px;}
.bar-info  p{ max-height: 100px; overflow: hidden;}

/* breadcrumb & Search */
.page-heading .breadcrumb{ background-color:transparent; padding: 0; font-size: 11px;     margin: 0;}
.page-heading .breadcrumb a{ font-size: 11px; color:rgba(0,0,0,0.6);}.page-heading .breadcrumb a:hover{color:rgba(0,0,0,0.8);}
.page-heading{ margin:0; padding-bottom:20px; }
.page-heading h2{ text-transform:uppercase;     padding-top: 5px;}
.page-heading .heading{ padding:0;} 
.search{ border:2px solid #ced4da; border-radius:50px;} 
.search .form-control{ padding: 0;  border: 0; font-size: 12px;}.search .form-control:focus,.search .form-control:active{ outline:none; box-shadow:none;}
.search .btn{ padding: 5px 20px !important;  border: 0;  border-radius: 50px; font-size: 12px; margin: 5px 0 !important; box-shadow: none; background-color:#179cf4 !important;}


/* filter data */
.filter-data{ background-color:#f4f4f4;  }
.filter-data h3{ font-size:18px;}.filter-data a{ font-size:11px; color:#179cf4;}
.filter-data h4{ font-size:11px; text-transform:uppercase; color:rgba(0,0,0,0.8);} 
.filter-sug-career span{ display:block; padding-top:5px; }
.filter-sug-career a{color:rgba(0,0,0,0.8);}.filter-sug-career a:hover{color:#f6921e;}

/* filter tab */
.filter-tab{ margin:0; font-size:14px; margin-top:0;}
.filter-tab ul{ margin-bottom:0;}
.filter-tab a{ color:rgba(0,0,0,0.6); padding:15px; border-bottom:2px solid #fff;     display: block;}
.filter-tab .active a { border-bottom:3px solid #bf6803; color:#333;}

/* alert */
.alert-warning{ background-color:#f6921e !important;   color:#fff;     font-size: 13px; margin:0;}
.alert-dismissible .close{ padding: .55rem 1.25rem; font-size: 1.2rem;}


/* data list */
.data-list{ border:1px  solid rgba(0,0,0,0.2); border-radius:5px; margin-bottom:30px; margin-left:0; margin-right:0; 
    position:relative; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); }
.close-list{ position: absolute; right: 15px;  top: 10px;  z-index: 1; color:rgba(0,0,0,0.5);}
.close-list:hover{color:rgba(0,0,0,0.8);}
.career-data .note{ font-size:12px; color:rgba(0,0,0,0.6); border:none; padding-left:0; margin-bottom:0;}
.career-data .heading{ text-decoration:underline; font-weight:bold; font-size:13px; margin-bottom: 0;}
.career-data .last-date{ font-size:11px;}.career-data .last-date span{ color:rgba(0,0,0,0.6);}

.advice .heading{ font-size:14px; color:#f6921e;  font-weight: bold;}
.advice li{ font-size:12px; color:rgba(0,0,0,0.7); line-height:30px; }
.career-data a,.advice a{color:rgba(0,0,0,0.7);}.career-data a:hover,.advice a:hover{color:#f6921e;}
.cmp-graph{   font-weight: bold;}
.cmp-graph .heading{font-size:14px;}
.cmp-graph .summary{ font-size:12px; color:rgba(0,0,0,0.6); text-align:center;   padding-top: 10px;  line-height: normal;}

.media-list-striped  li:nth-of-type(odd) { background-color: rgba(0,0,0,.05);}
.media-list-striped  li:hover{ background-color: transparent !important;  box-shadow: 0 1px 5px 0 rgba(0,0,0,.12),0 2px 5px 0 rgba(0,0,0,.12);    transition: all .2s ease-in-out;}
.block-height-max{ height: 570px;}

/* badge */
 .badge{ box-shadow:none !important; padding:10px 15px !important; }
 .badge-lg,.badge-lg:hover{ font-size:14px !important;    padding: 10px 20px;    font-weight: normal; }
 .badge-light{ background-color:#f8f9fa !important; color:#333 !important;}
 .badge-transparent{ background-color:transparent;  color: #333 !important;}
.badge-orange{background-color: #f6921e ; color:#fff !important; font-size: 10px ;  padding: 5px 10px; box-shadow: none; 
    font-weight: 500; border-radius:3px;}
.badge-outline{ border:1px solid #bbb; background-color: transparent !important;     color: #666 !important;    font-weight: 400;}
.badge-primary{ background-color:#179cf4 !important;}
.badge-primary-outline{ border:1px solid #179cf4; background-color: #fff !important;     color: #179cf4 !important;    font-weight: 400;}
.badge-font-medium{ font-size:14px;}
.badge.active{ background-color: #f5f5f5 !important;}
.badge a{ color: #666;}
.badge-small{ padding:5px 10px !important;}
.badge.p-0{ padding: 0px !important;}
/* footer */
.footer{ position:relative;  padding-bottom:20px;}
.ft-link{ font-size:12px; border-top:1px solid rgba(0,0,0,0.2); padding-top:20px;}.ft-link a{ color:rgba(0,0,0,0.7);}.ft-link a:hover{color:rgba(0,0,0,1);}
.copyright{ font-size:11px; color:rgba(0,0,0,0.5)}

/* modal */
.modal .modal-header{ border-bottom:0;} 
.modal .modal-heading h2{ font-size:26px; font-weight:bold;}
.modal .modal-heading h3{ font-size:20px;  font-weight:bold;}
.modal .modal-heading  p{ color:rgba(0,0,0,0.6); font-size:13px;}
.modal-header .close:active,.modal-header .close:focus{ outline:none; border:0;}

/* step form */
#msform {position: relative; height: 160px;}
#msform fieldset { box-sizing: border-box;  position: relative; text-align:right; width:100%;}
#msform fieldset label{ float: left;}
#msform fieldset:not(:first-of-type) {   display: none;}


 /* profile */
 .crs-name{ font-size: 11px;     font-weight: normal;}
 .crs-yrs{ font-size: 13px; font-weight: normal;}
 .form-msg{ font-size:13px;     padding-top: 10px;}
 .profile-details .nfont{ font-weight:normal;}
 .profile-details h2{ font-size:20px;     font-weight: 500;}
 .profile-details h3{ font-size:15px; font-weight: bold;}
 .profile-details ul{ list-style-type:none; padding: 0; font-size: 13px;   line-height: 22px; margin-bottom: 0;}
 .profile-details ul li .fa{ width:20px;}
 .profile-details .badge{background-color: #a2d7fb; color: #333 !important;  font-size: 11px;  padding: 5px 10px; box-shadow: none; 
    font-weight: 500; margin-left:5px;}

/* avatar */
.avatar-upload {position: relative;  flex:1;}
.avatar-upload:hover .avatar-edit{ opacity: 1;}
.avatar-upload  .avatar-edit {    position: absolute;    right: 45px; cursor: pointer;
z-index: 1;  top: 36px; width: 40px; height:40px; overflow: hidden; opacity: 0; }
.avatar-upload   input {opacity: 0;  cursor: pointer;position: absolute; top: -24px;	left: 0;height: 65px; width:100%;}
.avatar-upload label {display: inline-block;width: 34px;height: 34px;margin-bottom: 0;
border-radius: 100%;background: #FFFFFF;border: 1px solid transparent;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all .2s ease-in-out;position: relative;}
.avatar-upload label:hover {background: #f1f1f1;border-color: #d6d6d6;}
.avatar-upload label:after {content: "\f040";font-family: 'FontAwesome';color: #757575;
position: absolute;top: 5px;left: 2px;right: 0;text-align: center;margin: auto;}
.avatar-upload .avatar-preview {width: 70px;height: 70px;position: relative;margin: 0 auto;}
.avatar-upload .avatar-preview img{ width: 66px; height: 66px; border-radius: 66px; }
    	
	
/* courses */
.growth	{ background:url(../img/bg-zigzag.jpg) top left no-repeat; background-size:cover;}
.growth-position{ color:#fb2d9c; padding-bottom:0; margin-bottom:0; font-weight:500; font-size:13px;     
	line-height: normal;   -webkit-line-clamp: 2; display: -webkit-box;	-webkit-box-orient: vertical;
	white-space: normal;}
.salary-growth{background:url(../img/bg-grid.jpg) top left no-repeat; background-size:cover;  }
.market-bg { background-color:#efeff9;}
#carouselStudentFeedback .carousel-indicators{ position:relative;}
#carouselStudentFeedback  .carousel-indicators li{ position:relative; width:52px; height:52px;     text-indent: inherit;}
#carouselStudentFeedback  .carousel-indicators li img{ text-indent:inherit !important; position:relative;}
.crs-summary{    background-position: 110% 0;}
.courses-list p,.block-list p{ color: #666; padding-bottom: 0;   line-height: normal;     font-size: 13px !important;}
.courses-list li:hover,.block-list .block-hover:hover{background-color: #f5f5f5;  box-shadow: 0 1px 5px 0 rgba(0,0,0,.12),0 2px 5px 0 rgba(0,0,0,.12);    transition: all .2s ease-in-out;}
/* stair */
.stairs{ border-bottom:4px solid #fff; border-right:4px solid #fff;  height: 80px; width: 200px; }
.stairs h5{width: 100%;}
.stairs-holder { width: 100%;  overflow-x: auto; -webkit-overflow-scrolling: touch; }
/*scroll */
.scroll{   width: 100%;  overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0; padding-bottom: 20px;}

/* colleges */
.thumb-container{ position: relative; }
.thumb-container .logo-thumb{ position: absolute; right: 0; bottom: 0;     width: auto;}


/* aside */
.aside h5{ font-size: 12px;}
.aside .badge{font-size: 10px; padding: 5px 10px !important;}
.aside li{ padding: 15px 0;}
.aside li:hover{background-color: #f5f5f5;   transition: all .2s ease-in-out; padding: 15px 0 !important;}
.aside .nav-link{    padding: .2rem 1rem;}

/* carousel */
.carousel-action{ position:relative;}
.carousel-action a{ border:1px solid #ddd; border-radius:3px;}
  .carousel-cell {
	width: 28%;
	margin-right: -2px;
    border-radius: 5px;
	counter-increment: carousel-cell;
  }
  
  .carousel-cell.is-selected {
	background: #ED2;
  }
  
  /* cell number */
  .carousel-cell:before {
	display: block;
	text-align: center;
	font-size: 80px;
  }


/*description list  */
.list-highlight dl{ margin-bottom: 1px;}
.list-highlight dt{ background-color:#179cf4; padding: 15px; margin-bottom: 1px; color: #fff;}
.list-highlight dd{ background-color:#f5f5f5;  padding: 15px; margin-bottom: 1px;}

/* circle */
.circle{ width: 110px;  height: 110px;  border-radius: 110px; font-size: 15px; font-weight: bold;}
.circle-blue{ background-color:#26a8da; color:#fff;}	
.circle-blue-outline{ border:2px solid #26a8da; color:#26a8da;}	


/* block list */
.block-holder .title{ padding-bottom:0;     padding-top: 10px;}
.block-holder .data-list:hover{ background-color:#179cf4; color:#fff;}.block-holder .data-list:hover .title{color:#fff;}
.block-holder .data-list:hover .stable{display:none;}.block-holder .data-list:hover .active{display:inline-block !important;}

/* accordion*/
#accordion .card-header{ background-color:transparent; border-bottom:none;}
#accordion .card{ box-shadow:none; border:1px solid #179cf4; }
.btn.btn-link,.btn.btn-link:hover{ text-decoration:none; text-transform:initial;     font-size: 15px;}
#accordion  .fa.fa-plus-circle:before{    content: "\f056";}
#accordion  .collapsed .fa.fa-plus-circle:before{    content: "\f055";}


/* grid list */
.grid {	position: relative;list-style: none;text-align: center;}
.grid figure {position: relative;overflow: hidden;	width: 100%;	text-align: center;	cursor: pointer;	margin: 0;}
.grid figure img {	position: relative;	display: block;	width: 100%;opacity: 1;	max-height:332px;}
.grid figure figcaption {color: #fff;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid figure figcaption > a {z-index: 1000;	text-indent: 200%;	white-space: nowrap;font-size: 0;	opacity: 0;}
.grid figure figcaption > a:hover{ color:#fff;}

figure.effect-sadie figcaption::before {
	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 75%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 75%);
	content: '';	opacity: 0;	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);}

figure.effect-sadie h2 {	position: absolute;
	top: 80%;	left: 0; width: auto;	color: #fff;
	font-size:18px;	text-align: left;
    padding-left: 20px;	padding-right:20px;
	padding-top:10px;	padding-bottom:10px;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	background-color: rgba(0,0,0,0.8); font-size: 20px !important;
    height: 40px;    display: inline-block;}
figure.effect-sadie figcaption::before,figure.effect-sadie p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie p {	position: absolute; height: 100px;  	bottom: 0;	left: 0;	padding: 0;	width: 100%;	opacity: 0;	-webkit-transform: translate3d(0,30px,0);	transform: translate3d(0,30px,0);	text-align: left;    padding:0 20px;}
figure.effect-sadie:hover h2 {color: #fff;-webkit-transform: translate3d(0,-80%,0) translate3d(0,-80px,0);transform: translate3d(0,-80%,0) 
	translate3d(0,-80px,0);
	background-color:transparent;}
figure.effect-sadie:hover figcaption::before {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-sadie:hover p {	opacity: 1;	-webkit-transform: translate3d(0,0px,0);	transform: translate3d(0,0px,0);}

figure.effect-white figcaption::before {
	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;
	background:  rgba(255,255,255,.95) ;
	content: '';	opacity: 0;	
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);}

figure.effect-white h2 {	position: absolute;font-weight: bold;
	top: 80%;	left: 0; width: 100%;	color: #333;
	font-size:18px !important;	text-align: left;
    padding-left: 20px;	padding-right:20px;
	padding-top:18px;	padding-bottom:10px;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	background-color: rgba(255,255,255,1);
    height: 56px;    display: inline-block;}
figure.effect-white figcaption::before,figure.effect-white p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-white p {	position: absolute;	bottom: 0;	left: 0; font-size:14px; line-height:normal;	padding: 0;	width: 100%;	opacity: 0;	-webkit-transform: translate3d(0,30px,0);	transform: translate3d(0,30px,0);	text-align: left;    padding:0 20px; margin-bottom:0;}
figure.effect-white:hover h2 {color: #333;-webkit-transform: translate3d(0,-120%,0) translate3d(0,-120px,0);transform: translate3d(0,-120%,0) translate3d(0,-120px,0);
	background-color:transparent;}
figure.effect-white:hover figcaption::before {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-white:hover p {	color: #333;opacity: 1;	-webkit-transform: translate3d(0,-20px,0);	transform: translate3d(0,-20px,0);}


.effect-white.small-device h2{ top:72%;}
figure.effect-white.small-device:hover h2 { -webkit-transform: translate3d(0,-80%,0) translate3d(0,-80px,0);transform: translate3d(0,-80%,0) translate3d(0,-80px,0);}
figure.effect-white.small-device:hover p {	color: #333;opacity: 1;	-webkit-transform: translate3d(0,-40px,0);	transform: translate3d(0,-40px,0);}

/* table */
.salary-growth .table-responsive{ display: block;}
.salary-growth .table td,.salary-growth .table th {padding: .55rem;}


/* single  chart*/
.result-list-holder ol{ counter-reset: section;	list-style-type: none;}
.result-list-holder ol li::before{counter-increment: section;
		content: counters(section,".") ". "; position: absolute; left: 40px; font-weight: bold;}
.single-chart {
	width: 170px;
	justify-content: space-around ;
	margin:0 auto;
	position:relative;
  }
   .single-chart img{ position:absolute; left: 72px;
	  right: 0;
	  top: 30px;}
  
  .circular-chart {
	display: block;
	margin: 10px auto;
	max-width: 80%;
	max-height: 250px;
	background-color: #fff !important;
  }
  
  .circular-chart.green .circle-bg {
	fill: #6acb48;
	stroke: #6acb48;
	stroke-width: 3.8;
  }
  
  .circular-chart.red .circle-bg {
	fill: #eb7260;
	stroke: #eb7260;
	stroke-width: 3.8;
  }
  .circle {
	fill: none;
	stroke-width: 2.8;
	stroke-linecap: round;
	animation: progress 1s ease-out forwards;
  }
  
  @keyframes progress {
	0% {
	  stroke-dasharray: 0 100;
	}
  }
  
  .circular-chart.red .circle {
	stroke: #fff;
  }
  
  .circular-chart.green .circle {
	stroke: #fff;
  }
  
   
  
  .percentage {
	fill: #fff;
	font-family: sans-serif;
	font-size: 0.5em;
	text-anchor: middle;
	font-weight:bold;
  }



@media (min-width: 320px) {
.action-holder,.ad-banner{ display:none;}
 .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { padding-right: 15px;    padding-left: 15px;}
.panel{ display:block;}
.left-nav .btn-primary-outline{ width:auto !Important;}
.list-mob img{ width:100%;}
.img-char {margin-top: 0 !important; display: none;}
.stairs{ padding:10px 0; border-bottom:0px;}
.stairs.mt-1,.stairs.mt-2,.stairs.mt-3,.stairs.mt-4,.stairs.mt-5{ margin:0 !important;}
.table-responsive{ display:block; }
 .bar-info{ width: 135px;}
 figure.effect-white.small-device:hover p{-webkit-transform: translate3d(0,-10px,0);	transform: translate3d(0,-10px,0);}
 .order-item{ display: -ms-flexbox;    display: flex;   -ms-flex-wrap: wrap;    flex-wrap: wrap;
   }
 .order-item .order-size{position: relative;  width: 100%; padding: 0 !important;  }
 .order-item .order-md-2 { -ms-flex-order: 2; order: 2;}
 .order-item .order-md-1 { -ms-flex-order: 1; order: 1;}
 .stairs-holder{ display: block !important;}
 .ml-335{ margin-left: 0;     width: 100% !important;}
 #fixed-nav{ display: none;}
 .carousel-cell{ width: 130px;}
 #entry img{ margin: 0 !important;}
 .imp-points{ width: 100% !important;}
 .profile-match p{     padding-top: 0 !important;  margin-bottom: 0;}
 .std-enroll .pt-5{     padding-top: 0 !important;    padding-bottom: 0 !important;}
 .profile-match{padding:1rem;}
 .std-enroll { padding: 3rem;} 
 .circle{     width: 85px;   height: 85px;  border-radius: 85px; font-size: 13px;}
 .block-height-max{ height: auto;}
 .stairs h5{ width:100%;}
}
 @media (min-width: 768px) {
	.action-holder{ display:block;}
	.img-char{ padding-top:170px !important; display: block;} 
	.growth-position{ font-size:11px !important;}
	h5{ font-size:14px;}
	.order-item .order-size{ text-align: left;}
	.stairs{ border-bottom:4px solid #fff; padding:0;}
	.stairs.mt-1{ margin-top:-63px !important;     padding-top: 20px;}
	.stairs.mt-2{ margin-top:-63px !important;     padding-top: 20px;}
	.stairs.mt-3{ margin-top:13px !important;     padding-top: 20px;}	
.stairs.mt-4{ margin-top:89px !important; padding-top: 20px;}	
.stairs.mt-5{ margin-top:165px !important; padding-top: 20px;}	
.table-responsive{ display:inline-table;}
figure.effect-white.small-device:hover p{-webkit-transform: translate3d(0,-10px,0);	transform: translate3d(0,-10px,0);}
.stairs-holder{ display: flex !important;} 
#fixed-nav{ display: block;}
#summary img,#entry img,#highlights img,#career img{ margin-top: 20px !important;}
#test img{ margin-bottom: 20px !important;}
.profile-match p,.std-enroll .pt-5 {  padding-top: 2rem !important;  }
.circle {    width: 110px;  height: 110px; border-radius: 110px;}
.aside .nav-link{ line-height: normal; margin-bottom: 5px;}
.bar-info p{ min-height: 100px;}
} 
 @media (min-width: 1024px) {
.left-nav,.ad-banner,.action-holder{ display:block;}
.mob-profile{ display:none;}
.panel{ position:relative; left: 0; top: 0; width:auto;}
.left-nav .btn-primary-outline{ width:100% !Important;}
 .img-char{ padding-top:0;}
 .bar-info{ width: 210px;}
 .table-responsive{ display:table;}
 figure.effect-white.small-device:hover p{-webkit-transform: translate3d(0,-40px,0);	transform: translate3d(0,-40px,0);}
 .order-item{ display: block;}
 .order-item .order-size{ width: auto;     text-align: left;}
  .ml-335{ margin-left: 323px;     width: auto !important;}
  .imp-points{ width: 50% !important;}
  .profile-match p, .std-enroll .pt-5 {  padding-top: 3rem !important;}
  .block-height-max{ height: 570px;}
  h5{ font-size:15px;}
  .bar-info p{ min-height: 60px;}
}