@charset "utf-8";

/* CSS Document */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0px;
	font-size: 14px;
	font-family: Fira Sans;
	font-weight: normal;
	color: #939598;
	color: #333333;
	line-height: 1.5em;
}

header,
footer,
section,
aside,
nav,
article,
video {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
section,
img,
div {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

ul,
ol,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

dl,
dt,
dd {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

img {
	border: none;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.clear {
	clear: both;
}

a {
	text-decoration: none;
	color: #1E3E4E;
}

.brd-none {
	border: 0px none !important;
}

a:hover {
	color: #118D8D;
}

::-webkit-input-placeholder {
	color: #b4a7a5;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #b4a7a5;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #b4a7a5;
}

:-ms-input-placeholder {
	color: #444;
}

textarea {
	font-family: Fira Sans;
	font-size: 14px;
}

input {
	font-family: Fira Sans;
	font-size: 14px;
}

select {
	font-family: Fira Sans;
	font-size: 14px;
}

/*-----------navBar----------------------*/



/* begin new KLG mods  */

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

.footer2 {
	display: inline-flex;
	width: 100%;
	padding: 25px;
	padding: 25px 40px 25px 40px;
}

.footerCol {
	min-width: 25%;
	padding: 0px 25px 0px 25px;
	text-align: left;
}

.herobox {
	background-image: url("../images/update/PNG/hero-desk.png");
	height: 650px;
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.hero-img {
	width: 100%;
}

.linenht21 {
	line-height: 21px;
}

.hero-img-textbox {
	top: 16%;
	left: 78px;
	width: 700px;
	position: absolute;
}

.hero-img-h1 {
	font-size: 50px;
	font-family: raleway;
	padding-bottom: 15px;

	font-weight: 600;
	color: #347997;
}

.hero-img-h2 {
	font-size: 40px;
	min-width: 500px;
	font-family: raleway;
	font-weight: normal;
	color: black;
	padding-bottom: 25px;
	line-height: 40px;
}

.hero-hr {
	width: 69px;
	color: #A0DAB3;
	margin: 0px;
	height: 3px;
	background-color: #A0dab3;
	border: none;
	margin-bottom: 15px;
}

.newnav {
	height: 37px;
	width: 100%;
	background-color: #4F7999;
	/* overflow: hidden; */
}

.newnav a {
	color: white;
}

.newnav img {
	float: right;
}

.header-head {
	background: url("/images/update/PNG/ico-profileKO.png") no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
	float: right;
	padding-right: 50px;
	background-size: contain;
}

/* a:hover .header-head {
    background: url("/images/update/PNG/ico-profile.png") no-repeat;
} */

.header-cart {
	background: url("/images/update/PNG/ico-cartKO.png") no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
	float: right;
	background-size: contain;
}

/* a:hover .header-cart {
    background: url("/images/update/PNG/ico-cart.png") no-repeat;
} */

.header-cart-count {
	position: relative;
	text-align: center;
}

.header-cart-h4 {
	font-size: 12px;
    font-family: raleway;
    font-weight: normal;
    background-color: #0fa96e;
    width: 15px;
    border-radius: 11px;
    text-align: center;
    margin-left: 13px;
    margin-top: 3px;
    line-height: 15px;
    border: 1px solid #09c739;
}

/* a:hover .header-cart-h4 {
	color: #4F7999;
} */

.header-mail {
	background: url("/images/update/PNG/ico-contactKO.png") no-repeat;
	width: 200px;
	color: white;
	height: 40px;
	display: inline-block;
	float: left;
	text-align: left;
	background-size: contain;
}

/* a:hover .header-mail {
    background: url("/images/update/PNG/ico-contact.png") no-repeat;
} */

.header-mail-h4 {
	font-size: 12px;
	font-family: raleway;
	font-weight: normal;
	padding-top: 12px;
	padding-left: 38px;
	color: white;
}

a:hover .header-mail-h4 {

	font-weight: bold;
}

.newnav2 {
	width: 100%;
	background-color: #FFFFFF;
	height: 56px;
	padding-top: 10px;
}

.newnav2 a {
	text-align: center;
	padding: 13px 20px 15px 20px;
	text-decoration: none;
	font-weight: 900;
	color: black;
}

.newnav2 a:hover {
	color: #4F7999;
	background-color: #F5F5F5;
}

.newnav2 a.active {
	color: white;
}

.newnav2 img {
	float: left;
}

.newnav2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #333;
}

.newnav2li {
	float: left;
}

.newnav2 li a,
.dropbtn {
	display: inline-block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

.newnav2 li a:hover,
.dropdown:hover .dropbtn {
	background-color: red;
}

.newnav2 li.dropdown {
	display: inline-block;
}

.dropbtn {
	background-color: white;
	color: black;
	font-weight: 900;
	border: none;
	cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #F5F5F5;
	min-width: 180px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}


.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: normal;
	FONT-SIZE: 14PX;
	border-bottom: 1px solid #ccc;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f1f1f1
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	color: #4F7999;
	background-color: #F5F5F5;
}

.navlogo {
	width: 300px;
	float: left;
	padding-left: 80px;
}

.navbarlinks {
	float: right;
	font-family: Fira Sans;
	font-size: 17px;
	font-weight: bold;
	margin-right: 100px;
}

.try-free-container {
	padding: 15px 100px 0px 100px;
	display: contents;
}

.rightContent {
	vertical-align: top;
	width: 70%;
	float: left;
	padding: 0 0 0 0px;
	display: block;
}

.leftBanners {
	width: 30%;
	float: left;
	display: block;
	min-width: 249px;
}

.newnav2 .icon {
	display: none;
}

.aboutus-container {
	max-width: 100%;
	display: inline-flex;
	padding: 40px 40px;
}

.aboutus-qube {
	display: block;
	max-width: 45%;
	padding-right: 30px;

}

.aboutus-qube-row {
	width: 100%;
	display: inline-flex;
}

.aboutus-box {
	display: block;
	padding: 10px;
	border: #d5d5d4 solid 2px;
	background-color: #f8f8f9;
	margin: 5px 10px 5px 10px;
	width: 240px;
	height: 240px;
}

.aboutusbox-img {
	width: 65px;
	height: 65px;

}

.aboutusbox-header {
	font-size: 17px;
	font-weight: 900;
}

.aboutusbox-blurb {
	font-size: 12px;
}

.aboutus-copy {
	max-width: 40%;
	padding-top: 85px;

}

.aboutus-blurb {
	padding: 15px 0px;
}

.aboutus-checktext {
	padding-bottom: 5px;
	text-indent: -15px;
	padding-left: 15px;
}

.aboutus-h3 {
	padding-bottom: 15px;
}

i.fa.fa-check {
	color: #A0DAB3;
	padding-right: 15px;
}

div.aboutus-qube {
	-webkit-order: 1;
}

div.aboutus-copy {
	-webkit-order: 2;
}

div.aboutus-qube {
	order: 1;
}

div.aboutus-copy {
	order: 2;
}

#link-3 {
	display: none;
}

#overlay {
	display: none;
}

.freetrial-box {
	max-width: 100%;
	text-align: center;
	display: block;
	padding: 0px 150px;
	height: 300px;
	margin-bottom: 0px;
	background: url("/images/update/PNG/bg-freetrial+stroke.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.freetrial-h3 {
	padding-bottom: 10px;
	color: white;
	font-size: 30px;
}

.freetrial-copy {
	font-size: 18px;
	padding-bottom: 20px;
	color: white;

}

.freetrial-box-content {
	padding-top: 54px;

}

.courses-container {
	max-width: 100%;
	padding: 50px 20px;
	background: repeating-linear-gradient(135deg, #ffffff 15px, #ffffff 19px, #f4f4f4 10px, #f4f4f4 21px);
}

.courses-content {
	display: inline-flex;
	width: 100%;
	padding-top: 8px;
}

.course-row1 {
	display: inline-flex;
	width: 33%;
}

.course-row2 {
	display: inline-flex;
	width: 33%;
}

.courses-logo {
	display: block;
	width: 30%;
	margin-right: 15px;
	padding: 0px 35px;
}

.courses-box {
	display: block;
	width: 36%;
	text-align: center;

}

.course-disc {
	font-family: Fira Sans;
	font-weight: bold;

}

.logInBox {
	width: 170px;
}

.log-boxes {}

.log-user {
	padding: 10px;
}

.log-pw {
	padding: 10px;
}

.log-btn {
	padding-bottom: 22px;
}

.log-forgot {
	padding-bottom: 22px;
}

.log-reg {
	padding-bottom: 22px;
}

.style1 {
	font-size: 16px;
}

.login-txt {
	display: none;
}
.search-title{
	font-weight: bold;
}
.filter-cat{
	font-weight: bold;
	padding: 0px 5px 0px 15px !important;
}
.search-box{
	border: 1px #b7b7b7 solid;
}
.search-row{
	padding: 0 0 10px 0;
}

.dis-text{
    display: block;
}
/* end new KLG mods  */
fieldset {
	margin: 10px;
	padding: 0 10px 15px 10px;
	border: 1px black solid;
	border-radius: 5px;
}

#navBar {
	display: block;
	height: 35px;
	width: 100%;
	background: #003d7c;
	color: white;
	padding: 5px 5px 5px 5px;
	font-weight: bolder;
}

#navBar A {
	color: white;
}

.raleway-klg {
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-weight: 100;
	font-style: normal;
}

/*-----------MAINWRAPPER------------------------------------------------------------------------------*/
#mainwrapper {
	width: 100%;
	float: left;
}

/*-----------HEADERWRAPPER----------------------------------------------------------------------------*/
#headerwrapper {
	width: 100%;
	float: left;
}

