@font-face {
    font-family: "Franklin Gothic Cond Medium";
    src: url(../fonts/FRAMDCN.TTF);
}
@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway-VariableFont_wght.ttf);
}

body {
	background: #E0E0E0;
	font: 22px "Franklin Gothic Cond Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* font-weight: 500; */
	color: #444444;
}
.content-box {
	min-height: 1000px;
	padding: 62px 0 46px 0;
}

a {
	text-decoration: underline;
	color: #00588C;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #BE2D36;
}
a:focus {
	text-decoration: underline;
	color: #BE2D36;
	background: none;
}
a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}
textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: caret;
}
p {
	margin-bottom: 24px;
}
.pFontWeight {
	font-weight: 300;
	line-height: 24px;
}
p > span {
	color: #3e92f2;
}
p > em {
	color: #ffffff;
	font-style: normal;
}

h2 {
	/* font: 26px Georgia, Palatino Linotype,Times New Roman, serif !important; */
	font-size: 26px;
	color: #003366;
	margin: 0 0 24px 0;
}
h3 {
	/* font: 18px Georgia, Palatino Linotype,Times New Roman, serif !important; */
	font-size: 18px;
	color: #CC0033
	margin: 0 0 24px 0;
}
h4 {
	/* font: 19px/24px 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font-size: 19px;
	color: #0066ff;
	margin: 0 0 8px 0;
}
h4.indent {
	margin-bottom: 16px;
}
.extra-wrap {
	overflow: hidden;
}
.center {
	text-align: center;
}
.image_50percent {
	width: calc(50%) !important;
	height: calc(50%) !important;
}

th {
	background-color: #164070;
	color: #FFFFFF;
	text-align: center;
}
.table-bordered, .table-bordered th, .table-bordered td {
	border-color: #337AB7 !important;
	border: 1px solid #337AB7 !important;
}
.table-bordered thead {
	background-color: #E7B909;
	vertical-align: bottom;
}
.table-bordered th, .table-bordered td {
	padding: 3px 10px 3px 10px;
}
.table-bordered td {
	font-weight: normal;
	vertical-align: top;
}

.tableColumns {
	width: 100%;
}
.tableColumns td {
	vertical-align: top;
	padding-right: 30px;
}
.tableColumns.three td {
	width: 33%;
}

.pageMenu {
	background-color: #151941;
	background-repeat: no-repeat;
	background-position-x: right;
	height: 440px;
	color: white;
}
.pageMenu .divContent {
	background-color: transparent;
}
.pageMenu p {
	margin-left: 30px;
	text-indent: -30px;
	margin-bottom: 10px;
}
.pageMenu h2,
.pageMenu a {
	color: white;
}
.pageMenu a:hover,
.pageMenu a:focus {
	color: yellow;
}
.pageMenu h2 {
	font-size: 2em;
	font-weight: normal;
}
.pageMenu #menu {
	background-color: #151941E0;
	width: 440px !important;
	height: 440px !important;
	padding-top: 25px;
}

.divReadMoreLink,
.divReadLessLink {
	text-align: right;
	margin-bottom: 24px;
}
.divReadMoreText {
	display: none;
}

.qa_pair {
	margin-bottom: 24px;
}
.qa_pair .answer {
	display: none;
}

.desktopVersion {
	display: block;
}
.divContent img.desktopVersion {
	display: table-cell;
}

.mobileVersion {
	display: none !important;
}

/*-----508 Compliance-----*/
.forScreenReadersOnly {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

/*-----header-----*/
.divPageWidth {
	position: relative;
	width: 1530px;
	margin-left: calc(50% - 765px);
}

header {
	margin: 0;
	position: relative;
	height: 164px;
	color: #FFFFFF;
	background-color: #151941;
	/*
	background-image: url('../images/CTOS_Title_blank.png');
	background-repeat: no-repeat;
	*/
	/* background-size: 30px 60px; */
}
header a {
	text-decoration: none;
	font-weight: normal;
}

.btn_sprite {
	background-position: left bottom;
	background-repeat: no-repeat;
}
a:hover .btn_sprite, a:focus .btn_sprite {
	background-position: left top;
}
#linkLMS_LogIn {
	position: absolute;
	top: 50px;
	right: 40px;
	transform: translate(0,-50%);
}
#linkLMS_LogIn .btn_sprite {
	/*
	width: 216px;
	height: 40px;
	background-image: url('../images/btn_LMSlogin_216x40.png');
	background-size: 216px 80px;
	*/	
	width: 169px;
	height: 31px;
	background-image: url('../images/btn_LMSlogin_up.png');
	background-size: 169px 31px;
}

