:root {
   --ColorSiteBG: #31455d;
   --ColorNavigationBG: #ffffff;
   --ColorContentBG: #ffffff;
   --ColorOverlay1: #efefef;
   --ColorOverlay2: #cccccc;
   --ColorNavigationBorder: #31455d;
   --ColorSiteText: #152333;
   --ColorLinkText: #E39301;
   --ColorNavigationText: #222222;
   --ColorSectionHeaders: #243954;
   --ColorCopyright: #ffffff;
   --ColorSiteBorder: #31455d;
   --FontStyle: Arial,Helvetica,Verdanda;
   --FontStyleHeader: Arial,Helvetica,Verdanda;
   --FontSize: 14pt;
}
html, body { position:relative; height:100%; }
BODY  { font-size:var(--FontSize); font-family:var(--FontStyle); color:var(--ColorSiteText);}
TD  { font-size:var(--FontSize); font-family:var(--FontStyle); color:var(--ColorSiteText);}
TH  { font-size:var(--FontSize); font-family:var(--FontStyle); color:var(--ColorSiteText); font-weight:bold;}
A,A:Visited,A:Active,A:Hover  { color:var(--ColorLinkText); /*text-decoration:underline;*/}
A.navlinks3,A.navlinks3:Visited,A.navlinks3:Active { text-decoration:none;}
A.navlinks3:Hover { text-decoration:underline;}
A.navlinks4,A.navlinks4:Visited,A.navlinks4:Active { text-decoration:none;}
A.navlinks4:Hover { text-decoration:underline;}
.sectiontitle  { font-weight:bold; color:var(--ColorSectionHeaders);}
.sectiontitle2  { font-weight:bold; font-size:14pt; color:var(--ColorSectionHeaders);}
.greyout  { /*color:#999999;*/    opacity:0.5;}
.navlinks  { font-weight:bold; color:var(--ColorNavigationText);}
.navlinks2  { font-weight:bold; color:var(--ColorNavigationText); font-size:10pt;}
.navlinks3  { font-weight:bold; color:var(--ColorNavigationText); font-size:10pt; text-decoration:none;}
.navlinks4  { font-weight:bold; color:var(--ColorNavigationText); font-size:var(--FontSize); text-decoration:none;}
A.navlinks  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks:visited  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks:active  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks:hover  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks2:visited  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks2:active  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks2:hover  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks3:visited  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks3:active  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks3:hover  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks4:visited  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks4:active  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks4:hover  { font-weight:bold; color:var(--ColorNavigationText);}
.title  { font-size:14pt; font-weight:bold; color:var(--ColorLinkText);}
 h1, h2, h3, h4, h5, h6, h7 { font-family:var(--FontStyleHeader);color:var(--ColorSectionHeaders); }
