@font-face {
	font-family: 'Avenir Next LT Pro Condensed';
	src: local('Avenir Next LT Pro Condensed'), url('../fonts/AvenirNextLTPro-Cn.woff') format('woff');
}

@font-face {
	font-family: 'Avenir Next LT Pro Bold Condensed';
	src: local('Avenir Next LT Pro Bold Condensed'), url('../fonts/AvenirNextLTPro-BoldCn.woff') format('woff');
}

@font-face {
	font-family: 'Avenir Next LT Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Regular'), url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Avenir Heavy';
	src: local('Avenir Heavy'), url('../fonts/Avenir-Heavy.tff') format('tff');
}

@font-face {
	font-family: 'Oswald';
	src: local('Oswald'), url('../fonts/Oswald-Regular.ttf') format('ttf');
}

body {
	font-family: 'Avenir Next LT Pro Regular';
}

ul {
	list-style: none;
}

p {
	margin: 0;
}

a {
  color: #fff;
}

a:focus, a:hover {
	text-decoration: none;
    color: #fff;
}

b, strong{
	font-family: Avenir Heavy,sans-serif;
	font-weight: 800;
}

input{
	color: black;
}

.flex {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
}

#headerDiv {
	padding: 10px 40px;
}

#headerDiv::after {
	content: " ";
	display: table;
	clear: both;
}

#headerDiv #leftHeader {
	    float: left;
}

.headerImg {
    width: 60%;
    line-height: 8;
}

#headerDiv #leftHeader .titleHeadingTop {
	font-family: 'Avenir Next LT Pro Bold Condensed';
    font-size: 6vw;
	color: #000000;
	padding-top: 10px;
}

#headerDiv #leftHeader .titleHeadingBottom,
#headerDiv .faqsHeader .titleHeadingBottom {
	color: #ecc81e;
    font-family: 'Avenir Next LT Pro Bold Condensed';
    font-size: 40px;
    font-style: italic;
    position: relative;
    top: -20px;
}

#headerDiv .headerLogin {
	float: right;
	position: relative;
	top: 83px;
	text-align: right;
}

#headerDiv .headerLogin div {
	float: right;
}

#headerDiv .headerLogin #faqsLoginText {
	float: right;
	margin-right: 10px;
}

#headerDiv .faqsHeader .titleHeadingTop {
	font-size: 51px !important;
	width: 300px;
	text-align: center;
}

#headerDiv .faqsHeader .titleHeadingBottom {
	font-size: 28px !important; 
	top: 0;
	margin-top: 5px;
}

#headerDiv .faqsHeader .tfkLogo {
	max-width: 100px !important;
}

#headerDiv .faqsHeader {
	float: left !important;
}

#headerDiv .faqsHeaderWidth {
	width: 33.33% !important;
}

#headerDiv #rightHeader {
	float: right;
        width: auto;
}

#headerDiv #rightHeader .tfkLogo {
    max-width: 120px;
    width: 100%;
/*    height: 100%;*/
}

#headerDiv #rightHeader .cvsHealthLogo {
	max-width: 160px;
    width: 100%;
/*    height: 100%;*/
}

#headerDiv #rightHeader span {
	font-family: 'Avenir Next LT Pro Condensed';
	position: absolute;
    top: 20px;
    right: 50px;
    font-size: 20px;
    line-height: 75px;
    font-style: italic;
}

#tfkLogoDiv{
	float: left;
	padding-right: 20px;
}

#cvsLogoDiv{
	float: right;
	padding-top: 20px;
}

#generousDiv{
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
	margin-bottom: 20px;
}

#menuDiv {
	height: 800px;
	position: relative;
	height: auto;
}

#menuDiv::after {
	content: " ";
	display: table;
	clear: both;
}

.bgImageSettings {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../upload/menu_image_bg.jpg');
}

#opacityBgDiv {
	position: relative;
    background-color: rgba(0,0,0,0.6);
    top: 0;
    height: 100%;
    width: 100%;
    padding-bottom: 130px;
}

#menuDiv .mainMenu {
	background-color: #000000;
}

#menuDiv li {
	display: inline-block;
	padding: 15px 0;
	/*width: 120px;*/
	text-align: center;
}

