/* Teknimedia css - v2.0*/

/* Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }*/

/*used in modern business template*/
.portfolio-item {
  margin-bottom: 30px;
}

body {
  padding-top: 54px;
  color: #404040;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.navbar-dark .navbar-nav .nav-link {
	color: #e0e0e0;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: white;
  }

.learnmax-content {
  min-height: 750px;
}

.learnmax-navbar-container {
	justify-content: flex-start;
}

.learnmax-navbar {
	margin-left: 1.8rem;
}

.learnmax-navbar-print {
	display: flex;
}

@media print {
	.navbar {
	display: flex !important;
	}
}
	
@media (max-width: 1199px) {
	.learnmax-navbar {
		margin-left: .1rem;
	}
}

table.learnmax-table {
	font-size: .85em;
}
table.learnmax-table tr:nth-child(odd){
	background-color: #eeeeee;
}
table.learnmax-table tr:nth-child(even){
	background-color: #ffffff;
}
table.learnmax-table tr:first-child {
	background-color: #e7f1f8;
	font-weight: 600;
	text-align: center;
}
table.learnmax-table td {
	border-right: 1px solid #dddddd;
}
table.learnmax-table td:last-child {
	border-right: none;
}

.learnmax-logo {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  color: white;
}

.learnmax-logo:hover {
  text-decoration: none;
  color: white;
}

@media (max-width: 991px) {
  .learnmax-logo {
    text-align: center;
    margin: 0px;
  }
}

.learnmax-logo-image {
	height: 1.6rem;
	margin-bottom: .4em;
}

.teknimedia-logo-navbar {
	height: 1.8rem;
}

@media (max-width: 420px) {
	.teknimedia-logo-navbar {
		height: 1.6rem;
	}
}

.teknimedia-logo-footer {
	height: 1.6rem;
}

.learnmax-login {
  display: inline-block;
  margin-right: 0px;
  font-size: 1rem;  line-height: inherit;
  color: white;
}

.learnmax-login:hover {
  text-decoration: none;
}

.learnmax-login:active {
  text-decoration: none;
}

.learnmax-page-title {
  justify-content: center;
}

@media (max-width: 420px) {
  .learnmax-page-title {
    font-size: 1.5rem;
  }
}

.learnmax-page-heading {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: .5rem;
}

.learnmax-small-font {
	font-size: .8em;
	font-weight: 600;
}

.learnmax-link {
	color: #2980b9;
	font-weight: 600;
}

.learnmax-link-small-font {
	color: #2980b9;
	font-weight: 600;
	font-size: .8rem;
}

.learnmax-link-medium-font {
	color: #2980b9;
	font-weight: 600;
	font-size: .9rem;
}

.learnmax-link-large-font {
	color: #2980b9;
	font-weight: 600;
	font-size: 1.1rem;
}

.learnmax-link-footer, .learnmax-link-footer:hover {
	color: white;
	text-decoration: underline;
}

.learnmax-link-bullet {
	color: #2980b9;
	font-size: .7em;
	font-weight: 600;
	margin-right: .3em;
}

.learnmax-change-setting-link {
	color: ForestGreen; 
}

.learnmax-change-setting-link:hover {
	color: ForestGreen; 
}

.learnmax-message {
	color: DarkOrchid;
	font-weight: 600;
}

.learnmax-button {
	background-color: #2980b9;
	border-color: #2980b9;
	padding: .2rem .6rem;
	margin: 0px .5rem .5rem 0px;
	min-width: 5rem;
	cursor: pointer !important;
}

.learnmax-button:hover {
	background-color: #206694;
	border-color: #206694;
}

.learnmax-button:focus {
	background-color: #206694 !important;
	border-color: #206694 !important;
}

.learnmax-button-navigation {
	background-color: #66ab17;
	border-color: #66ab17;
}

.learnmax-button-navigation:hover {
	background-color: #599514;
	border-color: #599514;
}

.learnmax-button-navigation:focus {
	background-color: #599514 !important;
	border-color: #599514 !important;
	box-shadow: 0 0 0 0.2rem #a3cc73 !important;
}

.learnmax-button-basic {
	background-color: #f0f0f0;
	border-color: #f0f0f0;
	padding: .2rem .6rem;
	color: #808080;
	cursor: pointer !important;
}

.learnmax-button-basic:hover {
	background-color: #e0e0e0;
	border-color: #e0e0e0;
	color: #606060;
}

.learnmax-button-basic:focus {
	background-color: #e0e0e0 !important;
	border-color: #e0e0e0 !important;
	color: #606060 !important;
	box-shadow: 0 0 0 0.2rem #d0d0d0 !important;
}


.learnmax-button-request-info {
  	padding: .5rem 1rem;
	background-color: #66ab17;
	border-color: #66ab17;
}

.learnmax-button-request-info:hover {
	background-color: #599514;
	border-color: #599514;
}

.learnmax-button-facebook {
	padding: .35em .7em;
}

.learnmax-button-facebook-image {
	margin-top: -.2em;
	height: 1.2em;
	margin-right: .35em;
}

.learnmax-settings {
	line-height: 1em;
}

.learnmax-form-field-heading {
  color: #404040;
  font-weight: bold;
}

.form-field-heading {
  font-weight: 600;
}

.form-field-subheading {
  font-size: .8em;
  color: #2980b9;
}

.learnmax-form-control {
  padding: .25rem .5rem;
}

.learnmax-text-box {
  padding: 0rem .25rem;
  max-width: 100%;
}

.learnmax-number-box {
  padding: 0rem .25rem;
  text-align: right;
}

.learnmax-div-link {
	display: block;
}

.learnmax-div-link:hover {
	text-decoration: none;
}

.learnmax-card {
	display: flex;
	flex-direction: row;
}

.learnmax-card-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.learnmax-checkbox {
	transform: scale(1.3);
}

.learnmax-checkbox-label {
	width: 1rem;
	height: 1rem;
	vertical-align: bottom;
	line-height: 1rem;
}

.learnmax-titlebar {
	justify-content: space-between;
}

.learnmax-titlebar-icon {
	color: #2980b9;
	font-size: 1rem;
	margin: .25rem .5rem;
}

.learnmax-titlebar-icon:hover {
	color: #206694;
}