.bigboldblack  { font-size:12pt; font-weight:bold; color:var(--ColorSiteText);}
.bigbold2  { font-size:12pt; font-weight:bold; color:var(--ColorSectionHeaders);}
.bigbold  { font-size:10pt; font-weight:bold; color:var(--ColorSectionHeaders);}
.revbigbold  { font-size:10pt; font-weight:bold; color:#ffffff;}
.smalltext  { font-size:var(--FontSize);}
.footertext  { font-weight:bold; font-size:8pt; color:var(--ColorCopyright); margin-top:2em; text-align:center;}
A.footertext  { font-weight:bold; color:var(--ColorCopyright);}
A.footertext:visited  { font-weight:bold; color:var(--ColorCopyright);}
A.footertext:active  { font-weight:bold; color:var(--ColorCopyright);}
A.footertext:hover  { font-weight:bold; color:var(--ColorCopyright);}
.pages  { font-weight:bold; font-size:7pt; color:var(--ColorOverlay1);}
.sectionbullet  { font-weight:bold; color:var(--ColorOverlay1);}
.navcolorbuttons { font-size:8pt; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; background-color:var(--ColorSectionHeaders); color:var(--ColorContentBG);}
.xml-icon {     padding:0px 3px 1px 3px;    margin:0;    text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; background-color:#ff6600;    border:1px solid;    border-color:#ffc8a4 #3f1a01 #3f1a01 #ffc8a4;    cursor:pointer;}
.button-icon {     padding:0px 3px 1px 3px;    margin:0;    text-decoration:none; text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;    font-weight:bold;    color:#fff;    background-color:#cccccc;    border:1px solid;    border-color:#ffc8a4 #3f1a01 #3f1a01 #ffc8a4;    cursor:pointer;}
/* ----------- Version Upgrade Styles ----------------------- */
/* TEXT STYLES */
.EmphasisText {    color:var(--ColorLinkText);    font-weight:bold;}
.CaptionText {    color:var(--ColorSectionHeaders);    font-weight:bold;}
.ReverseText {    color:var(--ColorContentBG);}
/* BOXES */
.ContainerBox {    border:1px solid var(--ColorSiteText);     background-color:var(--ColorOverlay1);     overflow:auto;}
.ContainerBoxClear {    border:1px solid var(--ColorSiteText);     overflow:auto;}
.ContainerContentBG {    border:1px solid var(--ColorContentBG);     overflow:auto;}
.ContainerBoxReverse,A.ControlBoxReverse:Link,A.ControlBoxReverse:Visited,A.ControlBoxReverse:Active,A.ControlBoxReverse:Hover {    border:1px solid var(--ColorSiteBorder);     background-color:var(--ColorSiteText);     color:var(--ColorOverlay1);    /*overflow:auto;*/}
.DataContainerBox {    border-top:1px solid var(--ColorSectionHeaders);}
/* SYSTEM BUTTONS */
.StoreButton,A.StoreButton,A.StoreButton:Active,A.StoreButton:Visited {    padding:5px;    color:var(--ColorNavigationText);    border:1px solid var(--ColorNavigationText);    background-color:var(--ColorContentBG);     font-size:9pt;    font-family:Arial,Helvetica,verdana;    font-weight:bold;    text-decoration:none;}
.A.StoreButton:Hover {    background-color:var(--ColorNavigationText);    color:var(--ColorContentBG);}
.RSSBUTTON,A.RSSBUTTON,A.RSSBUTTON:Link,A.RSSBUTTON:Active,A.RSSBUTTON:Visited {    display:inline-block;    color:#ffffff;    text-decoration:none;    font-size:8pt;    border:1px solid #ae6103;    padding:2px 3px;    font-weight:bold;    background-color:#ffa02d;    padding:3px 5px 3px 5px;    }
A.RSSBUTTON:Hover{    color:#ffffff;    background-color:#ae6103;}
.SystemButtonLink,A.SystemButtonLink:Link,A.SystemButtonLink:Active,A.SystemButtonLink:Visited {    display:inline-block;    text-decoration:none;    font-weight:bold;    padding:5px;    border:1px solid var(--ColorSiteBorder);    background-color:var(--ColorSectionHeaders);    color:var(--ColorOverlay1);    width:auto;    font-size:7pt;    font-family:Verdana;}
A.SystemButtonLink:Hover {    background-color:var(--ColorOverlay1);    color:var(--ColorSectionHeaders);}
.SystemButtonLinkColor,A.SystemButtonLinkColor:Link,A.SystemButtonLinkColor:Active,A.SystemButtonLinkColor:Visited {    display:inline-block;    text-decoration:none;    font-weight:bold;    padding:5px;      border:1px solid var(--ColorSiteBorder);    background-color:var(--ColorLinkText);    color:var(--ColorOverlay1);     width:auto;    font-size:7pt;    font-family:Verdana;}
A.SystemButtonLinkColor:Hover {    background-color:var(--ColorOverlay1);    color:var(--ColorLinkText);}
A.PageNumberBlock,A.PageNumberBlock:Link,A.PageNumberBlock:Active,A.PageNumberBlock:Visited {    border:1px solid var(--ColorSiteBorder);    background-color:var(--ColorOverlay1);    color:var(--ColorSiteText);    font-weight:bold;    text-decoration:none;    padding:2px;    margin:3px;    font-size:7pt;}
A.PageNumberBlock:Hover {    background-color:var(--ColorOverlay1);    color:var(--ColorSiteText);}
A.PageNumberBlockSelected,A.PageNumberBlockSelected:Link,A.PageNumberBlockSelected:Active,A.PageNumberBlockSelected:Visited,A.PageNumberBlockSelected:Hover {    border:1px solid var(--ColorSiteBorder);    background-color:var(--ColorSiteText);    color:var(--ColorOverlay1);    font-weight:bold;   text-decoration:none;    padding:2px;    margin:3px;    font-size:7pt;}
/* CELLS AND BACKGROUNDS */
.CellColor1 {    background-color:var(--ColorNavigationBG);}
.CellColor2 {    background-color:var(--ColorContentBG);}
.CellColor3 {    background-color:var(--ColorOverlay1);}
.CellColor4 {    background-color:var(--ColorOverlay2);}
.CellColor7 {    background-color:var(--ColorLinkText);}
.CellColor9 {    background-color:var(--ColorSectionHeaders);}
/* FORM ELEMENTS */
input.SmallForm {    font-size:.8em;}
select.SmallForm {     font-size:.8em;}
textarea.SmallForm {     font-size:1em;}
input.SmallFormYellow {    font-size:.8em;    background-color:#feffcc;}
select.SmallFormYellow {     font-size:.8em;    background-color:#feffcc;}
input.LargeForm {    font-size:1.5em;}
select.LargeForm {    font-size:1.5em;}
textarea.LargeForm {    font-size:1.5em;}
.floatclear { display:block; height:0px; clear:both;}
.PNGFix {    behavior:url(/lib/css/iepngfix.htc);}
/* Version 5 Styles */
.divSiteLoader {    position:absolute;    top:0px;    bottom:0px;    left:0px;    right:0px;    z-index:9999;    font-size:48pt;    text-align:center;    color:#ffffff;    background-color:#000000;    opacity:0.5;}
a img {    border:0px;}
img {    /*max-width:100%;*/}
.divContentListBlock {    margin-bottom:1em;}
.divContentListBlock .title {    font-size:1em;    font-weight:bold;}
.textEmphasis {    color:var(--ColorLinkText);}
.textSmaller {    font-size:0.9em;}
.textSmallest {    font-size:0.8em;}
.divSearchBar {    background-color:var(--ColorOverlay1);    color:var(--ColorSiteText);    font-weight:bold;    padding:1.5em 2em 1em;}
.divClearLine {    clear:both;}
.divFloatLine {    float:left;    margin-right:2em;}
.aButton {    display:inline-block;    padding:5px 10px;    font-size:1.2em;    background-color:var(--ColorSectionHeaders);    color:var(--ColorOverlay1);    cursor:pointer;}
.formApp {    margin:0px;    padding:0px;}
.formApp .caption {    font-size:0.8em; opacity:0.75;}
.formApp .caption, .formApp .field {    margin-bottom:0.5em;}
.formApp .field input[type=text], .formApp .field input[type=password], .formApp .field select, .formApp .field textarea {    padding:5px;    }
.formApp .field input[type=submit], .formApp .field input[type=button] {    padding:5px 10px;}
.formApp .textarea textarea {    width:90%;    min-height:75px;}
.formApp .controls {    margin-top:1em;}
.formApp .controls input[type=submit], .formApp .controls input[type=button], .formAppButton {    padding:9px 18px;    border:0px;    background-color:var(--ColorLinkText);    color:var(--ColorContentBG);}
.formApp .controls input[type=submit]:hover, .formApp .controls input[type=button]:hover, .formAppButton:hover {    color:var(--ColorContentBG);    background-color:var(--ColorSectionHeaders);}
.divBlogAuthorBox {    padding:15px;    margin:1em 0px;    background-color:var(--ColorOverlay1);}
.appButton, a.appButton, a.appButtonLarge {   background-image:none; text-shadow:none; border:0px; padding:0.5em 1em;    border:0px;    background-color:var(--ColorLinkText);    color:var(--ColorContentBG);    font-size:0.8em;    text-decoration:none;    display:inline-block;    cursor:pointer;    text-align:center;}
.appButton:hover, a.appButton:hover, a.appButtonLarge:hover,.appButton:active, a.appButton:active, a.appButtonLarge:active,.appButton:focus, a.appButton:focus, a.appButtonLarge:focus .btn.appButton:hover {    color:var(--ColorContentBG);    background-color:var(--ColorSectionHeaders);}
a.appButtonLarge {    display:block;    padding:25px;    font-size:1.8em;    margin-bottom:0.5em;}
.btn.appButton, a.btn.appButton { padding:6px 12px; font-size:14px; }
a.appControl {    cursor:pointer;    text-decoration:none;}
.tableApp {    width:100%;    border:0px;    border-collapse: collapse;    border-collapse:separate;    border-spacing:1px;}
.tableApp th {    padding:8px;    text-align:left;    background-color:var(--ColorSectionHeaders);    color:var(--ColorContentBG);    font-size:0.9em;    margin:1px;}
.tableApp td {    padding:8px;    background-color:var(--ColorOverlay1);    margin:1px;}
.divPrayerCounter {    display:inline-block;    font-size:10pt;}
.divShadeBox {    padding:15px;    background-color:var(--ColorOverlay1);}
.divDropdown ul {    margin:0px;    padding:0px;    list-style:none;    position:relative;    z-index:9999;}
.divDropdown ul li {    display:inline-block;    *display:inline;    position:relative;}
.divDropdown ul li a {    display:inline-block;    text-decoration:none;}
.divDropdown ul li ul {    display:none;    position:absolute;    top:100%;    left:0px;}
.divDropdown ul li:hover ul {    display:block;    color:#ffffff;}
.divDropdown ul li ul li {    position:relative;    width:100%;}
.divDropdown ul li ul li a {    width:100%;white-space:nowrap;}
.divDropdown ul li ul li ul, .divDropdown ul li:hover ul li ul {    display:none;    left:100%;    top:0px;}
.divDropdown ul li ul li:hover ul {    display:block;}
.divDropdown ul li ul li ul li ul, .divDropdown ul li:hover ul li ul li ul {    display:none;    left:100%;    top:0px;}
.divDropdown ul li ul li ul li:hover ul {    display:block;}
#TempTemplate .divDropdown ul li ul li a {    background-color:rgba(0,0,0,1);color:#ffffff; text-align:left;}
#TempTemplate .divDropdown ul li ul li a:hover {    background-color:rgba(50,50,50,1);color:#ffffff; text-align:left;}
.system-dropdown-menu ul {    margin:0px;    padding:0px;    list-style:none;    position:relative;    z-index:9999;}
.system-dropdown-menu ul li {    display:inline-block;    *display:inline;    position:relative;}
.system-dropdown-menu ul li a {    display:inline-block;    text-decoration:none;}
.system-dropdown-menu ul li ul {    display:none;    position:absolute;    top:100%;    left:0px;}
.system-dropdown-menu ul li:hover ul {    display:block;    color:#ffffff;}
.system-dropdown-menu ul li ul li {    position:relative;    width:100%;}
.system-dropdown-menu ul li ul li a {    width:100%;}
.system-dropdown-menu ul li ul li ul, .system-dropdown-menu ul li:hover ul li ul {    display:none;    left:100%;    top:0px;}
.system-dropdown-menu ul li ul li:hover ul {    display:block;}
.system-dropdown-menu ul li ul li ul li ul, .system-dropdown-menu ul li:hover ul li ul li ul {    display:none;    left:100%;    top:0px;}
.system-dropdown-menu ul li ul li ul li:hover ul {    display:block;}
.system-dropdown-menu ul li ul li ul li a { white-space:nowrap; text-align:left; padding:0.5em 1em; background-color:rgba(0,0,0,.75); color:#ffffff; }
.tableCalendar {    width:100%;    border-collapse:collapse;}
.tableCalendar th {    width:14.28%;    font-size:0.8em;    background-color:var(--ColorSectionHeaders);    color:var(--ColorContentBG);    padding:5px;}
.tableCalendar td {    font-size:0.8em;    background-color:var(--ColorContentBG);    margin:1px;    border:1px solid var(--ColorOverlay1);    min-height:90px;}
.tableCalendar td.past {    background-color:var(--ColorOverlay1);    color:#999999;}
.tableCalendar td.past a{    color:#999999;}
.tableCalendar td .monthDay {    text-align:right;    padding:5px;    background-color:var(--ColorOverlay1);    color:var(--ColorSectionHeaders);}
.tableCalendar .divCalendarMonthEntry {    padding:5px;}
.divCalendarOptionLinks {    font-size:0.9em;}
.divAppDirectorySummaryProfile { font-size:0.8em; }
.divAppDirectorySummaryProfile .profilePhoto {    float:left;    margin-right:25px;   margin-bottom:25px;}
.divAppDirectorySummaryProfile .profilePhoto a img {    border:0px;}
.divAppDirectorySummaryProfile .name{    font-weight:bold;    font-size:1.2em;}
.divAppDirectorySummaryProfile .name a {    text-decoration:none;}
.divAppDirectorySummaryProfile .name a:hover {    text-decoration:underline;}
.divAppDirectorySummaryProfile .jobTitle{    font-weight:bold;}
.divAppDirectorySummaryProfile .website{    font-weight:bold;}
.divAppDirectorySummaryProfile .email{   font-weight:bold;}
.divAppDirectorySummaryProfile .bioShort{    padding-right:25px;    margin-top:1em;    margin-bottom:1em;    font-size:0.9em;    overflow:hidden;}
.divAppDirectoryProfile {}
.divAppDirectoryProfile .profilePhoto{    float:right;    margin-left:25px;    margin-bottom:25px;}
.divAppDirectoryProfile h2.name {    margin:0px;}
.divAppDirectoryProfile .jobTitle {    font-weight:bold;    margin-bottom:1em;}
.divAppStorePages {    text-align:right;    font-size:14pt;}
.divAppStorePages .page {    display:inline-block;    padding:5px;}
.divAppStorePages .page:hover {}
.divAppStorePages .page a {    display:inline-block;}
.divBlogRollEntry {    margin-bottom:4em;}
.divBlogRollEntry h2 {    margin-bottom:0px;}
.divAppSubscriptions {    margin-bottom:1em;}
.divAppSubscriptions .name {    font-weight:bold;}
#divCollectionMessage {    position:absolute;    position:fixed;    top:0px;    bottom:0px;    left:0px;    right:0px;    background-image:url('/lib/common/images/collectionDivBG.png');    z-index:9998;}
#divCollectionMessageInner {    position:absolute;    top:0px;    left:0px;    width:800px;    height:600px;    background-color:#000000;    z-index:9999;    color:#ffffff;    padding:50px;    text-align:left;    font-size:12pt;    font-family:Arial,Helvetica,sans-serif;    line-height:normal;    overflow:auto;}
#divCollectionMessageInner h2 {    font-family:Arial,Helvetica,sans-serif;    color:#ff9999;    line-height:normal;}
#divCollectionMessageInner .buttonsProceed a {    display:inline-block;    padding:10px 20px;    background-color:#660000;    color:#ffffff;    text-decoration:none;}
#divCollectionMessageInner .buttonsProceed a:hover {    background-color:#330000;}
.divPost {    margin-bottom:1em;}
.divPost .image {    float:left;    margin:0px 10px 10px 0px;}
.divPost .image img {}
.divPost .postBody {    width:100%;}
.divPost .postTitle {    font-size:1.1em;    font-weight:bold;}
.divPost .post {    margin:0.25em 0px;}
.divPost .postDate {    color:#999999;    font-size:0.8em;}
.divSocialNetworkMessageBox {    margin-bottom:1em;    background-color:var(--ColorOverlay1);    padding:15px 30px 15px 15px;}
.divSocialNetworkToolbar {    background-color:var(--ColorOverlay1);    color:var(--ColorContentBG);    margin-bottom:1em;    padding:15px;    position:relative;    white-space:nowrap;}
#divSocialNetworkSearchResults {    position:absolute;    height:250px;    bottom:-250px;    width:100%;    background-color:var(--ColorSectionHeaders);    left:0px;    z-index:999;    overflow:auto;    display:none;}
#divSocialNetworkSearchResultsClose {    position:absolute;    left:0px;right:0px;    bottom:-275px;    z-index:9999;    text-align:right;    display:none;}
.divSocialNetworkToolbar .profileButton, .divSocialNetworkToolbar .signInButton {    float:left;}
.divSocialNetworkToolbar .signOutButton {    float:right;}
.divSocialNetworkToolbar .searchArea {    padding:0px 115px 0px 200px;}
.divSocialNetworkToolbar .signInArea {    float:left;}
.divSocialNetworkToolbar .searchArea input[type=text] {}
.divSocialNetworkToolbar .signInArea input[type=text], .divSocialNetworkToolbar .signInArea input[type=password] {    border:1px solid color:#999999;    padding:5px;    margin-right:5px;    vertical-align:middle;}
.divSocialNetworkMessageBox .photoArea {    float:left;}
.divSocialNetworkMessageBox .messageArea {    padding-left:65px;}
.divSocialNetworkMessageBox .caption {    margin-bottom:0.25em;    font-size:0.8em;}
.divSocialNetworkMessageBox form input[type=text] {    margin-bottom:0.5em;}
.divSocialNetworkMessageBox form input[type=text], .divSocialNetworkMessageBox form input[type=password], .divSocialNetworkMessageBox form textarea {    border:1px solid #999999;    font-family:Arial,Helvetica,sans-serif;    padding:5px;}
.divAppRacesSponsorshipLevel {}
.divAppRacesSponsorshipLevel .title {    font-size:1.2em;}
.divAppRacesSponsorshipLevel .instructions {    font-size:0.8em;}
.divAppRacesSponsorshipLevel .choose {    font-weight:bold;    font-size:0.8em;}
.divAppRacesSponsorshipLevel .choose input[type=radio] {    vertical-align:middle;}
.divFormCaption {    font-size:0.8em;    margin-bottom:0.5em;}
.divFormField {    margin-bottom:0.5em;}
.divFormField input[type=text], .divFormField input[type=password], .divFormField select, .divFormField textarea {    padding:5px;}
.divFormField textarea {    width:90%;}
.divFormField input[type=submit], .divFormField input[type=button] {    padding:10px 20px;}
.appLaunchButton {    padding:10px 20px;}
fieldset {    padding:25px;    margin-bottom:1em;}
fieldset legend {    font-weight:bold;    color:#999999;}
.requiredField:after {    content: ' *';    color:var(--ColorLinkText);}
.divParallax {  background-attachment: fixed;  background-position: center center;  background-size: cover;}
.divTopBottomDivider {    padding:1em 0px;    margin:1em 0px;    border-top:1px solid var(--ColorOverlay1);    border-bottom:1px solid var(--ColorOverlay1);}
.full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.fb_iframe_widget iframe {  width:100%;}
@media print {    .noprint {        display:none;    }}
@media screen and (max-width:420px) { .img-responsive { max-width:100% !important;} }
@media only screen and (max-width: 767px) { .divBlogAuthorBox h3 { text-align:center; } .divBlogAuthorBox img { margin:0px auto; } }
.flex-row {    display: flex;    flex-wrap: wrap;}
.flex-row > [class*='col-'] {    display: flex;    flex-direction: column;}
.flex-row.row:after, .flex-row.row:before {    display: flex;}
#divSiteModal {    position:fixed;     z-index:999;     top:0px;     bottom:0px;     left:0px;     right: 0px;     background-color:rgba(255,255,255,.95);     padding:2em;     display:none;    overflow:auto;}
#divSiteModalClose {    position:absolute;    right:15px;    top:15px;}
.wireframe-preview {    padding:2em 0px;    background-color:rgba(0,0,0,.10);    text-align:center;    color:rgba(0,0,0,.25);    font-size:0.8em;}
form.system-niceform  { padding:2em;border:1px solid rgba(0,0,0,.10);background-color:rgba(0,0,0,.05); } form.system-niceform label { opacity:0.75; font-size:0.8em; } form.system-niceform .btn { background-image:none; text-shadow:none; border:0px; } 
a.btn-primary, a.btn-success, a.btn-info, a.btn-warning, a.btn-danger { color:#ffffff; }
.system-content-box { padding:2em;background-color:rgba(0,0,0,.05);margin-bottom:1em; }.system-content-box h3 { margin-top:0px; font-weight:bold; }img.system-spot-image, .system-spot-image img { border:1px solid rgba(0,0,0,.15); padding:2px; }.center-popup-content { height: 100%; width: 100%; max-width: 600px; max-height: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color:#ffffff; padding:2em; overflow:auto; }.center-popup-content .close-button { position:fixed; right:1em; top:1em; cursor:pointer;font-size:1.5em; }.center-popup-content .content {  }.center-popup-wrapper { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 99999; background: rgba(0, 0, 0, 0.9); display: flex; overflow: auto; flex-direction: column; opacity: 1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); visibility:hidden; }figure.auto-caption { margin-bottom:2em !important; width:100% !important; }figure.auto-caption figcaption { display:block;font-size:0.6em; text-align:center; padding:0.5em; color: rgba(150,150,150, 1); background-color:rgba(0,0,0,.05); }figure.auto-caption figcaption a { color: rgba(150,150,150, 1) !important; text-decoration:none; }.btn, .btn-primary, btn-success, .btn-danger, .btn-warning, .btn-info { background-image:none;text-shadow:none;border:0; }.btn-site, a.btn-site  { background-color:var(--ColorSectionHeaders);color:var(--ColorContentBG); }.btn-site:hover, a.btn-site:hover  { background-color:var(--ColorLinkText);color:var(--ColorContentBG); }.growEffect {  transition: all 0.25s ease; }.growEffect:hover {  -webkit-transform:scale(1.05); transform:scale(1.05); transition: all 0.25s ease; }.placeholder-16-9 { --w: 16; --h: 9; width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25); } .placeholder-9-16 { --w: 9; --h: 16;width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25);} .placeholder-1-1 { --w: 1; --h: 1;width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25);} .placeholder-crop { --fx: 50%; --fy: 50%; width: 100%; aspect-ratio: var(--w) / var(--h); position: relative; overflow: hidden; display: block; } .placeholder-crop > img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: var(--fx) var(--fy); display: block; }


/* Inherited Custom CSS from Template ID #18121 */

@charset "utf-8";
/* CSS Document */

#HeaderAd img {
    width:100%;
}


/* Secondary Forms Styles */
.siteforms label {font-weight: inherit;}
.siteforms .sub-label {font-size: 0.8em; opacity:.7;}
.siteforms p {margin: 10px 0;}

.siteforms input,
.siteforms select,
.siteforms textarea {margin: 0 0 8px;}

.siteforms textarea {resize: none; margin: 0 0 10px 0;}
.siteforms .input-group input[type="text"] {margin: 0;}
  
.siteforms .checkbox-inline label,
.siteforms .checkbox label,
.siteforms .radio-inline label,
.siteforms .radio label {font-weight: normal;}
 
.siteforms .radio-inline input,
.siteforms .radio input,
.siteforms .checkbox-inline input,
.siteforms .checkbox input {margin: 4px 0 8px -20px;}
.siteforms .radio-inline,
.siteforms .checkbox-inline {margin:10px 0; margin-left:15px;}

#divLoginLink {
  position:absolute;
  right:0;
  top:0px;
  z-index:999;
  font-size:0.9em;
  padding:1em;
  z-index:9999;
  background-color:rgba(255,255,255,.90);
}

#divLoginLink a {
  color:rgba(0,0,0,.75);
  text-decoration:underline;
}
/* General Site Styles */
body {
	margin: 0;
	padding: 0;
	background-color: #31455d;
	font-family: 'Arial', 'Tahoma', 'serif';	/*Defined by CMS*/
	font-size: 13pt;	/*Defined by CMS*/
}
pagetitle, .CSSSectionHeader{
	width: 0 !important;
	height: 0 !important;
	visibility: hidden !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

p {margin-bottom: 20px;}
#mainBody {background-color: #fff;}
#mainBodyDiv {padding: 60px 0;}
a, a:hover, a:focus {text-decoration: none;}
h1 {margin-bottom: 30px;}
#mainBodyDiv h1,
#mainBodyDiv h2,
#mainBodyDiv h3 {font-weight: bold;}

.video-spot {
  position: relative;
}

video {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

/*.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: rgba(0,0,0,0.6);
} */

.video-spot-content {
  width:100%;
  max-width: 1200px;
  margin: 0px auto;
  position: relative;
  color: #fff;
  z-index: 3;
  padding:5em 1em;
  text-align:center;
}

.video-spot-content h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 3.3em;
  color:#ffffff;
  line-height:1.25em;
  letter-spacing:0.0.5em;
  margin-bottom:0px;
}

.video-spot-content h2 {
    color:#ffffff;
    margin-bottom:2em;
    font-size:2.1em;
}

.video-spot-content h3 {
    color:#ffffff;
}

.video-spot-content a {
  display: inline-block;
  font-size: 1.5em;
  border-radius: 5px;
  background: #cccccc;
  color: #000000 !important;
  padding: 0.5em;
  text-align:center;
  max-width:600px;
  width:100%;
}

.video-spot-content a:hover {
  background: #000000;
  color: #ffffff !important;
}

.footertext, .footertext a {color: #fff;} /*Defined by CMS*/
h1, h2, h3, h4, h5, h6 {color: #db8d21;} /*Defined by CMS*/
/*a {color: #0052C2;} /*Defined by CMS*/
/*a:hover {color: #000;}*/
a, a:visited{color:#e39301;}
a:hover{color:#243954;}
.tableApp th{background-color:#e39301;}

/* ====== Advanced Pages Styles ====== */
.banner-btn a {
	display: inline-block;
	font-size: 24pt;
	color: #fff;
  	border-radius: 35px;
	background-color: #f2b01f;
	padding: 10px 42px;
	margin: 0 0 20px 0;
	font-weight: bold;
	text-align: center;
}
.banner-btn a:hover {
	color: #fff;
	background-color: #e89600;
}
.rounded-btn a {
  	display: inline-block;
    font-size: 22px;
    color: #000;
    border-radius: 8px;
    background-color: #f2b01f;
    padding: 10px 42px;
    margin: 0 0 20px 0;
    font-weight: bold;
    text-align: center;
}
.rounded-btn a:hover {
	background-color: #e89600;
}
a.small-banner-btn {
	display: inline-block;
	color: #fff;
  	border-radius: 35px;
	background-color: #f2b01f;
	padding: 10px 42px;
	margin: 0 0 20px 0;
	font-weight: bold;
	text-align: center;
}
a.small-banner-btn:hover {
	background-color: #e89600;
}
a.orange-btn {
	display: inline-block;
	font-size: 16pt;
	color: #fff;
	background-color: #e89600;
	padding: 8px 25px;
	margin-left: 40px;
	font-weight: bold;
	text-align: center;
}
a.orange-btn:hover {
	color: #000;
	background-color: #fff;
}
/* ====== Header Styles ====== */
#header {
	display: block;
	z-index: 998;
	background-color: #fff;
  	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
  	padding-bottom: 15px;
}
#topLogo {
	text-align: center;
	padding-top:1em;
}
#topLogo img {
	display: inline-block;
}

/* ====== Main Menu Styles ====== */

#menuBar {
	padding-top: 30px;
	padding-bottom: 20px;
}
#mainMenu,
#menuicon {
	text-transform: inherit;
	font-weight: normal;
	text-align: right;
}
#mainMenu li a,
#menuicon a {
	color: #243a54;
	font-size: 1.1em;
	padding: 18px 0;
	margin-right: 20px;
	display: inline-block;
	z-index:999;
}
#mainMenu li:last-child a,
#menuicon a,
#mainMenu li ul li a {
	margin-right: 0;
}
#mainMenu > li:last-child a {
	display: inline-block;
	color: #fff;
	background-color: #e89600;
	padding: 12px 25px;
	margin: 0;
	text-align: center;
}
#mainMenu > li:last-child a:hover {
	color: #fff;
	background-color: #31455d;
}
#mainMenu li a:hover,
#menuicon a:hover,
#mainMenu li:hover > a {
	color: #db8d21;
}
#menuicon a {
    text-transform:uppercase;
    
}
#menuicon span {
	font-size: 1.2em;
	float: inherit;
	vertical-align:top;
	margin-top:-0.2em;
}

/* ====== Dropdown Menu Styles ====== */

#mainMenu li ul { 
	text-align: left;
	z-index: 9999;
}
#mainMenu li ul li a {
	white-space: nowrap;
	color: #fff;
	background-color: #e89600;
	padding: 10px 15px;
}
#mainMenu li ul li a:hover {
	color: #fff;
	background-color: #c98200;
}
#mainMenu li ul li ul,
#mainMenu li:hover ul li ul,
#mainMenu li ul li:hover ul {display: none;}

/* ====== Footer Styles ====== */
#footer {
	padding-top: 70px;
	color: #fff;
	text-align: center;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #da8918;
}
#footer p{margin-bottom:5px;}
.footertext {
	font-size: 1em;
	margin: 5px 0;
	text-align: center;
	font-weight: normal;
}
.footertext a:hover {
	color: #da8918;
}

.social-div {
	margin: 10px auto 50px auto;
	text-align: center;
	color: #fff;
}
.social-div img {
	margin: 0 5px;
	display: inline-block;
}
/* ====== Homepage Styles ====== */

#topPOV img {
	width:100%;
  	height:auto;
}
#topBanner {
	background-image: url(/images/2020Edit1-HP-BG-TopPOV.jpg);
  	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
    padding-top: 160px;
  	padding-bottom: 160px;
  	color: #fff;
  	text-align: center;
}
#hpFiveSteps {
	background-color: #31455d;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #fff;
	text-align: center;
}
#hpFiveSteps a {
	color: #fff;
}
#hpFiveSteps a:hover {
	color: #e39301;
}
#hpBook {
	background-color: #fff;
  	padding-top: 50px;
}
#hpBook h2 {
	margin-bottom: 40px;
}
#directives {
	padding-top: 55px;
	background-color: #e1e1e1;
}
#directives h2 {
	color: #243a54;
	font-size: 3em;
	margin-bottom: 40px;
	margin-top: 0px;
	font-weight: bold;
	text-transform: uppercase;
  	text-align: center;
}
.flex-row.row,
.flex-row.row:after, 
.flex-row.row:before,
.flex-row.row > [class*='col-'] {
	 display: -webkit-flex;
	 display: -moz-flex;
	 display: -ms-flex;
	 display: -o-flex;
	 display: flex;
}
.flex-row.row:after, 
.flex-row.row:before {
	flex-wrap: wrap;
}
.flex-row.row > [class*='col-'] {
	 flex-direction: column;
   }