#menuDiv li a {
	font-family: 'Avenir Next LT Pro Regular';
	/*font-family: 'Oswald', sans-serif;*/
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
}

#menuDiv .menuNavDiv {
	background-color: rgba(0,0,0,0.5);
}

#menuDiv .menuNavDiv::after {
	content: " ";
	display: table;
	clear: both;
}

#menuDiv .navRight {
	float: left;
	z-index: 999;
	/*width: 500px;*/
	position: relative;
}

#menuDiv .navRight ul {
	padding-left: 0;
	margin-bottom: 0;
}

#menuDiv .navRight::after {
	content: " ";
	display: table;
	clear: both;
}

#menuDiv .bodyContent {
	margin-top: 130px;
	text-align: center;
	padding: 0 20px;
	font-family: 'Avenir Next LT Pro Regular';
}

#menuDiv .bodyContent p {
	color: #ffffff;
	font-weight: 900;
}

#menuDiv .bodyContent p:first-child {
	font-size: 40px;
}

#menuDiv .bodyContent p:nth-child(2) {
	font-size: 50px;
}

#menuDiv .bodyContent p:nth-child(3) {
	font-size: 25px;
    font-weight: normal;
    padding: 0 26%;
}

#menuDiv .bodyContent a {
	color: #ffffff;
	font-style: italic;
	font-size: 25px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ffffff;
	text-align: center;
}

#menuDiv #logInRegisterDiv {
    color: #ffffff;
    font-family: 'Avenir Next LT Pro Regular';
    display: table;
    margin-top: 70px;
    padding: 0 20px;
}

#menuDiv #logInRegisterDiv::after {
	content: " ";
	display: table;
	clear: both;
}

#menuDiv #logInRegisterDiv #registerDiv {
	background-color: rgba(0,0,0,0.5);
}

#menuDiv #logInRegisterDiv #loginDiv {
	background-color: rgba(255,210,0,0.7);
}

#menuDiv #logInRegisterDiv #registerDiv::after,
#menuDiv #logInRegisterDiv #loginDiv::after {
	content: " ";
	display: table;
	clear: both;
}

#menuDiv #logInRegisterDiv .wrapper {
	width: 370px;
	padding: 15px;
	display: table-cell;
}

.menuLinkSpacing{
	padding: 10px 18px !important;
}

#resNavBarDiv {
	display: none;
	text-align: right;
	padding: 10px 20px;
	background-color: #000000;
}

#resNavBar {
	cursor: pointer;
}

#resNavBar i {
	color: #ffffff;
	font-size: 25px;
}

.centerDiv {
	position: relative;
	margin: auto;
	left: 0;
	right: 0;
}

#menuDiv #logInRegisterDiv .messageDiv p:first-child, #yellowButtonDownload{
	font-weight: bold;
    font-size: 20px;
}

#menuDiv #logInRegisterDiv .messageDiv .actionDiv p {
	font-weight: bold;
    font-size: 25px;
    float: left;
}

#menuDiv #logInRegisterDiv .messageDiv .actionDiv .rightArrowCircle {
	float: right;
    font-size: 30px;
    line-height: 30px;
    border-radius: 20px;
    text-align: center;
    padding: 1px 12px;
}

#menuDiv #logInRegisterDiv .messageDiv .actionDiv .rightArrowCircle a i {
	color: #ffffff;
}

#menuDiv #logInRegisterDiv .messageDiv .actionDiv #register {
	background-color: rgba(0,0,0,0.5);
}

#menuDiv #logInRegisterDiv .messageDiv .actionDiv #login, #blogByAuthor {
	background-color: #b98e0d;
}

.tableRowCustom {
	display: table-cell;
	padding-right: 20px;
}

#guideDiv {
	text-align: center;
	margin: 50px 0;
}

#guideDiv p {
	font-size: 40px;
	font-weight: bold;
	color: #000000;
}
#guideDiv p:nth-child(2) {
	color: #888888;
	font-family: Avenir Heavy, sans-serif;
}

#guideDiv .trackDiv .trackContent {
	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox; 
  	display: -webkit-flex;
  	display: flex;
	width: 100%;
	margin-bottom: 20px;
}