.learnmax-main-menu-icon {
	width: 104px;
	text-align: center;
	margin-right: 2rem;
	margin-bottom: 1rem;
}

.learnmax-main-menu-icon:hover {
	opacity: .9;
}

.learnmax-copyright {
	font-size: .6rem;
}

.learnmax-teknimedia {
	font-size: .7rem;
}

.teknimedia-logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: .75rem;
	margin-bottom: .75rem;
	width: 210px;
}

.teknimedia-seal-footer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: .75rem;
	margin-bottom: .75rem;
	height: 6rem;
}

.learnmax-plus {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4rem;
}

.learnmax-point75rem {
	font-size: .75rem;
	line-height: 1rem;
}

.learnmax-point8rem {
	font-size: .8rem;
	line-height: 1rem;
}

.learnmax-point9rem {
	font-size: .9rem;
	line-height: 1rem;
}

.learnmax-1rem {
	font-size: 1rem;
	line-height: 1rem;

}.learnmax-1point1rem {
	font-size: 1.1rem;
	line-height: 1.1rem;
}

.learnmax-1point2rem {
	font-size: 1.2rem;
	line-height: 1.2rem;
}

.learnmax-dropdown {
	background-color: #e9ecef;
}

.teknimedia-section-separator {
	width: 100%;
	height: 40px;
	background-color: #2d819e;
}

.teknimedia-section-separator-thin {
	width: 100%;
	height: 2px;
	background-color: #bdeff4;
}

/* home page */

.home-page-background {
	background-image: linear-gradient(#135a7b, #59a2d3);
	border-radius: 0px 0px 10vw 10vw;
}

.home-page-top-left {
	width: 100%;
	height: 35vh;
	min-height: 300px;
	max-height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.home-page-top-right {
	width: 100%;
	height: 35vh;
	min-height: 300px;
	max-height: 400px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

@media (max-width: 768px) {
	.home-page-top-left, .home-page-top-right {
		height: 30vh;
		max-height: 360px;
	}
}

@media (max-width: 576px) {
	.home-page-top-left, .home-page-top-right {
		height: 25vh;
		max-height: 300px;
	}
}

@media (max-width: 420px) {
	.home-page-top-left, .home-page-top-right {
		height: 25vh;
		max-height: 300px;
	}
}

.home-page-top-image-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.home-page-top-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.home-page-carousel-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	color: white;
}

.home-page-carousel {
	width: 80%;
	height: 220px;
	background-color: #2d819e;
	border-radius: 25px;
	overflow: hidden;
}

/*@media (min-width: 1140px) {
  .home-page-carousel {
    max-width: 1140px;
  }
}*/

@media (max-width: 992px) {
  .home-page-carousel {
	width: 85%;
  }
}

@media (max-width: 768px) {
  .home-page-carousel {
    width: 85%;
  }
}

@media (max-width: 576px) {
	.home-page-carousel {
		width: 90%;
		height: 280px;
	}
}
  
@media (max-width: 420px) {
	.home-page-carousel {
		width: 90%;
		height: 280px;
	}
}

.home-page-carousel-content {
	margin: 2rem;
}

@media (max-width: 576px) {
	.home-page-carousel-content {
		margin: 1rem 1rem;
	}
}
  
@media (max-width: 420px) {
	.home-page-carousel-content {
		margin: 1rem 1rem;
	}
}

.teknimedia-rating-stars {
	color: gold;
	text-shadow: 1px 1px #808080;
	float: right;
}

.home-page-carousel-fade-duration {
	transition-duration: 1s !important;
}

.home-page-carousel-indicator {
	height:10px !important;
	border-radius: 5px;
	background-color: transparent;
}

.home-page-carousel-indicator:hover {
	background-color: #FFD062;
}

.learnmax-height-20 {
	height: 20px;
}

.learnmax-height-24 {
	height: 24px;
}

.learnmax-height-30 {
	height: 30px;
}

.learnmax-height-40 {
	height: 40px;
}

.fixed-height-80 {
	height: 80px;
    object-fit: contain;
}

/* landing pages */
.life-skills-reentry-landing-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	background-image: linear-gradient(#027975, #00aca6);
}

.ic3-landing-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	/*background-image: linear-gradient(#475a5e, #597076);*/
	background-image: linear-gradient(#104c22, #20843e);
}

.learnmax-landing-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	/*background-image: linear-gradient(#475a5e, #597076);*/
	background-image: linear-gradient(#4a6e00, #5d8902);
}

.biginterview-landing-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	/*background-image: linear-gradient(#475a5e, #597076);*/
	background-color: #4872c4;
}

.ce-landing-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	/*background-image: linear-gradient(#475a5e, #597076);*/
	background-image: linear-gradient(#154568, #176196);
}

.ms-office-landing-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	/*background-image: linear-gradient(#475a5e, #597076);*/
	background-image: linear-gradient(#d03902, #e05c04);
}

.tta-landing-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	background-color: #c69100;
}

.intuit-landing-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	/*background-image: linear-gradient(#475a5e, #597076);*/
	background-image: linear-gradient(#5e17eb, #6626e6);
}

.quickbooks-landing-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	/*background-image: linear-gradient(#475a5e, #597076);*/
	background-image: linear-gradient(#2a8f1b, #2d9f1c);
}

.freshstart-landing-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	/*background-image: linear-gradient(#475a5e, #597076);*/
	background-image: linear-gradient(#075b8f, #0a76b9);
}

.digital-equity-landing-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	background-color: #378B28;
}