.flex-row .dir {
	flex:1 0 auto;
	flex-direction:column;
}
.dir {
	font-size: 1.1em;
	background-color: #fff;
	border: 2px solid #31455d;
	padding: 25px 12px;
	margin-bottom: 60px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
}
.dir img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.dir .dir-btn {
	text-align: right;
}
.dir .dir-btn a {
	background-color: #e89600;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	padding: 6px 25px;
}
.dir .dir-btn a:hover {
	background-color: #31455d;
}
#hpResources {
	background-color: #cad2d5;
	background-image: url(/images/2019-HP-BG-FindMentor.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 100px;
}
#resourcesBody {
	color: #243a54;
	text-align: center;
	margin-bottom: 80px;
	font-size: 2.8em;
}
#resourcesBody a.orange-btn {
	margin-left: 0;
	font-size: 0.6em;
	padding: 10px 50px;
}
#findMentorBody {
	margin-top: 100px;
	margin-bottom: 80px;
	text-align: right;
}
#findMentorBody img {
	display: inline-block;
}
#hpVideo {
	background-color: #fff;
	padding-top: 60px;
}
#hpVideo h3 {
	margin-top: 0;
}
#hpVideo h3 img {
	border-radius: 15px;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 25px;
}
#hpAbout {
	background-color: #e1e1e1;
	padding-top: 65px;
	font-size: 1.2em;
}
#hpAbout h2 {
	color: #243a54;
	font-size: 2.2em;
	margin-bottom: 40px;
	margin-top: 0px;
	font-weight: bold;
	text-transform: uppercase;
}    
#aboutPhotos img {
	display: inline-block;
	border: 2px solid #31455d;
	margin: 0 20px 40px 0;
	float: left;
}
#hpContent {
	margin-bottom: 70px;
}
#hpWhatPeopleSaying img {
	width: 100%;
	height: auto;
}
/* ====== Custom Responsive Styles ====== */
@media screen and (max-width:1550px) {
	#mainMenu li a {
	    font-size:0.9em;
	    margin-right: 12px;
	}
}
@media screen and (max-width:992px) {
	.footertext, .social-div {text-align: center;}
	.flex-row.row, .flex-row.row:after, .flex-row.row:before {display: block;}
	#findMentorBody {text-align: center;}
}
@media screen and (max-width:768px) {
	#topLogo, #mainMenu, #menuicon {
	    text-align: center;
	}
	 #divLoginLink {
	     position:relative;
	 }
  	.hp3links { margin:25px 0; }
}
@media screen and (max-width:342px) {
  	body {word-wrap: break-word;}
  	#divLoginLink, .divAppSignOut { text-align:center !important; }
}