/*-----------TOPPART----------------------------------------------------------------------------------*/
#toppart {
	width: 100%;
	float: left;
}

.toppart {
	width: 953px;
	margin: 0 auto;
}

.chiro-logo {
	width: auto;
	float: left;
	padding-left: 80px;
}

.loginpart {
	width: 400px;
	float: right;
	padding: 42px 0 26px 0;
}

.loginpart .filde1 {
	width: 140px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 20px 0 0;
}

.loginpart .filde1 label {
	width: 100%;
	float: left;
	padding: 0 0 0 0;
	font-size: 11px;
	color: #1E3E4E;
}

.loginpart .filde1 input {
	width: 100%;
	float: left;
	padding: 3px 5px 3px 5px;
	font-size: 11px;
	color: #1E3E4E;
	border: 1px solid #0f0f10;
	background: white;
	margin-top: 3px;
}

.loginpart h2 {
	width: 100%;
	font-size: 0.95em;
	color: #118D8D;
}

.loginpart a {
	margin: 0 0 0 75px;
	font-size: 12px;
	color: red;
	padding: 0 0 0 0;
	text-decoration: underline;
}

.loginpart a:hover {
	color: #118D8D;
	text-decoration: underline;
}

.logoutpart {
	width: 320px;
	float: right;
	padding: 0px 0 26px 0;
}

.logoutpart h2 {
	width: 100%;
	font-size: 0.95em;
	color: #118D8D;
}

.logoutpart a {
	margin: 0 0 0 0px;
	font-size: 12px;
	color: #118D8D;
	padding: 0 0 0 0;
	text-decoration: underline;
}

.logoutpart a:hover {
	color: #000000;
	text-decoration: none;
}

.login-btn {
	font-size: 11px;
	width: 60px;
	height: 30px;
	float: left;
	color: #ffffff;
	background: #177c7a;
	border-radius: 5px;
}

.login-btn:hover {
	background: #1E3E4E;
}

.logout-btn {
	font-size: 9px;
	margin: 5px 0 0 0;
	width: auto;
	float: left;
	color: #ffffff;
	background: #177c7a;
	border-radius: 5px;
}

.logout-btn:hover {
	background: #1E3E4E;
}

.forgot-link {
	width: 100%;
	float: left;
	text-align: left;
	padding-top: 5px;
}

.forgot-link a {
	margin: 0 0 0 75px;
	font-size: 12px;
	color: #118D8D;
	padding: 0 0 0 0;
	text-decoration: underline;
}

.forgot-link a:hover {
	color: #177c7a;
	text-decoration: none;
}

.update-link {
	width: 100%;
	float: left;
	text-align: left;
	padding-top: 5px;
}

.update-link a {
	margin: 0 0 0 75px;
	font-size: 12px;
	padding: 0 0 0 0;
	text-decoration: underline;
}

.update-link a:hover {
	color: red;
	text-decoration: none;
}

.logout-link {
	width: 100%;
	float: left;
	text-align: left;
	padding-top: 5px;
}

#navi-bg {
	width: 100%;
	float: left;
	background: #E3E3E3 url(../images/responsive/menu-bg.jpg) repeat-x left top;
	min-height: 79px;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
}

h1 {
	width: 100%;
	float: left;
	font-family: Raleway Light;
	font-size: 52px;
	padding: 6px 0 2px 0;
	line-height: 60px;
}

.navigation {
	width: 953px;
	margin: 0 auto;
}

.navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0 0 0 0px;
}

.navigation ul li {
	padding: 0px;
	float: left;
	display: inline;
	float: left;
	font-family: "Helvetica", Times, serif;
	font-size: 13px;
	color: #86878a;
}

.navigation ul li a {
	padding: 2px;
	float: left;
	display: inline;
	float: left;
	font-family: "Helvetica", Times, serif;
	font-size: 13px;
	color: #1E3E4E;
	text-decoration: underline;
}

.navigation ul li a:hover {
	color: #118D8D;
}

.navigation ul li a {
	width: 238px;
}

#middlewrapper {
	width: 100%;
	float: left;
	/* border-top: 5px solid #cdced0; */
}

.middlewrapper {
	width: 90%;
	margin: 0 auto;
}

.gallery {
	width: 100%;
	float: left;
	margin-top: 1px;
}

.gallery ul {
	list-style-type: none;
	margin: -1px 0 0 0;
	padding: 0px;
	border-top: 1px solid #ffffff;
}

.gallery ul li {
	padding: 0px;
	float: left;
	margin-left: 1px;
}

.gallery ul li img {
	display: block;
	width: 100%;
}

.content-part {
	width: 100%;
	float: left;
	margin-top: 1px;
}

.left-side {
	width: 228px;
	float: left;
}

.categorypart {
	width: 100%;
	float: left;
	background: #2f4887 url(../images/responsive/category-bg.jpg) no-repeat right top;
	list-style-type: none;
	padding: 7px 0 0 0;
	margin: 0px;
	min-height: 291px;
	border-radius: 0 0 8px 8px;
}

.categorypart li {
	padding: 0;
	width: 100%;
	float: left;
}

.categorypart li a {
	text-decoration: none;
	font-size: 12px;
	color: #ffffff;
	padding: 6px 0 6px 33px;
	font-weight: 600;
	background: url(../images/responsive/cat-dot.png) no-repeat 15px 8px;
	float: left;
}