.partner-page-background {
	width: 100%;
	border-radius: 0px 0px 10vw 10vw;
	/*background-image: linear-gradient(#475a5e, #597076);*/
	background-image: linear-gradient(#1f609c, #408BCE);
}

.teknimedia-banner-shadow {
	box-shadow: 0 0.15rem 1.5rem 0 rgb(33 40 50 / 25%);
	padding: 5px;
	background-color: #dff8fa;
}

.teknimedia-label-shadow {
	box-shadow: 0 0.15rem 1rem 0 rgb(33 40 50 / 25%);
	padding: 5px;
	background-color: #f0f0f0;
}

/* form */

.required-symbol {
  color: red;
  vertical-align: top;
  font-weight: 600;
}

/* common styles */

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.learnmax-show {
	display: block !important;
}

.learnmax-hide {
	display: none !important;
}

.learnmax-dcursor-default {
  cursor: default;
}

.learnmax-margin-top-5px{
  margin-top: 5px;
}

.learnmax-margin-top-10px{
  margin-top: 10px;
}

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

.learnmax-margin-bottom-0px{
  margin-bottom: 0px;
}

.learnmax-no-padding{
  padding: 0px;
}

.learnmax-no-padding-left{
  padding-left: 0px;
}

.learnmax-padding-top-5px{
  padding-top: 5px;
}

.learnmax-padding-top-10px{
  padding-top: 10px;
}

.learnmax-padding-top-20px{
  padding-top: 20px;
}

.learnmax-no-border {
  border: none;
}

.learnmax-center {
  text-align: center;
}

.learnmax-float-right {
  float: right;
}

.learnmax-no-wrap {
	white-space: nowrap;
}

.learnmax-list {
	width:400px; height:200px; overflow:scroll; border:2px solid black;
}

.learnmax-multiple-select-width{
	min-width: 200px;
}

#dhtmltooltip {
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}	

/*new*/
.tek-dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 2rem 0.25rem 1rem;
	clear: both;
	font-weight: 400;
	color: #303030;
	text-align: inherit;
	white-space: nowrap;
	background: none;
	border: 0;
}
  
.tek-dropdown-item:focus, .tek-dropdown-item:hover {
	color: #202020;
	text-decoration: none;
	background-color: #f0f0f0;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #303030;
    margin-top: 7px;
    margin-right: -15px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #202020;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.learnmax-logo-normal {
	margin: auto;
  }
  
/*@media (max-width: 992px) {
	.learnmax-logo-normal {
	}
}
  
@media (max-width: 768px) {
	.learnmax-logo-normal {
	  width: 240px;
	}
}*/
  
@media (max-width: 576px) {
	.learnmax-logo-normal {
	  width: 180px;
	}
}
  
@media (max-width: 420px) {
	.learnmax-logo-normal {
	  width: 150px;
	}
}

.teknimedia-pagetop-photo {
	width: 100%;
	max-width: 500px;
}

.teknimedia-pageleft-photo {
	width: 100%;
	max-width: 250px;
}

.teknimedia-page-title {
	display: flex;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
	border-radius: .25rem;
	font-size: 1.75rem;
	font-weight: 500;
}

@media (max-width: 992px) {
	.teknimedia-page-title {
		font-size: 1.75rem;
	}
}
  
@media (max-width: 768px) {
	.teknimedia-page-title {
		font-size: 1.5rem;
	}
}
  
@media (max-width: 576px) {
	.teknimedia-page-title {
		font-size: 1.5rem;
	}
}
  
@media (max-width: 420px) {
	.teknimedia-page-title {
		font-size: 1.25rem;
	}
}

.teknimedia-page-subtitle-old {
	display: flex;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
    padding: .25rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: rgba(0,0,0,.04);
	border-top: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(0,0,0,.1);
	font-size: 1.4rem;
}

.teknimedia-page-subtitle {
	display: flex;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
    padding: .1rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
	border-bottom: 1px solid #606060;
	font-size: 1.4rem;
	font-weight: 500;
}

@media (max-width: 992px) {
	.teknimedia-page-subtitle {
		font-size: 1.3rem;
	}
}
  
@media (max-width: 768px) {
	.teknimedia-page-subtitle {
		font-size: 1.2rem;
	}
}
  
@media (max-width: 576px) {
	.teknimedia-page-subtitle {
		font-size: 1.1rem;
	}
}
  
@media (max-width: 420px) {
	.teknimedia-page-subtitle {
		font-size: 1rem;
	}
}

.teknimedia-course-title {
	font-size: 1.2em;
	font-weight: 600;
}

.teknimedia-course-image {
	height: 135px;
	width: 135px;
	float: right;
}

.teknimedia-course-image-medium {
	height: 100px;
	width: 100px;
	float: right;
}

.teknimedia-course-image-small, .teknimedia-course-package-image {
	height: 60px;
	width: 60px;
	float: right;
}

@media (max-width: 1200px) {
	.teknimedia-course-image, .teknimedia-course-image-small, .teknimedia-course-package-image {
		float: left;
	}
}

@media (max-width: 992px) {
	.teknimedia-course-image-medium {
		float: left;
	}
}

.teknimedia-font-weight-400 {
	font-weight: 400;
}

.teknimedia-font-weight-600 {
	font-weight: 600;
}

.teknimedia-medium-font {
	font-size: .9em;
}

.teknimedia-small-font {
	font-size: .8em;
}

.teknimedia-list {
	padding-left: 20px;
}

.teknimedia-vertical-middle {
	height: 100%;
	vertical-align: middle;
}

.teknimedia-square-bullet {
	list-style-type: square;
	font-size: .8rem;
}

.teknimedia-image-row-container-large {
	visibility: visible;
}

@media (max-width: 576px) {
	.teknimedia-image-row-container-large {
		height: 0px !important;
		visibility: hidden;
	}
}

.teknimedia-image-row-container-small {
	visibility: visible;
}

@media (min-width: 577px) {
	.teknimedia-image-row-container-small {
		height: 0px !important;
		visibility: hidden;
	}
}