/* Custom CSS from Template ID #21269 */

.white-line {
	background-color: #fff;
  	padding-top: 60px;
  	padding-bottom: 60px;
}
.grey-line {
	background-color: #e1e1e1;
  	padding-top: 60px;
  	padding-bottom: 60px;
}
.dark-line {
	background-color: #3c3c3c;
  	padding-top: 60px;
  	padding-bottom: 60px;
}
.grey-line a.orange-btn,
.white-line a.orange-btn {
	background-color: #f2b01f;
}
.grey-line a.orange-btn:hover,
.white-line a.orange-btn:hover {
  	background-color: #e89600;
  	color: #fff;
}
.advanced-banner {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

a.red-btn {
	display: inline-block;
    font-size: 16pt;
    color: #fff;
    background-color: #b90404;
    padding: 10px 25px;
    margin-left: 40px;
    font-weight: bold;
    text-align: center;
}
a.red-btn:hover {
	background-color: #920000;
}
a.blue-btn {
	display: inline-block;
    font-size: 16pt;
    color: #fff;
    background-color: #0069ff;
    padding: 10px 25px;
    margin-left: 40px;
    font-weight: bold;
    text-align: center;
}
a.blue-btn:hover {
	background-color: #004ab4;
}



.step-col {
	padding-left: 40px;
  	padding-right: 40px;
  	color: #645b5b;
  	font-size: 16px;
  	margin-bottom: 40px;
}
.step-col img {
  	display: inline-block;
  	margin: 0 3px 20px -30px;
  	float: left;
}
.benefit-col {
  	padding-left: 110px;
  	color: #645b5b;
  	margin-bottom: 50px;
}
.benefit-col img {
  	display: inline-block;
  	margin: 0 40px 20px -80px;
}
.coverage-col {
  	color: #645b5b;
  	background-color: #fff;
  	margin-bottom: 50px;
  	padding: 60px;
}
.coverage-col img {
	display: block;
  	margin: 0 auto 20px auto;
}
.check-col {
	padding-left: 40px;
  	padding-right: 40px;
  	color: #645b5b;
  	font-size: 14px;
}
.check-col p {
	margin-bottom: 10px;
}
.check-col img {
  	display: inline-block;
  	margin: 0 3px 20px -30px;
  	float: left;
  	width: 15px;
}
.tool-col {
  	color: #2d2d2d;
  	background-color: #fff;
  	padding: 15px 15px 0 15px;
  	font-size: 14px;
}
.tool-img {
	background-color: #fff;
}

.flex-row.row {
	 display: flex;
	 flex-wrap: wrap;
}
.flex-row.row:after, 
.flex-row.row:before {
	 display: flex;
}
.flex-row.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
  	 margin-bottom: 40px;
}
.flex-row.row .tool-col {
	flex: 1 0 auto;
  	flex-direction: column;
}