#guideDiv .trackDiv {
	margin-top: 50px;
	width: 90%;
}
#guideDiv .trackDiv .trackContent::after {
	content: " ";
	display: table;
	clear: both;
}

#guideDiv .trackDiv .trackContent:first-child .trackContainer:last-child {
	margin-left: 20px;
	position: relative;
}

#guideDiv .trackDiv .trackContent:first-child .trackContainer:last-child .track {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}

#guideDiv .trackDiv .trackContent .track {
	width: 100%;
	padding: 15px;
	padding-bottom: 20px;
    border: 1px solid #000000;
    height: 100%;
}

#guideDiv .trackDiv .trackContent .trackContainer .track .trackHeader {
    padding: 5px 50px;
    background-color: #ecc81e;
}

#guideDiv .trackDiv .trackContent .trackContainer .track .trackHeader p {
	font-size: 30px;
}

#guideDiv .trackDiv .trackContent .trackContainer .track .trackSteps {
	text-align: left;
	margin-top: 20px;
	margin-left: 10px;
}

#guideDiv .trackDiv .trackContent .trackContainer .track .trackSteps p {
	font-size: 25px;
	font-weight: normal;
	line-height: 1;
}

#guideDiv .trackDiv .trackContent .trackContainer .track .trackSteps p span.steps {
	background-color: #ecc81e;
    padding: 10px;
    border-radius: 11px;
    font-weight: bold;
}

#guideDiv .trackDiv .trackContent .trackContainer,
#guideDiv .trackDiv .trackContent .trackRegisterContainer{
	width: 100%;
}

#guideDiv .trackDiv .trackContent .trackRegisterContainer:first-child {
	margin-right: 10px;
}

#guideDiv .trackDiv .trackContent .trackRegisterContainer:last-child {
	margin-left: 10px;
}

#guideDiv .trackDiv .trackContent .trackContainer:first-child {
}

#guideDiv .trackDiv .trackContent .trackContainer:last-child {
	margin-right: 0;
}

#guideDiv .trackDiv .trackContent .trackContainer .track{
	font-style: normal;
	display: none
}

.guideImageDiv {
	position: relative;
}

.youthTrackText {
	position: absolute;
    left: 4%;
    bottom: 0;
    top: 37%;
    color: red;
    font-weight: bold;
    font-size: 2vw;
}

.trackSteps:last-child p{
	font-style: normal;
} 

#guideDiv .trackDiv .trackContent .trackRegisterContainer .trackRegisterNowDiv {
	background-color: #000000;
}

#guideDiv .trackDiv .trackContent .trackRegisterContainer .trackRegisterNowDiv .trackRegisterMessage p {
	color: #ffffff;
	text-align: left;
}

#guideDiv .trackDiv .trackContent .trackRegisterContainer .trackRegisterNowDiv {
	padding: 20px 30px;
}

#guideDiv .trackDiv .trackContent .trackRegisterContainer .trackRegisterNowDiv::after {
	content: " ";
	display: table;
	clear: both;
}

#guideDiv .trackDiv .trackContent .trackRegisterContainer .trackRegisterNowDiv .trackRegisterMessage {
	float: left;
    margin-top: .6%;
}

#guideDiv .trackDiv .trackContent .trackRegisterContainer .trackRegisterNowDiv .trackRegisterMessage p:first-child {
	font-size: 20px;
}

#guideDiv .trackDiv .trackContent .trackRegisterContainer .trackRegisterNowDiv .trackRegisterMessage p:last-child {
	/*font-size: 17px;*/
	font-size: 3vw;
}

#guideDiv .trackDiv .trackContent .trackRegisterContainer .trackRegisterNowDiv .trackRegisterArrow {
	float: right;
    margin-top: .6%;
}

#guideDiv .trackDiv .trackContent .trackRegisterContainer .trackRegisterNowDiv .trackRegisterArrow::after {
	content: " ";
	display: table;
	clear: both;
}

#guideDiv .trackDiv .trackContent .trackRegisterContainer .trackRegisterNowDiv .trackRegisterArrow i {
	color: #ffffff;
	font-size: 5vw;
}

#guideDiv .trackDiv #floatingBoxesParent .aboutContentMaxWidth .partners .floatingBoxesImageDiv img{
	width: 300px;
	height: 300px;
}		