.categorypart li a:hover {
	text-decoration: none;
	color: #3e75ff;
	background: url(../images/responsive/cat-dot-hover.png) no-repeat 15px 8px;
	float: left;
	padding: 6px 0 6px 33px;
}

.online-banner {
	width: 100%;
	float: left;
	background: #4a6497 url(../images/responsive/online-banner.jpg) no-repeat left top;
	min-height: 160px;
	margin-top: 5px;
	border-radius: 8px;
}

.online-banner p {
	width: 56%;
	float: right;
	line-height: 13px;
	font-size: 11px;
	color: #ffffff;
	padding-top: 12px;
	padding-right: 6px;
}

.middle-side {
	width: 456px;
	float: left;
	margin: 10px 20px 0 22px;
}

h2 {
	width: 100%;
	float: left;
	color: #000000;
	padding: 0px 0 10px 0;
	font-family: Raleway bold;
	font-size: 40px;
	line-height: 42px;
}

.course-part {
	width: 100%;
	float: left;
}

.course-part .title {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #003d7e;
	float: left;
	margin-bottom: 8px;
	font-weight: 600;
}

.course-part .textpart {
	font-size: 11px;
	color: #000000;
	line-height: 15px;
	float: left;
}

.course-part .leftpart {
	width: auto;
	float: left;
	margin: 0 5px 0px 0;
}

.course-part .rightpart {
	width: 274px;
	float: left;
	margin: 0 0px 0px 0;
}

.middle-side p {
	font-size: 11px;
	color: #000000;
	line-height: 15px;
	float: left;
	width: 100%;
	padding: 5px 0 15px 0;
}

.clickhere {
	font-family: Geneva, sans-serif;
	font-size: 12px;
	color: #4b67f6;
	padding: 0 0 0 0;
	text-decoration: underline;
}

.clickhere:hover {
	color: #000000;
	text-decoration: none;
}

/* h3{width:100%; float:left; font-family:"Times New Roman", Times, serif; font-size:16px; color:#1E3E4E; font-weight:600; padding:10px 0 10px 0;} */
h3 {
	width: 100%;
	float: left;
	font-family: "Raleway";
	font-size: 32px;
	color: black;
	font-weight: 400;
	line-height: 46px;
}

.bottom-part {
	width: 100%;
	float: left;
}

.bottom-part .b-link {
	width: 50%;
	float: left;
	padding: 0 0 0 48px;
	margin: 0 0 0 0;
	list-style-type: none;
}

.bottom-part .b-link li {
	display: block;
	padding: 5px 0 0 0;
}

.bottom-part .b-link li a {
	padding: 0 0 0 0;
	text-decoration: underline;
	font-size: 12px;
	color: #4b67f6;
}

.bottom-part .b-link li a:hover {
	text-decoration: none;
	color: #000000;
}

.right-side {
	width: 227px;
	float: left;
	margin-top: 11px;
}

.tri-it-free {
	width: 100%;
	float: left;
	background: #4a6497 url(../images/responsive/tri-it-free.jpg) no-repeat left top;
	min-height: 90px;
	border-radius: 8px;
	padding: 10px;
}

.tri-it-free .title {
	width: 100%;
	float: left;
	font-family: Geneva, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
}

.tri-it-free p {
	width: 100%;
	float: left;
	font-family: Geneva, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding: 0px 0 0 0;
}

.tri-it-btn {
	width: auto;
	float: right;
	background: #b7b8bb url(../images/responsive/tri-it-btn.jpg) repeat-x left top;
	padding: 4px 0 4px 0;
	border-radius: 8px;
}

.tri-it-btn a {
	padding: 0 16px 0 12px;
	font-size: 11px;
	color: #395086;
	font-family: Geneva, sans-serif;
	background: url(../images/responsive/blue-arrow.png) no-repeat 49px 1px;
	text-decoration: none;
}

.tri-it-btn a:hover {
	text-decoration: none;
	color: #000000;
}

.right-link {
	width: 100%;
	float: left;
	padding: 17px 0 28px 10px;
	margin: 0 0 0 0;
	list-style-type: none;
}

.right-link li {
	display: block;
	padding: 5px 0 0 0;
}

.right-link li a {
	padding: 0 0 0 0;
	text-decoration: underline;
	font-size: 12px;
	color: #4b67f6;
}

.right-link li a:hover {
	text-decoration: none;
	color: #000000;
}

.shop-online {
	width: 100%;
	float: left;
	background: #fffd67;
	border: 1px solid #a7a8ab;
	border-radius: 8px;
	padding: 12px 0 12px 0;
}

.shop-text {
	width: 90%;
	float: left;
	margin: 0 5% 0 5%;
	font-size: 11px;
	color: #010100;
	background: url(../responsive/online-arrow.png) no-repeat right 3px;
}

.shop-text a {
	text-decoration: none;
	color: #010100;
}

.shop-text a:hover {
	text-decoration: none;
	color: #4a6397;
}

.healthcare-banner {
	width: 100%;
	float: left;
	url(/images/CTA.png) no-repeat left top;
	min-height: 183px;
	margin-top: 15px;
	border-radius: 8px;
}

.healthcare-banner p {
	width: 56%;
	float: right;
	line-height: 13px;
	font-size: 11px;
	color: #ffffff;
	padding-top: 12px;
	padding-right: 6px;
}

.healthcare-banner .btn-part {
	width: 56%;
	float: right;
	border-bottom: 1px solid #efefef;
	padding-bottom: 15px;
}

.view-btn {
	width: auto;
	float: right;
	background: #b7b8bb url(../images/responsive/tri-it-btn.jpg) repeat-x left top;
	padding: 4px 0 4px 0;
	border-radius: 8px;
	margin-right: 15px;
	margin-top: 10px;
}

.view-btn a {
	padding: 0 16px 0 12px;
	font-size: 11px;
	color: #395086;
	font-family: Geneva, sans-serif;
	background: url(../images/responsive/blue-arrow.png) no-repeat 44px 1px;
	text-decoration: none;
}

.view-btn a:hover {
	text-decoration: none;
	color: #000000;
}

.macfree {
	width: 100%;
	float: left;
	margin-top: 10px;
	text-align: center;
}

#footerwrapper {
	width: 100%;
	float: left;
	margin-top: 1px;
}

.footer {
	width: 100%;
	margin: 0 auto;
}

.coypright {
	width: 100%;
	float: left;
	background: #1E3E4E;
	padding: 12px 0 12px 0;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
}

.footer-text {
	width: 100%;
	float: left;
	padding: 15px 0 22px 0;
	text-align: center;
	font-size: 12px;
	color: #939498;
}

.footer-text a {
	color: #ffffff;
	text-decoration: none;
}

.footer2 a:link {
	color: white;
	text-decoration: none;
}

.footer2 a:visited {
	color: white;
}

.footer2 a:hover {
	color: #118D8D;
}


.inner-middle {
	width: 703px;
	float: left;
	margin: 11px 0 0 20px;
}