@media screen and (max-width:992px) {
  .coverage-col {text-align: center;}
}
/* Mentor Training Level 1 Styles */

#mtl1TopBanner,
#mtl1About,
#mtl1Benefits,
#mtl1Coverage,
#mtl1Testimonial,
#mtl1Steps,
#mtl1Video {
  	font-family: 'Open Sans';
}
#mtl1TopBanner {
  	background-image: url(/images/2020-mtl1-BG-TopPOV.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 220px;
    padding-bottom: 220px;
    color: #fff;
    text-align: center;
}
#mtl1TopBanner h1 {
	color: #fff;
  	margin-top: 0;
}
#mtl1About {
    padding-bottom: 90px;
}
#mtl1About h2,
#mtl1Benefits h2,
#mtl1Coverage h2,
#mtl1Steps h2 {
  	margin-bottom: 50px;
  	color: #4f4f4f;
}
#mtl1Testimonial {
	color: #fff;
  	background-image: url(/images/2020-mtl1-BG-MidBanner.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 160px;
    padding-bottom: 140px;
}
#mtl1Testimonial hr {
	margin: 60px auto;
  	border-top: 1px solid #fff;
  	width: 365px;
}
#mtl1Steps {
	color: #4f4f4f;
    padding-bottom: 100px;
}
#mtl1Video {
	color: #fff;
  	padding-top: 100px;
  	text-align: center;
}