#footer {
	font-size: 16px;
	background-color: #000000;
	padding: 40px;
	position: relative;
}

#footer::after {
	content: " ";
	display: table;
	clear: both;
}

#footer .subFooter {
	padding: 20px;
	float: left;
	width: 50%;
}

#footer #rightFooter {
	padding-left: 16px;
	padding-right: 0;
	border-left: 1px solid #ffffff;
}

#footer .subFooter ul li:first-child {
	color: #ecc81e;
}

#footer .subFooter ul li {
	font-weight: bold;
	margin-bottom: 10px;
}

#footer .subFooter ul li a,
#footer .subFooter ul li p {
	color: #ffffff;
}

.subFooter ul {
    list-style: none !important;
}

#footer #rightFooter ul li:last-child {
	margin-top: 50px;
}

#footer #rightFooter ul li a span i {
	font-size: 35px;
	margin-right: 20px;
}

#twitterFeedsDiv {
	padding: 40px 20px;

}

#twitterFeedsDiv::after {
	content: " ";
	display: table;
	clear: both;
}

#twitterFeedsDiv .twitterFeeds {
	float: left;
	width: 33.33%;
	text-align: center;
}

#twitterFeedsDiv .twitterFeeds iframe {
	width: 100% !important;
}


#googleMapsDiv {
	background-color: #ecc81e;
	padding: 40px 20px;
}

#googleMapsDiv .mapMessageHeader {
	text-align: center;
	margin-bottom: 40px;
}

#googleMapsDiv .mapMessageHeader p {
	font-family: 'Avenir Next LT Pro Regular';
	font-size: 40px;
}

#googleMapsDiv .mapMessageHeader p:first-child {
	font-weight: bold;
}

#googleMapsDiv #mapContainer {
	padding: 5px;
	background-color: #ffffff;
}

.tableRowCustom:nth-child(2) {
	padding-right: 0;
}

#aboutRegLoginDiv::after {
	content: " ";
	display: table;
	clear: both;
}

.relativePositionDiv{
	position: relative;
}

#aboutDiv{
	float: left;
	width: 100%;
}

#faqsDiv, #actionDiv, #floatingBoxesParentAction, #blogViewDiv, #blogListDiv{
	float: left;
	width: 70%;
}

#aboutDiv::after,
#faqsDiv::after {
	content: " ";
	display: table;
	clear: both;
}

#floatingBoxesParent, #floatingBoxesParentGear, #floatingBoxesParentTrainerPack,#floatingBoxesParentPack, #floatingBoxesParentPrerequisites, #floatingBoxesParentPrerequisites4Core, #floatingBoxesParentAction{
    padding: 30px;
    border-bottom: 1px solid #000000;
    text-align: center;
    /*padding-bottom: 155px;*/
    padding-bottom: 30px;
    font-size: 24px;
}

#floatingBoxesParentGear{
	border-bottom: 0px;
}

#floatingBoxesParentPack, #floatingBoxesParentTrainerPack{
	border-bottom: 0px;
	font-size: 15px;
}

#floatingBoxesParentTrainerPack{
	padding-top: 0px;
}

#floatingBoxesParentPrerequisites{
	border-bottom: 0px solid #000000;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

#floatingBoxesParentPrerequisites4Core{
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

#aboutDiv .aboutContent {
	padding: 30px;
	border-bottom: 1px solid #000000;
	text-align: center;
}

#aboutDiv .aboutContent p {
	margin-bottom: 20px;
	font-size: 24px;
}

#aboutDiv .aboutContent p a {
   color: #337ab7;
}

#aboutDiv .aboutContent .title {
	color: #ecc81e;
	font-weight: bold;
	text-align: left;
}

.centerTitle, .centerTitleBitable {
	color: #C00000;
	padding: 20px 0;
	font-weight: bold;
	text-align: center;
	font-family: Avenir Heavy, sans-serif;
}

.centerTitleBitable {
	color: #000000;
	font-weight: normal;
}

#aboutDiv .aboutContent:nth-child(2) p:nth-child(2){
	margin-bottom: 0;
}

#aboutDiv #learnDiv p span {
	font-weight: bold;
}