.inner-middle p {
	width: 100%;
	float: left;
	font: 12px/20px Arial;
	font-weight: normal;
	color: #000000;
	line-height: 150%;
	letter-spacing: normal;
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

.inner-middle h1 {
	width: 100%;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	color: #000000;
	padding: 0px 0 0 0;
}

.inner-middle h2 {
	width: 100%;
	float: left;
	font: 18px/20px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	color: #3a5086;
	line-height: normal;
	letter-spacing: normal;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

.inner-middle h3 {
	width: 100%;
	float: left;
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3B5087;
}

/************ Custom Additions ***************/
#quizIntroPart {
	background: #ffffff;
}

/************ Bootstrap Compatible Additions ************/
small,
.small {
	font-size: 85%;
}

mark,
.mark {
	padding: .2em;
	background-color: #fcf8e3;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

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

.text-justify {
	text-align: justify;
}

.text-nowrap {
	white-space: nowrap;
}

.text-lowercase {
	text-transform: lowercase;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.text-muted {
	color: #777;
}

.text-primary {
	color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
	color: #286090;
}

.text-success {
	color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
	color: #2b542c;
}

.text-info {
	color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
	color: #245269;
}

.text-warning {
	color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
	color: #66512c;
}

.text-danger {
	color: red;
}

a.text-danger:hover,
a.text-danger:focus {
	color: #843534;
}

/*
#quizIntroPart:before { content: "quizPart"; }
*/
#quizIntroPart h1 {
	color: red;
	font-weight: bolder;
	font-family: Arial, sans-serif;
	padding: 0 0 0px 0;
}

#quizIntroPart fieldset {
	border: 1px black solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px 0 0px 0;
}

#quizIntroPart h3 {
	color: #333333;
	font-weight: bolder;
	font-size: 1.2em;
	border-bottom: black solid 1px;
}

#quizIntroPart p {
	font-size: 1.0em;
	color: #333333;
}

.big1Letter:first-letter {
	font-size: 2.0em;
	font-weight: normal;
	padding-right: 1px;
}

#quizIntroPart ul {
	font-size: 1.0em;
	color: #333333;
}

#quizIntroPart li {
	color: #333333;
	margin: 10px 0 0 20px;
}

#quizIntroPart .redtext {
	color: red;
}

#quizIntroPart ol li {
	list-style-type: decimal;
}

#quizIntroPart #printlink {
	color: red;
	text-align: center;
}

#quizIntroPart #printlink a {
	color: red;
}

#quizIntroPart #printlink a:hover {
	text-decoration: underline;
}

/* quizContentPart */
#quizContentPart {
	background: transparent;
}

fieldset#quizContentPart {
	color: #333333;
}

/* Originally defined for /contactUs/index.php */
.form5 {
	width: 100%;
	background: transparent;
	float: left;
}

.form5 li {
	list-style-position: inside;
	margin: 0 0 20px 20px;
	color: red;
}

::-webkit-input-placeholder {
	color: #1b1b1b;
}

:-moz-placeholder {
	color: #1b1b1b;
}

::-moz-placeholder {
	color: #1b1b1b;
}

:-ms-input-placeholder {
	color: #1b1b1b;
}

.form5 fieldset {
	border: 1px rgb(27, 27, 27) solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.form5 legend {
	margin: 10px;
	font-size: 1.2em;
	padding: 10px;
	color: #3333ff;
}

.form5 label {
	width: 150px;
	border-radius: 8px;
	float: left;
	height: 25px;
	margin: 5px;
	color: #333333;
	text-align: right;
	font-size: 1.0em;
}

.form5 input {
	float: left;
	width: 220px;
	padding: 5px 8px;
	margin: 5px;
	height: 23px;
}

.blueButton {
	background: #118D8D;
	color: white;
}

.redButton {
	background: #993333;
	color: white;
}

.blueButton:hover {
	background: #A5B2B8;
}

.redButton:hover {
	background: #ff0000;
}

.form5 textarea {
	padding: 8px;
	width: 300px;
}

.form5 button {
	margin-left: 156px;
}

.form5 select {
	margin: 5px;
	width: 200px;
}

.form5 .clear {
	clear: both;
}

.form5 input,
.form5 textarea {
	border: 1px solid #333333;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 2px;
}

.form5 input:focus,
.form5 textarea:focus {
	background: #ffffff;
	border: 1px solid blue;
	box-shadow: 0 0 3px #aaa;
}

.form5 option {
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 2px;
	margin: 5px;
}

.form5 option:focus {
	background: #fff;
	border: 1px solid #555;
	box-shadow: 0 0 3px #aaa;
}

/* Button Style */
.form5 button.submit {
	background-color: #ccccff;
	border: 1px solid black;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color: #333333;
	font-weight: bold;
	width: 150px;
	text-align: center;
	margin: 5px;
}

.form5 button.submit:hover {
	opacity: .85;
}

.form5 button.submit:active {
	border: 1px solid #eeeeff;
}

/******************************************************/
/* Originally defined for /pages/state_requirements.php */
.occupationsPart {
	padding-top: 20px;
}

.occupationsPart ul {
	margin: 0 0 0 25%;
}

.occupationsPart ul li {
	padding: 5px 0 5px 0;
}

.occupationsPart ul li a {
	font-size: 1.1em;
	padding: 5px 50% 5px 5px;
	color: #1E3E4E;
}

.occupationsPart ul li a:hover {
	color: #118D8D;
	text-decoration: underline;

}

/****/
.proBlock {
	padding-top: 20px;
	width: 90%;
	margin: 0 auto 0 auto;
}

.proBlock ul {
	margin: 0 0 0 10px;
}

.proBlock ul li {
	width: 50%;
	float: left;
	padding: 10px 10px 10px 10px;
}

.proBlock ul li a {
	font-size: 1.1em;
	padding: 5px 50% 10px 10px;
}

.proBlock ul li a:hover {
	background: blue;
	color: white;
}

.proBlock label {
	margin: 10px 0 20px 0;
	padding: 10px 0 20px 0;
	color: darkblue;
	text-decoration: underline;
}

.proBlock legend {
	color: darkblue;
}

.proBlock fieldset {
	border: 1px black solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* states listing */
.statesListingPart {
	padding-top: 20px;
	width: 95%;
}

.statesListingPart ul {
	margin: 0 0 0 10px;
}

.statesListingPart ul li {
	width: 25%;
	float: left;
}

.statesListingPart ul li a {
	font-size: 1.1em;
	padding: 5px 50% 0 0;
}

.statesListingPart ul li a:hover {
	background: blue;
	color: white;
}

/************* bios ***********************/
.bios {
	padding-top: 20px;
}

.bios label {
	margin: 10px 0 20px 0;
	padding: 10px 0 20px 0;
	color: DarkBlue;
}

.bios legend {
	color: #1E3E4E;
}

.bios fieldset {
	margin: 20px 0 10px 0;
	border: 1px black solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.bios blockquote {
	margin: 20px 0 0 20px;
}

.bios p {
	text-align: justify;
	padding: 10px 10px 0 10px;
}

.bios img {
	float: right;
	width: 150px;
	padding: 0 10px 10px 10px;
}

/************* CUSTOM: Course Listings *************/
.listCourses {
	padding-top: 20px;
}

.listCourses label {
	margin: 10px 0 20px 0;
	padding: 10px 0 20px 0px;
	color: DarkBlue;
}

.listCourses legend {
	color: DarkBlue;
}

.listCourses li {
	margin: 5px;
	color: #333333;
}

.listCourses fieldset {
	margin: 10px 0 0 0;
	border: 1px black solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.listCourses blockquote {
	margin: 20px 0 0 20px;
}

.listCourses blockquote li {
	list-style-type: disc;
}

.listCourses dl {
	color: #333333;
}

.listCourses blockquote dt {
	padding: 10px 0 0 0;
}

.listCourses dd {
	margin: 10px 0 0 20px;
}

.listCourses ol {
	padding: 0 0 0 20px;
}

.listCourses ol li {
	list-style-type: decimal;
}

.listCourses ul {
	padding: 0 0 0 20px;
}

.listCourses ul li {
	list-style-type: disc;
}

.listCourses p.indent {
	margin: -5px 0 0 20px;
}

/************* Search Relicense Styles *********/
/*
.relicensure div {margin: 10px 0 0 0;}
.relicensure table { width: 75%; margin: 20px auto 20px auto; border-collapse: collapse;   }
.relicensure table { border: black 1px solid !important; }
.relicensure table, th, td { border: 1px solid black !important; }
.relicensure td b {color: #333399;}
.relicensure .danger {color: red;}
.licInfo fieldset { border: none; }
.licInfo fieldset li { padding: 0 0 0 20px; }
.transcript { font-size: 1.0em; }
.transcript div {margin: 10px 0 0 0px;}
.transcript .danger {color: red;}
.transcript label {padding-left: 10px; display: block; width: 160px; float: left; }
.transcript clearBoth { clear: both }
.transcript .pad200 { padding: 0 0 0 220px; }
.transcript fieldset {display: block; width: 700px; border:1px solid black !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.transcript table { border-collapse: collapse; }
.transcript table, th, td { border: 1px solid black; }
@media print{ #noprint{ display:none; }
*/
/************* purchase forms  *****************/
#purchaseForm {}

#purchaseForm th {
	background: #666699;
	color: white;
	font-weight: bolder;
}

#purchaseForm td {
	background: #ccccff;
	color: #333333;
}

.mainContent {
	bacground: red;
}

.mainContent td {
	color: #333333;
}

/****************** after login shopping cart ***************/
#courseSelectionRegion {
	margin: 0 0 0 30px;
}

#courseSelectionRegion fieldset {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	width: 95%;
}