.divContentBox {
	margin: 24px 30px;
	width: calc(100% - 60px);
}
.divContentBox.bottom {
	margin-top: -24px;
	background-color: #03588E;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 30px;
}
.divContentBox.bottom a {
	color: white;
}
h2.divHeader {
	background-color: #151941;
	color: white;
	padding: 17px 33px;
	width: 100%;
	margin-bottom: 8px;
	font: 28px Raleway, Helvetica, Arial, sans-serif !important;
}
.divContent {
	position: relative;
	background-color: white;
	color: #151941;
	/* min-height: 550px; */
	width: 100%;
	display: table;
}
.divContent.noTable {
	display: block;
}
.divContentRow {
	display: table-row;
}
.divContentText {
	padding: 45px 56px 0 56px;
	display: table-cell;
	vertical-align: top;
	width: 100%;
}
.divContent img {
	height: 550px;
	display: table-cell;
	vertical-align: top;
}
.divContentText li {
	margin-bottom: 24px;
}
.divContentText h3 {
	font: 26px Raleway, Helvetica, Arial, sans-serif !important;
	color: #06578F;
	margin-top: 0px;
}
.divContentText h4 {
	color: #06578F;
}
.divContent .testimonial {
	background-color: #03588E;
	color: white;
	font-size: 26px;
	padding: 30px;
	padding-right: 310px;
	height: 212px;
}
.divContent .testimonial p {
	margin-bottom: 0;
}
.iconTestimonial {
	width: 260px !important;
	height: 260px !important;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0,-50%);
}
.divContent .testimonialCourse,
.divContent .testimonialAttribution {
	text-align: center;
	font-size: 17px;
	padding: 30px;
	padding-right: 310px;
}

/*-----menu-----*/
nav {
	position: absolute;
	top: 100px;
	height: 64px;
	width: 100%;
	background-color: white;
}