#aboutDiv .aboutContent:last-child {
	border: 0;
}

#aboutDivFullWidth{
	content: " ";
	display: table;
	clear: both;
	padding: 30px;
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;
	font-size: 16px;
	color: #ecc81e;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0;
	font-weight: bold;
	border: 0;
	padding-bottom: 130px;
}

#aboutRegisterLoginDiv {
	float: right;
	width: 30%;
	color: #ffffff;
	padding: 20px 15px;
/*	height: 100%;*/
	position: absolute;
	right: 0;
}

.aboutPage {
	background-color: #e5e5e5;
}

.faqsPage {
	background-color: #ffffff;
}

#aboutRegisterLoginDiv::after {
	content: " ";
	display: table;
	clear: both;
}

#aboutRegisterLoginDiv #register, #aboutRegisterLoginDiv #blogCategory{
	background-color: #404040;
	margin-bottom: 20px;
}

#aboutRegisterLoginDiv #blogCategory {
	/*background-color: #F0F0F0;
	margin-bottom: 20px;*/
	color: #ffffff;
}

#aboutRegisterLoginDiv #blogCategory a{
	color:#ffffff;
}

#aboutRegisterLoginDiv #login, #blogByAuthor, #yellowButtonRegister, #yellowButtonDownload {
	background-color: #ecc81e;
}

#aboutRegisterLoginDiv #login{
	margin-bottom: 20px;;
}

#blogCategory ul{
	padding-left: 15px;
	font-size: 12px;
}

#aboutRegisterLoginDiv #login::after,
#aboutRegisterLoginDiv #register::after,
#aboutRegisterLoginDiv #blogByAuthor::after  {
	content: " ";
	display: table;
	clear: both;
}


#aboutRegisterLoginDiv .userRegLogin {
	padding: 40px 20px;
}

#aboutRegisterLoginDiv .userRegLogin::after {
	content: " ";
	display: table;
	clear: both;
}

#aboutRegisterLoginDiv .userRegLogin .userAction div i, #aboutRegisterLoginDiv .userRegLogin .userAction div em {
	color: #ffffff;
	font-size: 20px;
    padding-left: 2px;
    padding-top: 7px;
    padding-bottom: 7px;
}

#aboutRegisterLoginDiv .userRegLogin .userAction::after {
	content: " ";
	display: table;
	clear: both;
}

#aboutRegisterLoginDiv .userRegLogin p {
	font-weight: bold;
}

#aboutRegisterLoginDiv .userRegLogin .userAction p {
	font-weight: bold;
	font-size: 16px;
	float: left;
	display: flex;
    justify-content: center;
}

#aboutRegisterLoginDiv .userRegLogin .userAction div{
	float: right;
	padding: 0 12px;
    border-radius: 20px;
    text-align: center;
    position: relative;
    top: -7px;
}

#aboutRegisterLoginDiv #register .userAction div {
	background-color: rgba(0,0,0,0.5);
}

#aboutRegisterLoginDiv #login .userAction div {
	background-color: #dba80d;
}

#aboutRegisterLoginDiv #login span {
	position: absolute;
    padding-bottom: 5px;
    border-bottom: 1px solid #ffffff;
    font-style: italic;
    font-weight: bold;
}

#aboutFreqRegDiv {
    margin-bottom: 30px;
    width: 100%;
}

.aboutFreqRegContentWholeWidth{
    min-width: 80%;
    text-align: center;
    background-color: rgba(255,210,0,0.7);
    color: #000000;
    font-size: 18px;
    padding: 40px 20px;
}

.freqRegContentWholeWidth{
    min-width: 80%;
    /*text-align: center;*/
    background-color: rgba(255,210,0,0.7);
    color: #000000;
    font-size: 18px;
    padding: 20px 20px 20px 10px;
}

.setRelative {
	position: relative !important;
}

.setInlineBlock {
	display: inline-block;
}

.removeMarginImportant {
	margin: 0 !important;
}

.aboutRegisterMargin {
	margin: 20px 0 !important;
}

.setCenter {
	width: 95% !important;
    position: relative;
    left: 0;
    right: 0;
    margin: auto !important;
}