#courseSelectionRegion p {
	margin: 10px;
	font-size: 10pt;
}

#courseSelectionRegion label {
	width: 25%;
	height: 20px;
	margin: 0 0 10px 0px;
	padding: 10px 0 10px 20px;
	font-size: 12pt;
	text-align: left;
	float: left;
	display: block;
	background: #ccc;
}

#courseSelectionRegion select {
	background: #ccccff;
	width: 50%;
	margin-left: 40px;
	margin-right: 10px;
}

#courseSelectionRegion .textbox {
	width: 50%;
	background: #ccccff;
	margin-left: 40px;
	margin-right: 10px;
	height: 20px;
}

#courseSelectionRegion .textbox:hover {
	background: #cccccc;
}

#courseSelectionRegion select:hover {
	background: #cccccc;
}

#courseSelectionRegion select option:hover {
	background: #cccccc;
}

/* Top line of personal home page navigation */
#personalPageNav div {
	margin: 10px 0 10px 0px;
}

#personalPageNav a {
	font-weight: bolder;
	display: block;
	width: auto;
	float: left;
	text-align: center;
	border: 1px solid black;
	background: #666699;
	font-size: 9pt;
	padding: 5px 5px 5px 5px;
	margin: 10px;
	color: white;
	text-decoration: underline;
}

#personalPageNav a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #000099;
}

/********** Defines for /shopping/cart **********/
#shoppingCart {
	display: block;
	margin-top: 20px;
}

/*fieldset#shoppingCart {
	border: solid black thin;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin: 10px;
}  */
#shoppingCart label {
	height: 20px;
	margin: 0 0 10px 0px;
	padding: 10px 0 10px 20px;
	font-size: 12pt;
	text-align: left;
	float: left;
	display: block;
	background: #ccc;
}

#shoppingCart .textbox {
	width: 90%px;
	background: #ccccff;
	margin-left: 10px;
	margin-right: 10px;
	height: 26px;
}

#shoppingCart .textbox:hover {
	background: #9999cc;
}

#shoppingCart select {
	float: left;
	width: 48%;
	padding: 5px;
	margin: 5px 0 5px 0;
	background: #118D8D;
	font-size: 12px;
	margin: 4px 6px;
	height: 26px;
	width: 296px;
	max-width: 296px;
	text-align-last: center;
}

#shoppingCart select:hover {
	background: #A5B2B8;
}

/*#shoppingCart option {
	background: #ccccff;
}
#shoppingCart option:hover {
	background: #9999cc;
} */

#shoppingCart .submitButton {
	float: right;
	width: 48%;
	padding: 5px;
	margin: 5px 0 5px 0;
	background: #cccccc;
}

#shoppingCart .submitButton:hover {
	background: #9999cc;
}

#shoppingCart .submitButtonCtr {
	width: 48%;
	padding: 5px;
	margin: 0 auto 0 auto;
	display: block;
	background: #ccccff;
}

#shoppingCart .submitButtonCtr:hover {
	background: #9999cc;
}

#shoppingCart a:hover {
	color: red;
}

/*********** Available Courses Display **********/
.toggle-button {
    /* position: absolute; */
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 17px;
    line-height: 1;
    padding-top: 10px;
	padding-left: 10px;
    color: #4f7999;
}
.course-display-box {
	margin: 10px !important;
	padding: 0 0px 15px 0px !important;
	border: 1px #e1e5e5 solid;
	border-radius: 5px;
	background-color: #f7fcfd;
}

.dis-st {
	display: flex;
	padding-top: 12px;
}

.course-box-title {
	background-color: #D6EEEE;
	height: 25px;
	padding-top: 3px;
}

.courseBlock {
	font-family: Arial;
	color: #333333;
	font-size: 1.0em;
}

.courseBlock fieldset {
	margin-top: 20px;
	text-align: left;
}

.courseBlock h3 {
	color: #1E3E4E;
	background: #ccc;
	padding-left: 10px;
	border: none;
}

.courseBlock legend {
	font-size: 1.0em;
    font-weight: bolder;
    padding: 3px 10px 0 10px;
    color: #1E3E4E;
    background-color: #D6EEEE;
    height: unset;
    min-height: 25px;
    width: -webkit-fill-available;
    margin: 0px -1px 0px -1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.course-statebox {
	width: 253px;
	min-width: 253px;
	border: 1px #dadbdb solid;
	margin-top: -50px;
	margin-left: auto;
	height: fit-content;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.course-display-col {
	display: inline-flex;
	width: 35%;
	padding-top: 10px;
}

.state-legend {
	text-align: center;
}

.showall {
	padding-left: 10px;
}

.button.button2:hover {
	background-color: #118D8D;
}

.button.button2.added {
	background-color: #28a745;
}

.button.button2.added:hover {
	background-color: #118D8D;
}

.added {
	background-color: #dbdbdb;
	border: 1px solid darkgray;
}

.added:hover span {
	display: none;
}

.added:hover:before {
	content: "remove";
}

#showbutton {
	padding: 2px 10px 2px 10px;
	background-color: #e1e1e1;
	border-radius: 15px;
	border: 1px solid #b5b5b5;
	margin-left: 10px;
	font-weight: bold;
	cursor: pointer;
}

.course-display-row {
	display: flex;
	border-bottom: 1px solid lightgray;
	padding: 0 10px 10px 10px;
}

.course-cred-hours {
	width: 25%;
}

.course-inst {
	width: 60%;
}

.course-price {}

.course-formats {
	width: 80%;
}

.course-cartbtn {}

.courseBlock label {
	display: block;
	padding: 0px 20px 0 5px;
	font-weight: bold;
	color: #1E3E4E;
	background: transparent;
}

.add-btn {
	float: right;
}

.coursecartbtn {
	width: 114px;
	height: 30px;
	margin-left: auto;
	margin-right: 0px;

}

.courseBlock .desc {
	float: left;
	padding: 0px 0 0 0;
	width: 100%;
}

.courseBlock #states {
	float: left;
	width: 150px;
	;
	margin-left: 60px;
	background: transparent;
}