/* Mentor Training Level 2 Styles */
#mtl2TopBanner,
#mtl2About,
#mtl2Testimonial,
#mtl2Includes {
	font-family: 'Open Sans';
}
#mtl2TopBanner {
  	background-image: url(/images/2020-mtl2-BG-TopPOV.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 140px;
    color: #fff;
}
#mtl2TopBanner h1 {
  	margin-top: 0;
}
#mtl2TopBanner h2 {
	color:#fff;
  	margin-bottom: 30px;
}
#mtl2TopBanner .banner-btn {
	text-align: right;
}
#mtl2TopBanner a.small-banner-btn {
  	color: #000;
}
#mtl2TopBanner .rounded-btn a {
	font-size: 18px;
  	color: #000;
}
#mtl2About h2,
#mtl2Includes h2 {
  	margin-top: 0;
	margin-bottom: 40px;
  	color: #000;
  	font-weight: bold;
  	font-family: 'Roboto Slab';
  	font-weighjt: bold;
}
#mtl2Testimonial {
	padding-top: 60px;
    padding-bottom: 60px;
  	color: #fff;
  	background-color: #1c2025;
}
#mtl2Includes h2 {
	margin-bottom: 20px;
}
#mtl2Includes h3 {
	color: #1b2125;
  	margin-bottom: 60px;
}
#mtl2Includes img {
	margin-bottom: 50px;
  	width: 100%;
  	height: auto;
}
#mtl2Includes .rounded-btn a {
  	width:100%;
  	height: auto;
}