#aboutFreqRegDiv .aboutFreqRegContent {
	text-align: center;
	background-color: rgba(255,210,0,0.7);
	color: #000000;
	font-size: 18px;
	padding: 3em;
	padding-top: 40px;
	padding-bottom: 40px;
	float: left;
}

#aboutFreqRegDiv .faqSignUp {
	width: 100%;
}

#aboutFreqRegDiv .aboutFreqRegContent a , .blog-list{
  color: #000;
}

.blog-list{
	margin: 15px;
}

div .blog-list img{
	width: 300px;
}

#aboutFreqRegDiv .aboutFreqRegContent p {
	display: inline-block;
    margin-right: 5px;
}

#aboutFreqRegDiv .aboutFreqRegContent div {
	display: inline-block;
    padding: 0 10px;
    border-radius: 20px;
    text-align: center;
    position: relative;
    top: 0px;
    background-color: #dba80d;
}

#aboutFreqRegDiv .aboutFreqRegContent div i, #aboutFreqRegDiv .aboutFreqRegContent div  em{
	color: #ffffff;
    font-size: 16px;
    padding-left: 2px;
    padding-top: 7px;
    padding-bottom: 7px;
}

#aboutFreqRegDiv #register p span {
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 1px solid #000000;
}

#faqsDiv, #actionDiv, #blogViewDiv, #blogListDiv {
	padding: 25px 30px;
	color: #000000;
}

#blogViewDiv, #blogListDiv {
	min-height: 730px;
}

#faqsDiv .header {
	font-weight: bold;
	border-bottom: 1px solid #000000;
}

#faqsDiv .questionHeader, #actionDiv .questionHeader{
	font-weight: bold;
	color: #000000;
}

#faqsDiv a, #actionDiv a, #blogViewDiv a , #blogListDiv a {
  color: #337ab7;
}

#faqsDiv p,  #actionDiv p , #blogViewDiv p, #blogListDiv p{
	font-size: 16px;
}

.sectionHeaders {
	font-size: 20px !important;
}

.aboutContentMaxWidth{
	max-width: 1200px;
	margin: auto;
}

.faqsContentSpacing {
	margin-bottom: 30px; 
}

#faqsDiv .fightTobaccoList {
	margin-left: 15px;
}

#faqsDiv .fightTobaccoList ul li span {
	font-size: 16px;
	position: relative; 
	left: 30px;
}

#faqsDiv .fightTobaccoList ul {
	padding-left: 0; 
	list-style: disc;
}

@media screen and (min-width: 768px) {
	#menuDiv .navRight {
		display: block !important;
	}
}

#UnderConstruction{
	padding-top: 0px;
	text-align: center;
}

#UnderConstructionImage{
	width: 100%;
	height: 100%
}

.aboutLoginDiv {
    background-color: rgba(255,210,0,0.7);
}

.aboutRegisterDiv {
    background-color: rgba(0,0,0,0.8);
}
.aboutLoginDiv, .aboutRegisterDiv {
    width: 370px;
    padding: 15px;
    display: table-cell;
    position: relative;
    margin: auto;
    left: 0;
    right: 0;
    font-weight: bold;
    font-size: 25px;
    float: left;
}

.rightArrow{
	float: right;
    font-size: 30px;
    line-height: 30px;
    border-radius: 20px;
    text-align: center;
    padding: 1px 12px;
}
#loginCircle{
    float: right;
    font-size: 30px;
    line-height: 30px;
    border-radius: 20px;
    text-align: center;
    padding: 1px 12px;
    background-color: #b98e0d;
}

#registerCircle{
    float: right;
    font-size: 30px;
    line-height: 30px;
    border-radius: 20px;
    text-align: center;
    padding: 1px 12px;
    background-color: rgba(0,0,0,0.5);
}
#registerLoginDiv, #aboutFreqRegDiv{
	color: #ffffff;
    font-family: 'Avenir Next LT Pro Regular';
    display: table;
    margin-top: 0px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
}

.tableRowCustomPadding {
    display: table-cell;
    bottom: 7%;
}

#tfkAboutLogo, #cvsAboutLogo{
	width: 200px;
	padding-bottom: 20px;
}