.courseBlock .description {
	display: block;
	float: left;
	width: 66%px;
	padding: 0 0 20px 0;
}

.courseBlock .subtitle {
	float: left;
	padding: 0px 10px 0 0;
}

.courseBlock br {
	clear: both;
}

.more-row {
	display: block;
	padding-top: 12px;
}

.statebox {
	padding-left: 10px;
}

.courseBlock #paragraph {
	background: transparent;
	margin-left: 60px;
	padding: 5px 10px 10px 10px;
	text-align: justify;
	width: 66%;
}

.courseBlock #paragraph p {
	font-size: 0.9em;
	color: #1E3E4E;
}

.courseBlock #paragraph a:hover {
	font-size: 0.9em;
}

.courseBlock #topiclink {
	display: block;
	width: auto;
	margin: 10px auto 0 auto;
	font-size: 1.0em;
	padding: 5px 0 0 0;
	text-align: center;
}

.courseBlock h3 {
	color: #1E3E4E;
	background: #EFEFEF none repeat scroll 0% 0%;
	padding: 5px 0 5px 10px;
	border: medium none;
	font-size: 1.5em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;

}

.courseBlock ul li {
	margin: 0 0 10px 0px;
	list-style: none;
}

.myButton {
	float: left: display: block;
	background-color: #ccccff;
	border: 1px solid black;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color: #333333;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	margin: 5px;
	padding: 2px 5px 2px 5px;
	width: 30%;
}

.myButton:hover {
	color: red;
	background: #eeeeff;
	border: red solid 1px;
}

.myGrayButton {
	float: left: display: block;
	background-color: #eeeeee;
	border: 1px solid black;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color: #333333;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	margin: 5px;
	padding: 2px 5px 2px 5px;
	width: 30%;
}

.myGrayButton:hover {
	color: red;
	background: #eeeeee;
	border: red solid 1px;
}

/**************** Rasberry CUSTOM CSS ONLY **********/
.tinyTxt {
	font-size: 0.6em !important;
}

.pullRight {
	text-align: right !important;
}

/************ Database Controlled Content from /pages/approvalData.php ************/
.controlledContent {
	clear: both;
}

.controlledContent ol {
	padding: 20px;
}

.controlledContent ol li {
	list-style-type: decimal;
}

.controlledContent ul {
	margin: 20px;
}

.controlledContent ul li {
	list-style-position: inside;
	list-style-type: disc;
	margin: 10px;
}

/**************** My Custom Tables Using CSS ONLY **********/
@media only screen and (max-width: 1200px) {
	.freetrial-box-content {
		padding-top: 32px;
	}

}

@media only screen and (max-width: 1000px) {
	div.aboutus-qube {
		-webkit-order: 2;
	}

	div.aboutus-copy {
		-webkit-order: 1;
	}

	div.aboutus-qube {
		order: 2;
	}

	div.aboutus-copy {
		order: 1;
	}

	.aboutus-container {
		display: grid;
	}

	.aboutus-copy {
		padding-top: 0px;
		padding-bottom: 25px;
		max-width: 100%;
	}

	.aboutus-qube {
		max-width: 100%;
	}
}

@media only screen and (max-width: 950px) {
	.freetrial-box {
		padding: 0px 100px;
	}

	.courses-container {
		padding: 10px 70px;
	}

	.courses-content {
		display: block;
		padding-top: 0px;
	}

	.courses-logo {
		width: 100%;
		padding: 0px 30%;
	}

	.course-row1 {

		width: 100%;
	}

	.course-row2 {

		width: 100%;
	}

	.navbarlinks {
		display: none;
		font-size: 14px;
	}

	.newnav2 a {
		text-align: left;

	}

	.navbarlinks a {
		border-bottom: solid 1px lightgray;
		color: #4F7999;
	}

	.firstlink {
		border-top: solid 1px lightgray;
	}

	.navbarlinks.responsive a:first-child {
		border-top: solid 1px lightgray;
	}

	.newnav2 a.icon {
		float: right;
		display: block;
	}

	.navbarlinks.responsive {
		position: relative;
	}

	.newnav2.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}

	.navbarlinks.responsive {
		display: grid;
		text-align: left;
		position: absolute;
		right: -100px;
		top: 111px;
		z-index: 9999;
		background-color: #f1f1f1;
		width: 220px;
	}

	.dropbtn {
		background-color: #f1f1f1;
		color: #4F7999;
	}

	.dropdown-content {
		position: inherit;
	}
}