/* Mentor Training Level 3 Styles*/
#mtl3mattLoehr,
#mtl3drEmerson,
#mtl3Inclides,
#mtl3Courses {
	font-family: 'Open Sans';
}
#mtl3TopBanner {
  	background-image: url(/images/2020-mtl3-BG-TopPOV.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 140px;
  	color: #404040;
}
#mtl3BannerBody {
	background-color: rgba(255,255,255,0.65);
  	padding: 90px 90px;
}
#mtl3TopBanner h1 {
  	margin-top: 0;
}
#mtl3About {
	background-color: #fefaf9;
  	padding-top: 60px;
  	padding-bottom: 60px;
}
#mtl3drEmerson {
	padding-top: 65px;
    padding-bottom: 65px;
  	color: #5a5a5a;
  	background-color: #fff;
}
#mtl3drEmerson h2 {
	margin-bottom: 40px;
  	color: #595959;
  	margin-bottom: 10px;
}
#mtl3Inclides {
  	color: #5a5a5a;
}
#mtl3Inclides .step-col h3 {
	margin-bottom: 40px;
}
#mtl3Courses {
	background-color: #fefaf9;
  	padding-top: 80px;
  	padding-bottom: 80px;
  	font-size: 20px;
  	color: #5a5a5a;
}
#mtl3Courses h2,
#mtl3GetStarted h2 {
	margin-bottom: 40px;
}
#mtl3Courses ul {
	line-height: 2em;
}
#mtl3mattLoehr {
	padding-top: 65px;
    padding-bottom: 65px;
  	color: #5a5a5a;
  	background-color: #fff;
}
#mtl3mattLoehr h2 {
	margin-bottom: 40px;
  	color: #595959;
  	margin-bottom: 10px;
}
#mtl3GetStarted {
	background-color: #E1E1E1;
}
#mtl3GetStartedBody {
  	/* background-image: url(/images/2020-mtl3-BG-BottomBanner.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; */
    padding-top: 40px;
    padding-bottom: 70px;
}
#mtl3GetStarted a.orange-btn {
	width: 100%;
  	height: auto;
  	margin: 0;
}
#mtl3GetStarted a.orange-btn:hover {
  background-color: #31455d;
  color: #fff;
}

/* General Overview Styles */

#mtgoTopBanner {
  	background-image: url(/images/2020-mtlgo-BG-TopPOV.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 160px;
    padding-bottom: 340px;
    color: #3a3a3a;
}
#mtgoTopBanner h1 {
  	margin-top: 0;
  	color: #3a3a3a;
}
##mtgoTopBanner,
#mtgoAbout,
#mtgoBenefits,
#mtgoCoverage,
#mtgoVideos,
#mtgoTestimonial,
#mtgoHowToStart,
##mtgoSteps,
##mtgoGetStarted,
##mtgoLearnMore {
  	font-family: 'Open Sans';
}
#mtgoBenefits h2,
#mtgoCoverage h2,
#mtgoHowToStart h2,
#mtgoHowToStart h3,
#mtgoSteps h2 {
  	margin-bottom: 50px;
  	color: #4f4f4f;
}
#mtgoVideos {
  	padding-top: 100px;
  	padding-bottom: 100px;
}
#mtgoVideos h3 {
	margin-top: 0;
  	margin-bottom: 40px;
  	color: #fff;
}
#mtgoVideos .mtgo-video {
	margin-bottom: 70px;
}
#mtgoVideos .banner-btn a {
	font-size: 18px; 	
}
#mtgoTestimonial {
	color: #fff;
  	background-image: url(/images/2020-mtlgo-BG-Testimonial.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 160px;
    padding-bottom: 140px;
}
#mtgoTestimonial hr {
	margin: 60px auto;
  	border-top: 1px solid #fff;
  	width: 365px;
}
#mtgoHowToStart {
  	color: #575757;
}
#mtgoHowToStart ul {
	margin-bottom: 60px;
}
#mtgoHowToStart ul li {
	margin-bottom: 10px;
}
#mtgoSteps {
	color: #4f4f4f;
    padding-bottom: 100px;
}
#mtgoGetStarted {
  	padding-top: 90px;
  	padding-bottom: 90px;
}
#mtgoGetStarted h2 {
	color: #fff;
  	font-family: 'Open Sans';
}
#mtgoGetStarted .banner-btn a,
#mtgoLearnMore .banner-btn a {
	font-size: 18px;
}
#mtgoLearnMore {
  	padding-top: 90px;
  	padding-bottom: 90px;
}
#mtgoLearnMore h2 {
	color: #3e3c3c;
  	font-family: 'Open Sans';
}
/* Mentor Support System Styles */