/*-----subMenu1-----*/
nav.tm_navbar .sub-menu > ul {
	position: absolute;
	display: none;
	width: 203px;
	left: 0;
	top: 55px;
	list-style: none !important;
	zoom: 1;
	z-index: 11;
	background: #333;
	padding: 0;
	margin: 0;
	text-align: left;
}
nav.tm_navbar .sub-menu > ul li {
	background: none;
	border: none;
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	border-bottom: 1px solid #565555;
}
nav.tm_navbar .sub-menu > ul li:last-child {
	border: none;
}
nav.tm_navbar .sub-menu > ul li a {
	background: none;
	padding: 8px 0 8px 10px;
	margin: 0;
	float: none;
	display: block;
	font: 16px Raleway, Helvetica, Arial, sans-serif !important;
	color: #ffffff;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}
nav.tm_navbar .sub-menu > ul li a:hover {
	text-decoration: none;
	color: #ffffff !important;
	background: #494949 !important;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}
nav.tm_navbar .sub-menu > ul li.sfHover > a {
	text-decoration: none;
	color: #ffffff !important;
	background: #494949 !important;
}


/*-----isotop-----*/
.isotopeGall > p a:hover {
	color: #fbb153;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.isotopeGall #container {
	margin-bottom: 23px;
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
/*-----btn-----*/
.btn-default.btn1 {
	box-shadow: none;
	position: relative;
	text-decoration: none !important;
	padding: 11px 35px;
	font: 16px Georgia, Palatino Linotype,Times New Roman, serif !important;
	margin: 0;
	text-shadow: none;
	color: #ffffff;
	border-radius: 3px;
	border: 1px solid #6C7882;
	background-color: #6C7882;
	display: inline-block;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.btn-default.btn1:hover, .btn-default.btn1:focus {
	background: #566068;
	text-decoration: underline !important;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.btn-default.btn2 {
	box-shadow: none;
	position: relative;
	text-decoration: none !important;
	padding: 2px 15px;
	font: 11px Georgia, Palatino Linotype,Times New Roman, serif !important;
	margin: 0;
	text-shadow: none;
	color: #ffffff;
	border-radius: 3px;
	border: 1px solid #6C7882;
	background-color: #6C7882;
	display: inline-block;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.btn-default.btn2:hover, .btn-default.btn2:focus {
	background: #566068;
	text-decoration: underline !important;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.btn-default.btn3 {
	box-shadow: none;
	position: relative;
	text-decoration: none !important;
	padding: 12px 29px;
	border-radius: 0;
	font: 19px 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 5px;
	color: #ffffff;
	background: #777;
	display: inline-block;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.btn-default.btn3:hover {
	color: #ffffff;
	background: #3e92f2;
	text-decoration: none !important;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.btn-default.btn4 {
	box-shadow: none;
	position: relative;
	text-decoration: none !important;
	padding: 4px 28px;
	border-radius: 0;
	font: 20px 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 5px 5px;
	color: #ffffff;
	background: #3e92f2;
	display: inline-block;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}



/*---------------------------------------------------------------------------------------------------------------------------*/
.notchedTopLeftCorner {
	clip-path: 
		polygon(
			0 24px,
			24px 0,
			100% 0,
			100% 100%,
			0 100%,
			0 24px
		);
	-webkit-clip-path: 
		polygon(
			0 24px,
			24px 0,
			100% 0,
			100% 100%,
			0 100%,
			0 24px
		);
}
.btnBlueNotched {
	display: inline-block;
	background-color: #151941;
	color: white;
	padding: 17px 33px;
	width: 515px;
	max-width: 95%;
	height: 64px;
	margin-right: 40px;
	margin-bottom: 8px;
	font: 28px Raleway, Helvetica, Arial, sans-serif !important;
	text-decoration: none;
	clip-path: 
		polygon(
			0 24px,
			24px 0,
			100% 0,
			100% 100%,
			0 100%,
			0 24px
		);
	-webkit-clip-path: 
		polygon(
			0 24px,
			24px 0,
			100% 0,
			100% 100%,
			0 100%,
			0 24px
		);
}
.btnBlueNotched:last-child {
	margin-right: 0;
}
.btnBlueNotched:hover, .btnBlueNotched:focus {
	background-color: #151941;
	color: yellow;
	text-decoration: underline;
}

/*------------------------------------------------------media queries---------------------------------------------------------*/
@media (max-width: 1478px) {
	.divPageWidth {
		width: 1040px;
		margin-left: calc(50% - 520px);
	}
	.btnBlueNotched {
		width: 450px;
	}
	.divContent img {
		height: auto !important;
		max-width: 600px;
	}
}
@media (max-width: 1000px) {
	nav {
		height: 99px;
	}
	.divPageWidth {
		width: 100%;
		margin-left: 0;
		overflow-x: hidden;
	}
	.desktopVersion {
		display: none !important;
	}
	.mobileVersion {
		display: block !important;
	}
	h2.divHeader {
		font-size: 20px !important;
	}
	.divContent {
		display: block;
	}
	.divContent img  {
		display: block;
		height: auto !important;
		max-width: none;
		width: 90%;
		margin: 28px 5% 0 5%;
	}
	.divContentText {
		display: block;
		padding: 25px 15px;
		/*
		width: 100%;
		*/
	}
	.btnBlueNotched {
		margin-right: 0px;
		font-size: 20px !important;
		width: 100%;
	}
	.tableColumns td {
		display: block;
		width: 100% !important;
	}
	.tableColumns td:last-child {
		margin-bottom: 10px;
	}
	.tableColumns td ul {
		margin-bottom: 0;
	}
	.divContent .testimonialCourse,
	.divContent .testimonial,
	.divContent .testimonialAttribution {
		padding: 10px;
		padding-right: 30%;
	}
	.divContent .testimonial {
		height: auto;
	}
	.iconTestimonial {
		margin-right: 10px !important;
		margin-top: 0px !important;
		width: 20% !important;
	}
}
@media (max-width: 728px) {
	body {
		font-size: 18px;
	}
	.pageMenu #menu {
		width: 70% !important;
	}
	.pageMenu p {
		margin-left: 10px;
		text-indent: -10px;
		margin-bottom: 7px;
	}
	.divContentBox {
		margin: 24px 10px;
		width: calc(100% - 20px);
	}
	.divContent .testimonial {
		font-size: 18px;
	}
	.iconTestimonial {
		right: 0px;
	}
	/*
	.divContent .testimonialCourse,
	.divContent .testimonialAttribution {
		padding: 10px;
		padding-right: 20%;
	}
	*/
}
/*---------------------------------------------------------------------------------------------------------------------------*/

/*-----print styles-----*/
@media print {
	@page {
		size: 8.5in 11in; 
		margin: 0.2in 0.5in;
	}
	a[href]:after {
		content: "" !important;
	}
	.container {
		width: 100%;
	}
	.content-box {
		padding: 0px;
		min-height: auto;
	}
	.divPopup {
		background: white !important;
	}
}