@media only screen and (max-width: 900px) {
	.toppart {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.online-ce-logo {
		width: 100%;
		text-align: center;
	}

	.loginpart,
	.logoutpart {
		width: 332px;
	}

	.online-ce-logo {
		width: auto;
	}

	.navigation {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.middlewrapper {
		width: 90%;
		padding: 0 0 0 0;
	}

	.gallery ul li {
		width: 16.4%;
		margin-left: 1px;
		margin-bottom: 1px;
	}

	.middle-side {
		width: 430px;
	}

	.right-side {
		width: 200px;
	}

	.left-side {
		width: 200px;
	}

	.bottom-part .b-link {
		padding-left: 0px;
	}

	.course-part .title {
		margin-top: 10px;
	}

	.footer {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.left-side {
		width: 100%;
	}

	.middle-side {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.inner-middle {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	.more-row {
		display: block;
		overflow: hidden;
	}

	.dis-st {
		display: block;
	}

	.course-statebox {
		margin-top: 0px !important;
		margin-left: 30px;
		overflow: visible;
	}
}

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

	.freetrial-box {
		padding: 0px 80px;
	}

	.freetrial-h3 {
		padding-bottom: 10px;
	}

	#personalPageNav a {
		width: 100%;
		margin: 5px 0 0 0;
	}

	.footer2 {
		display: block;
	}

	.footerCol {
		padding-bottom: 20px;
	}

	.toppart {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.online-ce-logo {
		width: 100%;
		text-align: center;
	}

	.loginpart,
	.logoutpart {
		width: 332px;
	}

	.online-ce-logo {
		width: auto;
	}

	.navigation {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.middlewrapper {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.gallery ul li {
		width: 16.4%;
		margin-left: 1px;
		margin-bottom: 1px;
	}

	.right-side {
		width: 200px;
	}

	h2 {
		font-size: 23px;
	}

	.bottom-part .b-link {
		padding-left: 0px;
	}

	.course-part .title {
		margin-top: 10px;
	}

	.proBlock ul li {
		width: 50%;
		float: left;
		padding: 10px 0 0 5px;
	}

	.left-side {
		width: 100%;
	}

	.middle-side {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.leftBanners {
		width: 100% !important;
		padding-left: 30px;
		padding-bottom: 30px;
	}

	.rightContent {
		width: 100% !important;
		float: left;
	}

}

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

	/* #courseSelectionRegion:before { content: "768px"; } */
	/*	.personalPage:before { content: "768px"; } */
	.hero-img-textbox {
		width: 540px;
	}

	.freetrial-copy {
		font-size: 16px;
	}

	.freetrial-h3 {
		font-size: 24px;
		line-height: 42px;
	}

	.toppart {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.online-ce-logo {
		width: 100%;
		text-align: center;
	}

	.loginpart,
	.logoutpart {
		width: 332px;
	}

	.online-ce-logo {
		width: auto;
	}

	.navigation {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.middlewrapper {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.gallery ul li {
		width: 16.4%;
		margin-left: 1px;
		margin-bottom: 1px;
	}

	.left-side {
		width: 200px;
	}

	.middle-side {
		width: 302px;
	}

	.right-side {
		width: 200px;
	}

	.middle-side {
		width: 302px;
	}

	.right-side {
		width: 200px;
	}

	h2 {
		font-size: 23px;
	}

	.bottom-part .b-link {
		padding-left: 0px;
	}

	.course-part .title {
		margin-top: 10px;
	}

	.left-side {
		width: 100%;
	}

	.middle-side {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.online-banner {
		width;
		100% !important;
	}
}

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

	/* #courseSelectionRegion:before { content: "667px"; } */
	/*	.personalPage:before { content: "667px"; } */
	.toppart {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.online-ce-logo {
		width: 100%;
		text-align: center;
	}

	.loginpart,
	.logoutpart {
		width: 100%;
		padding-top: 15px;
	}

	.loginpart,
	.logoutpart .filde1 {
		width: 288px;
		margin-right: 5px;
	}

	.forgot-link {
		width: 99%;
		margin-top: 15px;
	}

	.navigation {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.middlewrapper {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.gallery ul li {
		width: 100%;
		text-align: center;
	}

	.left-side {
		width: 100%;
	}

	.middle-side {
		width: 100%;
		margin: 10px 0 0 0;
	}

	/* .inner-middle p:after { content:"667px"; } */
	.course-part .rightpart {
		width: 100%;
	}

	.course-part .leftpart {
		width: auto;
		margin-bottom: 12px;
	}

	.bottom-part .b-link {
		width: 100%;
		padding-left: 0px;
	}

	.right-side {
		width: 100%;
	}

	.gallery ul li {
		width: 48%;
		margin-left: 9px;
		margin-bottom: 1px;
	}

	.tri-it-btn {
		margin-top: 8px;
	}

	.coypright {
		padding-left: 10px;
		padding-right: 10px;
	}

	.shop-text {
		width: 96%;
		margin: 0 2%;
	}

	.categorypart li a {
		font-size: 12px;
	}

	.nav-collapse {
		display: block;
	}

	.courseBlock .myButton {
		width: 100%;
	}

	.courseBlock .myGrayButton {
		width: 100%;
	}
}

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

	/* #courseSelectionRegion:before { content: "640px"; } */
	/* .personalPage:before { content: "640px"; } */
	.hero-img-textbox {
		top: 18%;
		left: 28px;

	}

	.navlogo {
		width: 250px;
		padding-left: 30px;
	}

	#courseSelectionRegion label {
		width: 90%;
	}

	#courseSelectionRegion select {
		width: 90%;
	}

	#courseSelectionRegion button {
		width: 90%;
		margin: 5px 0 0 40px;
	}

	fieldset.faqs {
		width: 95%;
	}

	fieldset.form5In {
		width: 95%;
	}

	.toppart {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.online-ce-logo {
		width: 100%;
		text-align: center;
	}

	.loginpart,
	.logoutpart {
		width: 100%;
	}

	.loginpart,
	.logoutpart .filde1 {
		width: 274px;
		margin-right: 5px;
	}

	.forgot-link {
		width: 99%;
		margin-top: 15px;
	}

	.navigation {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	h1 {
		font-size: 19px;
	}

	h2 {
		font-size: 23px;
	}

	.middlewrapper {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.gallery ul li {
		width: 100%;
		text-align: center;
	}

	.left-side {
		width: 100%;
	}

	.middle-side {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.course-part .rightpart {
		width: 100%;
	}

	.course-part .leftpart {
		width: auto;
		margin-bottom: 12px;
	}

	.bottom-part .b-link {
		width: 100%;
		padding-left: 0px;
	}

	.right-side {
		width: 100%;
	}

	.gallery ul li {
		width: 48%;
		margin-left: 10px;
		margin-bottom: 1px;
	}

	.tri-it-btn {
		margin-top: 8px;
	}

	.coypright {
		padding-left: 10px;
		padding-right: 10px;
	}

	.shop-text {
		width: 96%;
		margin: 0 2%;
	}

	#shoppingCart .submitButtonCtr {
		width: 100%;
	}

	#shoppingCart .submitButton {
		width: 100%;
		margin-bottom: 30px;
	}

	#shoppingCart select {
		width: 100%;
	}
	.search-row{ 
		display: inline-grid;
	}
	.clear-filters{
		margin-left: 0px;
	}
	.filter-form button {
		margin-top: 5px;
	}
}

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

	/* #courseSelectionRegion:before { content: "600px"; } */
	/* .personalPage:before { content: "600px"; } */
	.freetrial-h3 {
		line-height: 35px;
	}

	.aboutus-checktext {
		display: none;
	}

	.aboutus-container {
		text-align: center;
	}

	.aboutus-qube-row {
		display: block;
	}

	.aboutus-box {
		width: 100%;
		height: 170px;
	}

	.aboutus-qube {}

	fieldset.form5In textarea {
		margin: 0 0 0 10px;
		;
		padding: 0 0 0 10px;
		;
		width: 95%;
	}

	.toppart {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.online-ce-logo {
		width: 100%;
		text-align: center;
	}

	.loginpart,
	.logoutpart {
		width: 100%;
	}

	.loginpart,
	.logoutpart .filde1 {
		width: 254px;
		margin-right: 5px;
	}

	.forgot-link {
		width: 99%;
		margin-top: 15px;
	}

	.navigation {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.middlewrapper {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.gallery ul li {
		width: 100%;
		text-align: center;
	}

	.left-side {
		width: 100%;
	}

	.middle-side {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.course-part .rightpart {
		width: 100%;
	}

	.course-part .leftpart {
		width: auto;
		margin-bottom: 12px;
	}

	.bottom-part .b-link {
		width: 100%;
		padding-left: 0px;
	}

	.right-side {
		width: 100%;
	}

	.gallery ul li {
		width: 48%;
		margin-left: 8px;
		margin-bottom: 1px;
	}

	.tri-it-btn {
		margin-top: 8px;
	}

	.coypright {
		padding-left: 10px;
		padding-right: 10px;
	}

	.shop-text {
		width: 96%;
		margin: 0 2%;
	}

	.hero-img-textbox {

		width: 520px;
	}

	.hero-img-h1 {
		font-size: 45px;
	}

	.hero-img-h2 {
		font-size: 30px;
	}

	/* .inner-middle p:after { content:"600px"; } */
	.proBlock ul li {
		width: 50%;
		float: left;
		padding: 5px 0 5px 5px;
	}

	.course-display-row {
		display: block;
	}

	.course-cred-hours {
		width: 100%;
	}

	.course-inst {
		width: 100%;
	}

	.course-price {
		width: 100%;
		;
	}

	.course-formats {
		width: 100%;
	}

	.course-cartbtn {
		display: block;

	}
}

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

	/* #courseSelectionRegion:before { content: "480px"; } */
	/* .personalPage:before { content: "480px"; } */
	.login-txt {
		display: block;
		position: absolute;
		top: 10px;
		right: 55px;
		font-style: italic;
	}

	.courses-container {
		padding: 10px 30px;
	}

	.try-free-img-old {
		padding-left: 15%;
	}

	.rightContent1 {
		padding: 0px 12px;
	}

	.herobox {
		height: 500px;
	}

	.hero-img-textbox {
		top: 11%;
		width: 330px;
	}

	.hero-img-h1 {
		font-size: 30px;
		line-height: 34px;
	}

	.hero-img-h2 {
		font-size: 27px;
		min-width: 0px;
	}

	.freetrial-h3 {
		font-size: 22px;
	}

	.freetrial-box {
		padding: 0px 30px;
	}

	.freetrial-box-content {
		padding-top: 29px;
	}

	#overlay.responsive {
		position: fixed;
		display: block;
		width: 100%;
		height: 100%;
		top: 20px;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 2;
	}

	.navlogo {
		width: 200px;
		float: left;
		padding-left: 10px;
	}

	.newnav {
		display: none;
	}

	#link-3 {
		display: block;
		position: absolute;
		top: 7px;
		padding: 0px 0px 0px 0px;
		right: 25px;
	}

	.newnav2 {
		position: sticky;
		top: 0px;
		z-index: 999;
		height: 50px;
	}

	.header-head {
		padding-right: 0px;
		margin-right: 10px;
		background: url("/images/update/PNG/ico-profile.png") no-repeat;
		background-size: contain;
	}

	.newnav2 a.icon {
		padding: 9px 15px 0px 0px;
	}

	.navbarlinks.responsive {
		top: 51px;
	}

	fieldset.faqs {
		width: 80%;
		padding: 0 0 0 0;
		margin: 0;
		font-size: 0.5em;
	}

	fieldset.form5In label {
		margin: 20px 0 0 10px;
		padding: 0 0 0 0;
		text-align: left;
	}

	fieldset.form5In input {
		width: 80%;
		text-align: left;
		margin: 0 0 0 10px;
	}

	fieldset.form5In select {
		width: 95%;
		font-size: 0.9em;
		padding: 0 0 0 10px;
		margin: 0 0 0 10px;
	}

	fieldset.form5In option {
		width: 95%;
		font-size: 0.9em;
		padding: 0 0 0 10px;
	}

	fieldset.form5In textarea {
		margin: 0 0 0 10px;
		;
		padding: 0 0 0 10px;
		;
		width: 95%;
	}

	fieldset.form5In .submit {
		margin: 0 0 10px 10px;
		;
		padding: 0 0 0 10px;
		;
		width: 95%;
	}

	.toppart {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.online-ce-logo {
		width: 100%;
		text-align: center;
	}

	.loginpart,
	.logoutpart {
		width: 100%;
	}

	.loginpart,
	.logoutpart .filde1 {
		width: 194px;
		margin-right: 5px;
	}

	.forgot-link {
		width: 99%;
		margin-top: 15px;
	}

	.navigation {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.middlewrapper {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.gallery ul li {
		width: 100%;
		text-align: center;
	}

	.left-side {
		width: 100%;
	}

	.middle-side {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.course-part .rightpart {
		width: 100%;
	}

	.course-part .leftpart {
		width: auto;
		margin-bottom: 12px;
	}

	.bottom-part .b-link {
		width: 100%;
		padding-left: 0px;
	}

	.right-side {
		width: 100%;
	}

	.gallery ul li {
		width: 48%;
		margin-left: 6px;
		margin-bottom: 1px;
	}

	.tri-it-btn {
		margin-top: 8px;
	}

	.coypright {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* .inner-middle p:after { content:"480px"; } */
	.proBlock ul li {
		width: 100%;
		float: left;
		padding: 5px 0 5px 5px;
	}
}

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

	/* #courseSelectionRegion:before { content: "375px"; } */
	/* .personalPage:before { content: "375px"; } */
	.freetrial-box {
		padding: 0px 20px;
	}

	freetrial-h3 {
		font-size: 22px;
	}

	.freetrial-copy {
		font-size: 14px;
	}

	.toppart {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.online-ce-logo {
		width: 100%;
		text-align: center;
	}

	.loginpart,
	.logoutpart {
		width: 100%;
	}

	.loginpart,
	.logoutpart .filde1 {
		width: 172px;
		margin-right: 5px;
	}

	.forgot-link {
		width: 78%;
		margin-top: 15px;
	}

	.middlewrapper {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.gallery ul li {
		width: 100%;
		text-align: center;
	}

	.left-side {
		width: 100%;
	}

	.middle-side {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.course-part .rightpart {
		width: 100%;
	}

	.course-part .leftpart {
		width: auto;
		margin-bottom: 12px;
	}

	.bottom-part .b-link {
		width: 100%;
		padding-left: 0px;
	}

	.right-side {
		width: 100%;
	}

	.gallery ul li {
		width: 48%;
		margin-left: 5px;
		margin-bottom: 1px;
	}

	.tri-it-btn {
		margin-top: 8px;
	}

	.coypright {
		padding-left: 10px;
		padding-right: 10px;
	}

	.hero-img-textbox {
		display: block;
		width: 90%;
	}

	.hero-img-h1 {
		max-width: 100%;
		display: block;
	}

	.hero-img-h2 {
		display: block;
	}



	/* .inner-middle p:after { content:"375px"; } */
}

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

	/* #courseSelectionRegion:before { content: "260px"; } */
	/* .personalPage:before { content: "360px"; } */
	.blueButton {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 5px;
	}

	.redButton {
		width: 100%;
		padding: 5px;
		margin: 0 0 10px 0;
	}

	.toppart {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.online-ce-logo {
		width: 100%;
		text-align: center;
	}

	.loginpart,
	.logoutpart {
		width: 100%;
	}

	.loginpart,
	.logoutpart .filde1 {
		width: 164px;
		margin-right: 5px;
	}

	.forgot-link {
		width: 78%;
		margin-top: 15px;
	}

	.middlewrapper {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.gallery ul li {
		width: 100%;
		text-align: center;
	}

	.left-side {
		width: 100%;
	}

	.middle-side {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.course-part .rightpart {
		width: 100%;
	}

	.course-part .leftpart {
		width: auto;
		margin-bottom: 12px;
	}

	.bottom-part .b-link {
		width: 100%;
		padding-left: 0px;
	}

	.right-side {
		width: 100%;
	}

	.gallery ul li {
		width: 48%;
		margin-left: 5px;
		margin-bottom: 1px;
	}

	.tri-it-btn {
		margin-top: 8px;
	}

	/* .inner-middle p:after { content:"360px"; } */
}

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

	/* #courseSelectionRegion:before { content: "320px"; } */
	/* .personalPage:before { content: "320px"; } */
	.occupationsPart ul {
		margin: 0 0 0 0;
	}

	.toppart {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.online-ce-logo {
		width: 100%;
		text-align: center;
	}

	.loginpart,
	.logoutpart {
		width: 100%;
	}

	.loginpart,
	.logoutpart .filde1 {
		width: 145px;
		margin-right: 5px;
	}

	.forgot-link {
		width: 78%;
		margin-top: 15px;
	}

	.middlewrapper {
		width: 100%;
		padding: 0 10px 0 10px;
	}

	.gallery ul li {
		width: 100%;
		text-align: center;
	}

	.left-side {
		width: 100%;
	}

	.middle-side {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.course-part .rightpart {
		width: 100%;
	}

	.course-part .leftpart {
		width: auto;
		margin-bottom: 12px;
	}

	.bottom-part .b-link {
		width: 100%;
		padding-left: 0px;
	}

	.right-side {
		width: 100%;
	}

	.gallery ul li {
		width: 48%;
		margin-left: 4px;
		margin-bottom: 1px;
	}

	.courseBlock label {
		font-size: 0.90em;
	}

	.courseBlock .desc {
		padding: 10px 10px 0 0;
		font-size: 0.90em;
	}
}