#mssTopBanner {
  	background-image: url(/images/2020-mss-BG-TopPOV.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 140px;
    padding-bottom: 160px;
    color: #fff;
  	font-family: 'Open Sans';
}
#mssTopBanner h1 {
	color: #fff;
  	margin-top: 0;
}
#mssTopBanner .orange-block {
	padding: 15px;
  	background-color: #e89600;
  	color: #fff;
  	margin: 40px auto;
  	display: block;
}
#mssTopBanner .orange-block p {
	margin-bottom: 0;
}
#mssTopBanner .banner-btn a {
	font-size: 20px;
  	background-color: #2e2edd;
}
#mssTopBanner .banner-btn a:hover {
	background-color: #31455d;
}
#mssAbout {
	padding-top: 60px;
    padding-bottom: 60px;
  	background-color: #fff;
  	font-family: 'Open Sans';
  	color: #636363;
}
#mssAbout h2 {
  	margin-bottom: 50px;
  	color: #636363;
}
#mssAbout a.orange-btn {
	font-size: 20pt;
}
#mssAbout a.orange-btn:hover {
	background-color: #31455d;
  	color: #fff;
}
#mssTools {
	padding-top: 60px;
    padding-bottom: 90px;
  	background-color: #edecec;
  	font-family: 'Open Sans';
  	color: #636363;
}
#mssTools h2 {
  	margin-bottom: 30px;
  	color: #000;
}
#mssWhatMentorsSaying {
	padding-top: 60px;
    padding-bottom: 60px;
  	background-color: #fff;
  	font-family: 'Open Sans';
  	color: #636363;
}
#mssWhatMentorsSaying h2 {
  	margin-bottom: 20px;
  	color: #000;
}
#mssWhatMentorsSaying a.orange-btn {
	font-size: 20pt;
}
#mssWhatMentorsSaying a.orange-btn:hover {
	background-color: #31455d;
  	color: #fff;
}
#mssCopyright {
	padding-top: 60px;
    padding-bottom: 60px;
  	background-color: #d0d1d3;
  	font-family: 'Open Sans';
  	color: #fff;
}

/* Courses and Classes Styles */

#rtbBanner {
	background-image: url(/images/2020-RoundTheBases-BG-TopBanner.jpg);
  	padding-top: 220px;
  	padding-bottom: 120px;
}
#rtbBannerContent {
	background-color: #e1e1e1;
  	padding: 40px 80px;
    opacity: 0.8;
}
#dnBanner {
	background-image: url(/images/2020-DateNight-BG-TopBanner.jpg);
  	padding-top: 400px;
  	padding-bottom: 100px;
}
#dnBanner h1,
#dnBanner h2,
#dnBanner h3 {
	font-family: 'Oswald'; 	
}
#wgybConferenceBanner {
	background-image: url(/images/2020-WGYBConference-BG-TopBanner.png);
  	padding-top: 220px;
  	padding-bottom: 220px;
}
#wgybConferenceBanner h1,
#wgybConferenceBanner h2,
#wgybConferenceBanner h3 {
	font-family: 'Oswald'; 	
}
#classesBanner {
	background-image: url(/images/2020-Classes-BG-TopBanner.jpg);
  	padding-top: 220px;
  	padding-bottom: 120px;
}
#classesBanner h1,
#classesBanner h2,
#classesBanner h3 {
	color: #d8d8d8;
}
#conferencesBanner {
	background-image: url(/images/2020-Courses-BG-TopBanner.jpg);
  	padding-top: 220px;
  	padding-bottom: 120px;
}
#conferencesBannerContent {
	background-color: #e1e1e1;
  	opacity: 0.8;
  	padding: 80px 80px;
}

#conferencesBannerContent h1 {
	font-size: 72px;
}


/* Resources for All Couples Styles */

#rfacBanner {
	background-image: url(/images/2020-ResourcesForAllCouples-BG-TopBanner.jpg);
  	padding-top: 220px;
  	padding-bottom: 220px;
}
#rfacBanner h1,
#rfacBanner h2,
#rfacBanner h3 {
	font-family: 'Oswald'; 	
}
a.dark-blue-btn {
	display: inline-block;
    font-size: 16pt;
    color: #fff;
  	width: 100%;
    background-color: #292b5f;
    padding: 8px 25px;
    font-weight: bold;
    text-align: center;
}
a.dark-blue-btn:hover {
  	color: #fff;
  	background-color: #e39301;
}

/* Marriage Mentoring Styles */

#marriageMentoringBanner img {
	width: 100%;	
  	height: auto;
}

/* Store Products Styles */

#advStore h2 {
  	font-size: 36px;
	margin-bottom: 50px;
}
#advStore h4,
h4.product-title {
	font-weight: bold;
	margin-top: 20px;
  	margin-bottom: 10px;
  	font-size: 1.2em;
}
#advStore h5 {
	font-weight: bold;
	margin-top: 0;
  	font-size: 1em;
}
.product,
.store-video {
    margin-bottom: 1em;
  	font-size: 0.8em;
}
.macroDataViewResultsNotFound {
	padding: 0 15px;
}
.product-price {	
	font-weight: normal;
  	color: #000;
  	text-decoration: line-through;
}
.product-sale-price {	
	font-weight: bold;
  	color: #ed8c25;
}
.product-description {
	font-size: 0.8em;
} 
.product-image {
  	box-sizing: border-box;
  	text-align: center;
  	overflow: hidden;
  	margin-bottom: 1em;
  	padding: 5% 2%;
  	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
}
.product-image img {
    display: inline-block;
    max-height: 300px;
    margin: 0 auto;
}
#advStore a.blue-btn { 
    padding: 8px 25px;
  	font-size: 12pt;
  	display: inline-block;
}



@media screen and (max-width:768px) {
  #conferencesBannerContent {padding: 80px 20px;}
  #conferencesBannerContent h1 {font-size: 44px;}
}
@media screen and (max-width:360px) {
  #conferencesBannerContent {padding: 80px 20px;}
  #conferencesBannerContent h1 {font-size: 33px;}
}