.teknimedia-image-row {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.image-button {
	width: 120px;
	color: #404040;
}

.image-button:hover {
	color: #2980b9;
}

@media (max-width: 576px) {

	.image-button, .image-button:hover {
		width: 100px;
	}
}

.image-button-text {
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	margin-top: 3px;
}

@media (max-width: 576px) {

	.image-button-text {
		font-size: 13px;
		line-height: 16px;
	}
}

.image-button-courses-category {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/Courses-n.png") no-repeat;
	background-size: auto;
	background-position: center; 
}

.image-button-courses-category:hover {
	background: url("../images/Courses-r.png") no-repeat;
	background-size: auto;
	background-position: center; 
}

.image-button-courseware-packages-category {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/CoursewarePackages-n.png") no-repeat;
	background-size: auto;
	background-position: center; 
}

.image-button-courseware-packages-category:hover {
	background: url("../images/CoursewarePackages-r.png") no-repeat;
	background-size: auto;
	background-position: center; 
}

.image-button-assessment-category {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/Assessment-n.png") no-repeat;
	background-size: auto;
	background-position: center; 
}

.image-button-assessment-category:hover {
	background: url("../images/Assessment-r.png") no-repeat;
	background-size: auto;
	background-position: center; 
}

.image-button-learnmax-category {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/Learnmax-n.png") no-repeat;
	background-size: auto;
	background-position: center; 
}

.image-button-learnmax-category:hover {
	background: url("../images/Learnmax-r.png") no-repeat;
	background-size: auto;
	background-position: center; 
}

.image-button-basic-skills {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/Basic-Skills-n.png") no-repeat;
	background-size: auto;
	background-position: center; 
}

.image-button-basic-skills:hover {
	background: url("../images/Basic-Skills-r.png") no-repeat;
	background-size: auto;
	background-position: center; 
}

.image-button-internet {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/Internet-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-internet:hover {
  background: url("../images/Internet-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-microsoft {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/Microsoft-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-microsoft:hover {
  background: url("../images/Microsoft-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-ged {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/GED-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-ged:hover {
  background: url("../images/GED-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-iC3-certification-prep {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/IC3-certification-prep-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-iC3-certification-prep:hover {
  background: url("../images/IC3-certification-prep-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-digital-skills-assessment {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/Digital-Skills-Assessment-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-digital-skills-assessment:hover {
  background: url("../images/Digital-Skills-Assessment-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-digital-skills-training {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/Digital-Skills-Training-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-digital-skills-training:hover {
  background: url("../images/Digital-Skills-Training-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-pcic3-gs5-2016 {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/PCIC3-GS5-2016-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-pcic3-gs5-2016:hover {
  background: url("../images/PCIC3-GS5-2016-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-tta {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/tta-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-tta:hover {
  background: url("../images/tta-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-keyboarding {
	margin: auto;
	width: 150px;
	height: 150px;
	background: url("../images/keyboarding-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-keyboarding:hover {
  background: url("../images/keyboarding-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

@media (max-width: 992px) {
	.image-button-courses-category, .image-button-courses-category:hover,
	.image-button-courseware-packages-category, .image-button-courseware-packages-category:hover,
	.image-button-assessment-category, .image-button-assessment-category:hover,
	.image-button-learnmax-category, .image-button-learnmax-category:hover,
	.image-button-basic-skills, .image-button-basic-skills:hover,
	.image-button-internet, .image-button-internet:hover,
	.image-button-microsoft, .image-button-microsoft:hover,
	.image-button-ged, .image-button-ged:hover,
	.image-button-iC3-certification-prep, .image-button-iC3-certification-prep:hover,
	.image-button-digital-skills-assessment, .image-button-digital-skills-assessment:hover,
	.image-button-digital-skills-training, .image-button-digital-skills-training:hover,
	.image-button-pcic3-gs5-2016, .image-button-pcic3-gs5-2016:hover,
	.image-button-tta, .image-button-tta:hover,
	.image-button-keyboarding, .image-button-keyboarding:hover {
		width: 125px;
		height: 125px;
		background-size: contain;
	}
}

@media (max-width: 768px) {
	.image-button-courses-category, .image-button-courses-category:hover,
	.image-button-courseware-packages-category, .image-button-courseware-packages-category:hover,
	.image-button-assessment-category, .image-button-assessment-category:hover,
	.image-button-learnmax-category, .image-button-learnmax-category:hover,
	.image-button-basic-skills, .image-button-basic-skills:hover,
	.image-button-internet, .image-button-internet:hover,
	.image-button-microsoft, .image-button-microsoft:hover,
	.image-button-ged, .image-button-ged:hover,
	.image-button-iC3-certification-prep, .image-button-iC3-certification-prep:hover,
	.image-button-digital-skills-assessment, .image-button-digital-skills-assessment:hover,
	.image-button-digital-skills-training, .image-button-digital-skills-training:hover,
	.image-button-pcic3-gs5-2016, .image-button-pcic3-gs5-2016:hover,
	.image-button-tta, .image-button-tta:hover,
	.image-button-keyboarding, .image-button-keyboarding:hover {
		width: 100px;
		height: 100px;
		background-size: contain;
	}
}
  
@media (max-width: 576px) {
	.image-button-courses-category, .image-button-courses-category:hover,
	.image-button-courseware-packages-category, .image-button-courseware-packages-category:hover,
	.image-button-assessment-category, .image-button-assessment-category:hover,
	.image-button-learnmax-category, .image-button-learnmax-category:hover,
	.image-button-basic-skills, .image-button-basic-skills:hover,
	.image-button-internet, .image-button-internet:hover,
	.image-button-microsoft, .image-button-microsoft:hover,
	.image-button-ged, .image-button-ged:hover,
	.image-button-iC3-certification-prep, .image-button-iC3-certification-prep:hover,
	.image-button-digital-skills-assessment, .image-button-digital-skills-assessment:hover,
	.image-button-digital-skills-training, .image-button-digital-skills-training:hover,
	.image-button-pcic3-gs5-2016, .image-button-pcic3-gs5-2016:hover,
	.image-button-tta, .image-button-tta:hover,
	.image-button-keyboarding, .image-button-keyboarding:hover {
		width: 100px;
		height: 100px;
		background-size: contain;
	}
}
  
@media (max-width: 420px) {
	.image-button-courses-category, .image-button-courses-category:hover,
	.image-button-courseware-packages-category, .image-button-courseware-packages-category:hover,
	.image-button-assessment-category, .image-button-assessment-category:hover,
	.image-button-learnmax-category, .image-button-learnmax-category:hover,
	.image-button-basic-skills, .image-button-basic-skills:hover,
	.image-button-internet, .image-button-internet:hover,
	.image-button-microsoft, .image-button-microsoft:hover,
	.image-button-ged, .image-button-ged:hover,
	.image-button-iC3-certification-prep, .image-button-iC3-certification-prep:hover,
	.image-button-digital-skills-assessment, .image-button-digital-skills-assessment:hover,
	.image-button-digital-skills-training, .image-button-digital-skills-training:hover,
	.image-button-pcic3-gs5-2016, .image-button-pcic3-gs5-2016:hover,
	.image-button-tta, .image-button-tta:hover,
	.image-button-keyboarding, .image-button-keyboarding:hover {
		width: 80px;
		height: 80px;
		background-size: contain;
	}
}

.image-button-ic3-gs5-2016 {
	margin: auto;
	width: 160px;
	height: 80px;
	background: url("../images/IC3GS5-16-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-ic3-gs5-2016:hover {
  background: url("../images/IC3GS5-16-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-ic3-gs4-2013 {
	margin: auto;
	width: 160px;
	height: 80px;
	background: url("../images/IC3GS4-13-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-ic3-gs4-2013:hover {
  background: url("../images/IC3GS4-13-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-ic3-gs4-2010 {
	margin: auto;
	width: 160px;
	height: 80px;
	background: url("../images/IC3GS4-10-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-ic3-gs4-2010:hover {
  background: url("../images/IC3GS4-10-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

@media (max-width: 992px) {
	.image-button-ic3-gs5-2016, .image-button-ic3-gs5-2016:hover,
	.image-button-ic3-gs4-2013, .image-button-ic3-gs4-2013:hover,
	.image-button-ic3-gs4-2010, .image-button-ic3-gs4-2010:hover {
		width: 140px;
		height: 70px;
		background-size: contain;
	}
}

@media (max-width: 768px) {
	.image-button-ic3-gs5-2016, .image-button-ic3-gs5-2016:hover,
	.image-button-ic3-gs4-2013, .image-button-ic3-gs4-2013:hover,
	.image-button-ic3-gs4-2010, .image-button-ic3-gs4-2010:hover {
		width: 120px;
		height: 60px;
		background-size: contain;
	}
}
  
@media (max-width: 576px) {
	.image-button-ic3-gs5-2016, .image-button-ic3-gs5-2016:hover,
	.image-button-ic3-gs4-2013, .image-button-ic3-gs4-2013:hover,
	.image-button-ic3-gs4-2010, .image-button-ic3-gs4-2010:hover {
		width: 100px;
		height: 50px;
		background-size: contain;
	}
}
  
@media (max-width: 420px) {
	.image-button-ic3-gs5-2016, .image-button-ic3-gs5-2016:hover,
	.image-button-ic3-gs4-2013, .image-button-ic3-gs4-2013:hover,
	.image-button-ic3-gs4-2010, .image-button-ic3-gs4-2010:hover {
		width: 80px;
		height: 40px;
		background-size: contain;
	}
}

.tta-title {
	color:  #be9200;
	font-weight: 700;
}

.tta-subtitle {
	font-weight: 400;
}

.image-button-tta-win10-2016 {
	margin: auto;
	width: 240px;
	height: 80px;
	background: url("../images/TTA-win10-2016-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-tta-win10-2016:hover {
  background: url("../images/TTA-win10-2016-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-tta-win7-2013 {
	margin: auto;
	width: 240px;
	height: 80px;
	background: url("../images/TTA-win7-2013-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-tta-win7-2013:hover {
  background: url("../images/TTA-win7-2013-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-tta-win7-2010 {
	margin: auto;
	width:  240px;
	height: 80px;
	background: url("../images/TTA-win7-2010-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-tta-win7-2010:hover {
  background: url("../images/TTA-win7-2010-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

@media (max-width: 992px) {
	.image-button-tta-win7-2013, .image-button-tta-win7-2013:hover,
	.image-button-tta-win7-2010, .image-button-tta-win7-2010:hover {
		width: 220px;
		height: 70px;
		background-size: contain;
	}
}

@media (max-width: 768px) {
	.image-button-tta-win7-2013, .image-button-tta-win7-2013:hover,
	.image-button-tta-win7-2010, .image-button-tta-win7-2010:hover {
		width: 200px;
		height: 60px;
		background-size: contain;
	}
}
  
@media (max-width: 576px) {
	.image-button-tta-win7-2013, .image-button-tta-win7-2013:hover,
	.image-button-tta-win7-2010, .image-button-tta-win7-2010:hover {
		width: 160px;
		height: 40px;
		background-size: contain;
	}
}

.ged-title {
	color:  #005d7f;
	font-weight: 600;
}

.ged-info-background {
	background-color:  #e6e6e6;
}

/*@media (max-width: 992px) {
	h1 {
		font-size: 2.25rem;
	}
}
  
@media (max-width: 768px) {
	h1 {
		font-size: 2rem;
	}
}
  
@media (max-width: 576px) {
	h1 {
		font-size: 1.75rem;
	}
}
  
@media (max-width: 420px) {
	h1 {
		font-size: 1.5rem;
	}
}

/*@media (max-width: 992px) {
	h2 {
		font-size: 1.75rem;
	}
}
  
@media (max-width: 768px) {
	h2 {
		font-size: 1.5rem;
	}
}
  
@media (max-width: 576px) {
	h2 {
		font-size: 1.25rem;
	}
}
  
@media (max-width: 420px) {
	h2 {
		font-size: 1rem;
	}
}*/

.image-button-internet-delivery {
	margin: auto;
	width: 120px;
	height: 120px;
	background: url("../images/internet-delivery-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-internet-delivery:hover {
  background: url("../images/internet-delivery-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-lan-delivery {
	margin: auto;
	width: 120px;
	height: 120px;
	background: url("../images/lan-delivery-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-lan-delivery:hover {
  background: url("../images/lan-delivery-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-standalone-delivery {
	margin: auto;
	width: 120px;
	height: 120px;
	background: url("../images/standalone-delivery-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-standalone-delivery:hover {
  background: url("../images/standalone-delivery-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

@media (max-width: 992px) {
	.image-button-internet-delivery, .image-button-internet-delivery:hover,
	.image-button-lan-delivery, .image-button-lan-delivery:hover,
	.image-button-standalone-delivery, .image-button-standalone-delivery:hover {
		width: 120px;
		height: 120px;
		background-size: contain;
	}
}

@media (max-width: 768px) {
	.image-button-internet-delivery, .image-button-internet-delivery:hover,
	.image-button-lan-delivery, .image-button-lan-delivery:hover,
	.image-button-standalone-delivery, .image-button-standalone-delivery:hover {
		width: 100px;
		height: 100px;
		background-size: contain;
	}
}
  
@media (max-width: 576px) {
	.image-button-internet-delivery, .image-button-internet-delivery:hover,
	.image-button-lan-delivery, .image-button-lan-delivery:hover,
	.image-button-standalone-delivery, .image-button-standalone-delivery:hover {
		width: 100px;
		height: 100px;
		background-size: contain;
	}
}
  
@media (max-width: 420px) {
	.image-button-internet-delivery, .image-button-internet-delivery:hover,
	.image-button-lan-delivery, .image-button-lan-delivery:hover,
	.image-button-standalone-delivery, .image-button-standalone-delivery:hover {
		width: 80px;
		height: 80px;
		background-size: contain;
	}
}

.ms-office-version-button {
	background-color: #de5704;
	color: white;
	padding: 10px 20px;
	min-width: 120px;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s;
  }
  
  .ms-office-version-button:hover {
	background-color: #d13b02;
  }

.image-button-office-2016 {
	margin: auto;
	width: 84px;
	height: 109px;
	background: url("../images/office-2016-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-office-2016:hover {
  background: url("../images/office-2016-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-office-2013 {
	margin: auto;
	width: 84px;
	height: 109px;
	background: url("../images/office-2013-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-office-2013:hover {
  background: url("../images/office-2013-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-office-2010 {
	margin: auto;
	width: 84px;
	height: 109px;
	background: url("../images/office-2010-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-office-2010:hover {
  background: url("../images/office-2010-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

@media (max-width: 420px) {
	.image-button-office-2016, .image-button-office-2016:hover,
	.image-button-office-2013, .image-button-office-2013:hover,
	.image-button-office-2010, .image-button-office-2010:hover {
		width: 80px;
		height: 80px;
		background-size: contain;
	}
}

.teknimedia-invisible {
	visibility: hidden;
}

.teknimedia-seal {
	width: 160px;
	height: 160px;
}


@media (max-width: 992px) {
	.teknimedia-seal {
		width: 150px;
		height: 150px;
	}
}

@media (max-width: 768px) {
	.teknimedia-seal {
		width: 140px;
		height: 140px;
	}
}
  
@media (max-width: 576px) {
	.teknimedia-seal {
		width: 130px;
		height: 130px;
	}
}
  
@media (max-width: 420px) {
	.teknimedia-seal {
		width: 120px;
		height: 120px;
	}
}

.image-button-evaluation-organization {
	margin: auto;
	width:  210px;
	height: 84px;
	background: url("../images/Evaluation-Organization-n.png") no-repeat;
	background-size: auto;
	background-position: center;
}

.image-button-evaluation-organization:hover {
  background: url("../images/Evaluation-Organization-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

@media (max-width: 992px) {
	.image-button-evaluation-organization, .image-button-evaluation-organization:hover {
		width: 190px;
		height: 75px;
		background-size: contain;
	}
}

@media (max-width: 768px) {
	.image-button-tta-win7-2013, .image-button-tta-win7-2013:hover,
	.image-button-tta-win7-2010, .image-button-tta-win7-2010:hover {
		width: 168px;
		height: 67px;
		background-size: contain;
	}
}
  
@media (max-width: 576px) {
	.image-button-tta-win7-2013, .image-button-tta-win7-2013:hover,
	.image-button-tta-win7-2010, .image-button-tta-win7-2010:hover {
		width: 147px;
		height: 59px;
		background-size: contain;
	}
}

@media (max-width: 420px) {
	.image-button-tta-win7-2013, .image-button-tta-win7-2013:hover,
	.image-button-tta-win7-2010, .image-button-tta-win7-2010:hover {
		width: 126px;
		height: 50px;
		background-size: contain;
	}
}

.teknimedia-checkbox-radio {
	vertical-align: middle;
	width: 1rem;
	height: 1rem;
	margin-top: -3px;
}

.teknimedia-message {
	color: green;
	font-weight: 600;
}

.teknimedia-text-box-small {
	width: 400px;
}

.teknimedia-pcic3-logo {
	color: #3baf2a;
}

.teknimedia-ccr-logo {
	color: darkmagenta;
}

.teknimedia-microsoft-office-logo {
	color: #eb3d01;
}

.teknimedia-video-icon {
	width: 180px;
	height: 120px;
	cursor: pointer;
}

.teknimedia-mt-n3rem {
	margin-top: -3rem;
}

.teknimedia-video-button {
	background-color: #2980b9;
	border-color: #2980b9;
}

.teknimedia-sample-link {
	color: #2980b9;
	font-weight: 600;
}

.teknimedia-regular-font {
	font-size: 1rem;
}

@media (max-width: 1199px) {
	.teknimedia-regular-font {
		font-size: .9rem;
	}
}

.teknimedia-large-font {
	font-size: 1.2rem;
	line-height: 1.5rem;
}

@media (max-width: 1199px) {
	.teknimedia-large-font {
		font-size: 1rem;
		line-height: 1.3rem;
	}
}

.teknimedia-larger-font {
	font-size: 1.3rem;
	line-height: 1.5rem;
}

@media (max-width: 1199px) {
	.teknimedia-larger-font {
		font-size: 1.1rem;
		line-height: 1.3rem;
	}
}

.teknimedia-extra-large-font {
	font-size: 1.4rem;
	line-height: 1.6rem;
}

.teknimedia-cursor-pointer {
	cursor: pointer;
}

.tta-button {
	padding: .4rem .8rem;
	margin: 0;
	background-color: #be9200;
	border-color: #be9200;
}


.tta-button:hover {
	background-color: #aa8200;
	border-color: #aa8200;
}

.tta-button:focus {
	background-color: #aa8200 !important;
	border-color: #aa8200 !important;
	box-shadow: 0 0 0 0.2rem #be9200 !important;
}

.tta-quote {
	padding: .5rem 1rem;
	border: 2px solid #be9200;
	border-radius: .25rem;
}

.tta-card {
	border: 2px solid #be9200;
}

.tta-card-header {
	border-color: #be9200;
	background-color: #faf6e9;
}

.tta-card-body {
	padding: 1rem;
}

.tta-ul {
	list-style-type: none;
	padding-inline-start: 0;
	margin-bottom: 0px;
}

.tta-hr {
	border-color: #f3e9c9;
}

.teknimedia-check-mark-list-type {
	height: 1rem;
	margin-right: .4rem;
}

@media (max-width: 1199px) {
	.teknimedia-check-mark-list-type {
		height: .9rem;
	}
}

.coming-soon {
	height: 4.5rem;
}

@media (max-width: 992px) {
	.coming-soon {
		height: 4rem;
	}
}
  
@media (max-width: 768px) {
	.coming-soon {
		height: 3.5rem;
	}
}
  
@media (max-width: 576px) {
	.coming-soon {
		height: 3rem;
	}
}
  
@media (max-width: 420px) {
	.coming-soon {
		height: 2.5rem;
	}
}

.reentry-title {
	display: inline-block; 
	text-align: left;
	font-size: 2.8rem;
	line-height: 3.2rem;
	vertical-align: middle;
}

@media (max-width: 992px) {
	.reentry-title {
		font-size: 2.75rem;
		line-height: 4rem;
	}
}
  
@media (max-width: 768px) {
	.reentry-title {
		font-size: 2.5rem;
		line-height: 3.5rem;
	}
}
  
@media (max-width: 576px) {
	.reentry-title {
		font-size: 2.25rem;
		line-height: 3rem;
	}
}
  
@media (max-width: 420px) {
	.reentry-title {
		font-size: 2rem;
		line-height: 2.5rem;
	}
}

.teknimedia-title-font {
	font-size: 1.5rem;
	line-height: 1.5rem;
}

@media (max-width: 992px) {
	.teknimedia-title-font {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
}
  
@media (max-width: 768px) {
	.teknimedia-title-font {
		font-size: 1.3rem;
		line-height: 1.3rem;
	}
}
  
@media (max-width: 576px) {
	.teknimedia-title-font {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
}
  
@media (max-width: 420px) {
	.teknimedia-title-font {
		font-size: 1.1rem;
		line-height: 1.1rem;
	}
}

.reentry-color {
	color: #33b0bf;
}

.reentry-background-color {
	background-color: #f0f0f0;
}

.reentry-card {
	background-color: #33b0bf;
	color: white;
}

.reentry-card-header {
	padding: .5rem .75rem;
}

.reentry-plus-sign {
	font-size: 1.4rem;
	vertical-align: middle;"
}

.reentry-plus-text {
	display: inline-block;
	line-height: 1.4rem; vertical-align: middle;
}

.reentry-success {
	height: 7.5rem;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	padding: 5px;
}

.atlo-logo {
	width: 160px;
}

.card-feature-icon {
	max-width:64px;
	max-height:48px;
	width: auto;
	height: auto;
	margin-right: 15px;
}

.res-logo {
	width: 200px;
}

@media (max-width: 768px) {
	.res-logo {
		width: 220px;
	}
}
  
 @media (max-width: 576px) {
	.res-logo {
		width: 200px;
	}
}
  
@media (max-width: 420px) {
	.res-logo {
		width: 150px;
	}
}

.teknimedia-card-banner {
	background-color: #eef3f7;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 10px 0px 5px 0px;
}

.teknimedia-card-banner-extension {
	background-color: #eef3f7;
	margin: 0px;
	padding: 5px 0px 10px 5px;
}

.teknimedia-card-body {
	 padding: 10px 5px;
}

.teknimedia-card-image {
	width: 200px;
}

.ic3-demo-button {
	height: 40px;
	margin: auto;
}

.teknimedia-adaptive-font {
	font-size: 1rem;
}

@media (max-width: 992px) {
	.teknimedia-adaptive-font {
		font-size: .8rem;
	}
}
  
@media (max-width: 768px) {
	.teknimedia-adaptive-font {
		font-size: .8rem;
	}
}
  
@media (max-width: 576px) {
	.teknimedia-adaptive-font {
		font-size: .8rem;
	}
}
  
@media (max-width: 420px) {
	.teknimedia-adaptive-font {
		font-size: .7rem;
	}
}

.res-sample-icon {
	width: 100%;
	max-width: 220px;
}

.res-sample-icon:hover {
	border: 2px solid white;
}

.teknimedia-card-flex-height {
	background-color: white;
	border: 2px solid #cbd5ed;
}

.teknimedia-card-flex-height:hover {
	border: 2px solid #6788d6;
}

.teknimedia-card {
	height: 146px;
	max-height: 146px;
	background-color: white;
	border: 2px solid #cbd5ed;
}

.teknimedia-card:hover {
	border: 2px solid #6788d6;
}

.teknimedia-card-image {
	height: 60px;
	width: auto;
	margin-top: 1.5rem;
}

.teknimedia-card-text {
	color: #202020;
}

.teknimedia-card-link a:hover {
	text-decoration: none !important;
}

.teknimedia-link {
	color: #2980b9;
	font-weight: 600;
}

.teknimedia-link:hover {
	text-decoration: underline;
}

.teknimedia-contact-sales {
	border: 2px solid rgb(2, 160, 2);
	border-radius: 10px;
	text-align: center;
}

.teknimedia-contact-sales:hover {
	border: 2px solid rgb(2, 182, 2);
}

/*sample icons*/
.sample-icon {
	width: 100%;
	padding-top: 75%;
	background-color: #404040;
	background-size: cover;
}

.sample-icon:hover {
	background-color: #202020;
}

.sample-multiplewindows {
	background-image: url('../images/multiplewindows.png');
}

.sample-multiplewindowsx {
	background-image: url('../images/multiplewindowsx.png');
}

.sample-hierarchyofneeds {
	background-image: url('../images/hierarchyofneeds.png');
}

.sample-hierarchyofneedsx {
	background-image: url('../images/hierarchyofneedsx.png');
}

.teknimedia-anchor {
	display: block;
	height: 60px; /* this is the height of your header */
	margin-top: -60px; /* this is again negative value of the height of your header */
	visibility: hidden;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 aspect ratio (56.25 = 100 / 16 * 9) */
	height: 0;
	overflow: hidden;
}
  
.video-container iframe, .video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul.asterisk {
	list-style-type: none;
	padding-left: 10px;
}

ul.asterisk li {
	position: relative;
}

ul.asterisk li::before {
	content: '* ';
	position: absolute;
	left: -10px;
}

ul.checkmark {
	list-style-type: none;
	padding-left: 30px;
}

ul.checkmark li {
	position: relative;
}

ul.checkmark li::before {
	content: '\2713';
	position: absolute;
	left: -30px;
	font-size: 1.4rem;
	font-weight: bold;
}

.freshstart-course-image {
	/*height: 141px;
	width: 109px;*/
	width: 100%;
	max-width: 170px;
}

.freshstart-course-image-column {
	background-color: #e6f2fb; 
	margin-right: -15px !important;
}

.freshstart-course-info-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	margin-left: -15px;
	padding-left: 15px;
	background-color: #e6f2fb;
}

.freshstart-course-title {
	font-size: 1.2em;
	font-weight: 600;
	padding-right: 10px;
}

/*update September 2024*/

.teknimedia-customer-logo {
	height: 112px;
    object-fit: contain;
}

.teknimedia-box {
	border: 2px solid lightgray;
	border-radius: 15px;
	background-color: white;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 200px;
	max-height: 200px;
	overflow: hidden;
}

.teknimedia-box .top-section {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	padding: 20px;
	height: 50%;
	max-height: 100px;
}

.teknimedia-box .bottom-section {
	border-top: 2px solid lightgray;
	padding: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 50%;
}

.bottom-section .heading {
	font-size: .9rem;
	font-weight: 600;
}

.bottom-section .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bottom-section .label1 {
	font-size: .8rem;
    background-color: #eef9ff;
    border-radius: 5px;
    padding: 5px;
}

.bottom-section .label2 {
	font-size: .8rem;
    background-color: #fff8e2;
    border-radius: 5px;
    padding: 5px;
}

.bottom-section .arrow {
	font-size: 30px;
	cursor: pointer;
}

.bottom-section a {
    text-decoration: none; /* Removes underline from the link */
}

.bottom-section a:hover {
	text-decoration: none;
}

.teknimedia-box img {
	max-width: 100%;
	max-height: 100%;
	max-height: 60px;
}

/* Ensure all boxes have the same height */
.box-container {
	display: flex;
	gap: 20px;
}

 @media (max-width: 992px) {
	.box-container {
		flex-direction: column;
	}
}

.partner-logo {
	max-height: 70px;
	object-fit: contain;
}

.partner-logo-container {
	padding: 15px;
	text-align: center;
}

/* Samples */
.sample-custom-dropdown {
	border: 2px solid lightgray; /* 2px light gray border */
	padding: 10px;
	width: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 8px; /* Rounded corners */
}
.sample-dropdown-icon-label {
	display: flex;
	align-items: center;
}
.sample-dropdown-img-container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 40px;
}

/* Table inside dropdown */
.sample-dropdown-content {
	display: none;
	border: 2px solid lightgray; /* 2px light gray border */
	padding: 10px;
	background-color: white;
	width: 100%; /* Match width to dropdown */
	border-radius: 8px; /* Rounded corners */
	background-color: white;
}
/* Table Styles */
.sample-table th, .sample-table td {
	border: none; /* Remove inside borders */
}

.sample-table th:nth-child(1),
.sample-table td:nth-child(1){
	width: 40%;
	min-width: 200px;
}
.sample-table th:nth-child(2),
.sample-table td:nth-child(2) {
	width: 40%;
	min-width: 200px;
}
.sample-table th:nth-child(3),
.sample-table th:nth-child(4),
.sample-table td:nth-child(3),
.sample-table td:nth-child(4) {
	width: 10%;
	min-width: 50px;
}

/* Custom chevron */
.sample-chevron {
	font-size: 20px;
}

.sample-course-icon {
	width: 45px;
	height: 30px;
}

/* course pages */
.teknimedia-course-logo-title {
	display: flex;
	align-items: center;
	gap: 20px;
}

.teknimedia-course-container {
	border: 2px solid lightgray;
	border-radius: 8px;
	padding: 20px;
}

.teknimedia-course-top-section {
	border-bottom: 2px solid lightgray;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.teknimedia-course-bottom-section {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 25px;
}

.teknimedia-course-icon {
	width: 50px;
	height: 50px;
}

.teknimedia-course-icon-large {
	width: 60px;
	height: 60px;
}

.teknimedia-course-details {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 50px;
}

.teknimedia-course-links a {

	white-space: nowrap;
}

/* Bullet ane Indent */

.teknimedia-bullet-line {
	position: relative;
	padding-left: 15px;
}

.teknimedia-bullet-line::before {
	content: '•';
	position: absolute;
	left: 0;
}

.teknimedia-indented-text {
	margin-left: 15px;
}

/* teknimedia button */
.teknimedia-btn {
	min-width: 120px;
	font-weight: 600;
}

.teknimedia-btn-home {
	min-width: 120px;
	font-weight: 600;
	border: 2px solid white;
}

/* Custom primary button */
.btn-primary-reverse {
	background-color: white;
	color: #007bff; /* Bootstrap blue */
	border: 2px solid #007bff;
	font-weight: 600;
}
  
.btn-primary-reverse:hover {
	background-color: #007bff;
	color: white;
	border-color: #007bff;
}
  
/* Custom success button */
.btn-success-reverse {
	background-color: white;
	color: #28a745; /* Bootstrap green */
	border: 2px solid #28a745;
	min-width: 120px;
	font-weight: 600;
}
  
.btn-success-reverse:hover {
	background-color: #28a745;
	color: white;
	border-color: #28a745;
}

.resource-card {
  display: block;
  max-width: 520px;
  padding: 12px 16px;
  margin: 0 0 10px 0;
  border: 1px solid #006dcd;
  border-left: 4px solid #006dcd;   /* normal: neutral gray */
  border-radius: 6px;
  background: #ffffff;
  text-decoration: none !important;
  transition: background .12s ease, border-color .12s ease, border-left-color .12s ease;
}

.resource-card:hover {
  background: #f5f8fb;
  border-color: #0059a8;
  border-left-color: #0059a8;       /* hover: Teknimedia blue */
}

.resource-title {
  font-size: 1.05rem;
  font-weight: 600;
  color: #404040;
}