.tobacco101, .partners, .gearPhoto, .grants, .grantsButton, .basicTrainerPack, .basicTrainerPackButton, .gearPack, .premiumGear, .premiumGearPack, .premiumGearButton, .premiumGearPhotoPack, .trainingBitable, .trainingBitableCore4, .articles{
	display: inline-block;
    width: 350px;
    height: 660px;
    margin: auto;
    text-align: center;
}

.grants, .grantsButton, .basicTrainerPack, .basicTrainerPackButton, .gearPack, .premiumGearPhotoPack, .premiumGearPack, .premiumGearButton, .premiumGear{
	min-width: 270px;
	width: 45%;
	height: 275px;
}

.basicTrainerPack, .basicTrainerPackButton, .premiumGearButton , .premiumGear{
    height: 200px;
}

.partners{
    height: 290px;
}

.articles{
	width: 33%;
	min-width: 205px;
	height: 300px;
	font-size: 12px;
	border-left: 1px solid #c7c7c7;
}

.articles:first-of-type{
	border-left: 1px solid #ffffff !important;
}

div .articles div:last-child p{
	padding: 5px 10px;
}


div.articles a{
	color: #000000;
}

.text-overflow{
	text-overflow: ellipsis;
	white-space: nowrap; 
    width: 50px; 
    overflow: hidden;
}

div.articles img{
	width: 100%;
	height: 13vw;
    max-width: 310px;
    max-height: 180px;
	padding: 10px;
}

div.articles p{
	text-align: left;
	width: 100%;
	max-width: 310px;
	margin: auto;
}

.articles p:first-child{
	font-size: 15px;
	text-align: left;
}

.gearPhoto {
    height: 250px;
    width: 250px;
}

.centerGearPhotoDiv{
	width: 250px;
    margin: auto;
}

.gearPack{
	height: 330px;
}

.premiumGear, .premiumGearButton {
    height: 45px;
}

.premiumGearPhotoPack, .premiumGearPack{
	height: 490px;
}

.trainingBitable{
    min-width: 300px;
	width: 45%;
	height: 405px;
}

.trainingBitableCore4{
	width: 45%;
	min-width: 300px;
	height: 310px;
}

#floatingBoxes, #floatingBoxesPack, #floatingBoxesPrerequisites, #floatingBoxesArticle{
	height: auto;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

#floatingBoxesPack, #floatingBoxesPrerequisites{
    padding-bottom: 0px;
}

.floatingBoxesImageDiv, .floatingBoxesPackDiv, #floatingBoxesArticle{
	padding-bottom: 20px;
}

.floatingBoxesArticledDiv, .padding-bottom-20{
	padding-bottom: 20px;
}

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

.floatingBoxesPackDiv{
	text-align: left;
}

.contactUsForm{
    width: 70%;
    padding: 0px 30px;
}

.lastFaqsContentSpacing, .contactUsForm{
	padding-bottom: 100px;
}

#titleMenuDiv, #footerLogo{
	display: none;
}

.modifiedSteps{
    position: absolute;
    padding-left: 2px;
    padding-right: 2px;
}

.stepsContainer, #idData{
    width: 100%;
}

.trackStepsDiv{
    width: 101px;
    display: block;
}
.centerSteps{
	text-align: center;
	margin-top: 0px !important;
	text-align: left;
    margin-left: 10px;
}

.stepsContent{
	margin-left: 105px;
    padding-right: 0px;
    margin-right: 0px;
    padding-top: 11px;
    padding-left: 25px;
}

.becomeAtrainerContainerCenter{
	text-align: center;
	margin-left: 0px;
}

#becomeATrainerYouthTrack{
	margin-left: 0px;
	margin-top: 0px;
}

#trainAndTrainerModuleYouthTrack{
	margin-bottom: 70px;
}

.whiteRightArrowButtons{
	color: #ffffff;
}

.centerButtonsDiv{
    z-index: 1000;
    position: absolute;
    justify-content: center;
    margin: auto;
    width: 750px;
    align-content: center;
    left: 20px;
    right: 20px;
    bottom: 13%;
}

.aboutImageSize{
	width: 100%;
}

#registerDiv{
	margin-right: 20px;
}

.registerLoginSettings {
	/*background-image: url(tdt/application/images/crop_about_top.jpg);*/
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow-y: hidden;
    overflow-x: hidden;
}

#freq{
	margin-right: 15px;
}

#aboutFreqRegContainer{
/*	bottom: 60px;
	left: 9%;
	z-index: 2;*/
	position: relative;
	width: 100%;
}

#aboutFreqRegContainer::after {
	content: " ";
	display: table;
	clear: both;
}

.socialMediaIcon{
    font-size: 35px;
    margin-right: 20px;
}

.row{
	padding-right: 15px;
	padding-left: 15px;
}

#manageTable{
	/*overflow-x: hidden;*/
	margin: auto;
	padding-top: 30px;
}

.emailColumn{
	width: 20%;
}

.faqsContentNoSpacing {
	margin-bottom: 0px; 
}

#takingDownTitleImg{
	max-width: 100%;
}

.blackFontColor{
	color: #000000;
}

.grayFontColor{
	color: #777777;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 0px;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 40%;
    min-width: 280px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #ffffff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #ffffff;
    color: #000000;
}

.modal-body {
	padding: 2px 16px;
	text-align: right;
	background-color: #000000;
}

.float-right{
	float: right;
}

#returnPage, .float-left{
	float: left;
}

.failErrorBanner{
	background-color: red;
	padding: 10px;
	margin-bottom: 15px;
	font-weight: 900;
	color: #ffffff;
}

.successErrorBanner{
	background-color: #ecc81e;
	padding: 10px;
	margin-bottom: 15px;
	font-weight: 900;
}

#howDoISignupButton{
	color: #ffffff;
    font-family: 'Avenir Next LT Pro Regular';
    display: table;
    /*padding: 0 20px;*/
    /*display: flex;*/
    /*justify-content: center;*/
	margin-bottom: 30px !important;
    width: 100%;
}

#faqsLinkMargin{
	margin-right: 20px;
}

.redFontColor{
	color: #C00000 !important; 
}

.listStyle{
	list-style: disc !important;
}

.wordBreakAll{
	word-break: break-all;
}

.bitableDiv, .bitableDivCore4 {
    /*height: 28.5vh;*/
    height: 295px;
    max-width: 500px;
    margin: auto;
}

.bitableDivCore4 {
    height: 295px;
}

.trainingDiv, .trainingDivLast{
	padding-top: 20px;
    border-bottom: 1px solid #000000;
    padding-left: 20px;
}

.trainingDivLast{
	border-bottom: 0px;
}

.trainingDivIndent{
	padding-left: 20px;
	padding-top: 15px;
}

.unboldStatement{
	font-weight: 100 !important;
}

.grantsGearButton{
	margin: auto;
	background-color: red;
	color: #FFFFFF;
	text-align: center;
    height: 55px;
    padding: 20px 10px;
    width: 75%;
    min-width: 255px;
}

.showWebModeDiv{
	display: block;
}

.showMobileModeDiv{
	display: none;
}

#dataTableMessageDiv{
	width: 100%;
	max-width: 400px !important;
    word-wrap: break-word;
}

#dataTableEmailDiv{
	word-wrap: break-word;
}

/*table.dataTable {
	margin: auto !important;
}*/

.manageBody{
	min-width: 767px;
}

#highlightedArticle{
	width: 100%;
	margin-bottom: 25px;
	padding-bottom: 0px;
	min-height: 225px;
	max-height: 400px;
	text-align: left;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #c7c7c7;
	height: 21vw;
	/*background-color: #ecc81e;*/
}

#highlightedArticleImgDiv{
	width: 45%;
	float:left;
	padding: 25px 10px 0px 10px;
}

#highlightedArticleImg{
	width: 100%;
	float:left;
}

#highlightedArticleContent{
	width: 55%;
	float: right;
	font-size: 18px;
	padding: 25px 10px;
}

.inline-flex{
	display: inline-flex;
}

#yellowButtonRegister{
	width: 115px;
    padding: 5px;
}

#yellowButtonDownload{
	width: 160px;
    padding: 5px;
}

#blogViewDiv img{
	width: 100%;
}

.parent-div-padding{
	padding-top: 60px;
    padding-bottom: 60px;
}

.overflow-hidden{
	overflow: hidden !important;
}