

/**** UPDATED 3:11****/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

h1, .h1, .PageTitle, .PanelTitle {
    font-family: Raleway, sans-serif,Verdana !important;
    /*font-weight: 700;*/
    color: #cc0033 !important;
}

h2, .h2 {
    font-family: Raleway, sans-serif,Verdana !important;
    font-weight: 400;
    color: #000000 !important;
}

h3, .SectionTitle {
    font-weight: bold !important;
    font-family: inherit !important;
}

h4 {
    font-weight: bold !important;
    font-family: Raleway, sans-serif,Verdana !important;
}

.SocialSprite {
    width: 37px;
    height: 37px;
}

body {
 font-family: Open Sans, sans-serif  !important;
  font-size: 16px !important;
  line-height: 1.6;
  color: #333333;
}

.topBkg {
    height: 150px;
}

.header-top-container {
    height: 150px;
    background-color: #19479d;
    /* background-image: url(/images/safety/home/layout/Safety2020WebHeader-TextureBackBig.png); */
    background-repeat: no-repeat;
    border-bottom: solid 5px;
}

.topBKG {
    background-color: #19479d;
    background-image: url(/images/matscitech/layout/headerFull.jpg);
    background-repeat: no-repeat;
    height: 150px !important;
}
    /* account area - this keeps the acct area visible all the way*/

    @media (max-width: 991px) {
        .account-toggle .nav-text, .account-toggle.dropdown-toggle .caret {
            position: static;
            left: 0 !important;
            font-size: inherit !important
        }
    }



/*move content up*/
#masterContentArea {
    margin-top: 20px;
}

#masterHeaderBackground, .header {
    border-bottom: 2px solid #8b8b8b !important;
}





.breadcrumb{margin-top:15px !important;margin-bottom:15px !important;}

/* BACK TO TOP */
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 20px;
    text-decoration: none;
    color: #fff;
    background-color: #25408f;
    font-size: 13px;
    padding: 1em;
    display: none;
    border-radius: 25px;
}

    .back-to-top:hover {

    transition-duration: 300ms;
    border-radius: 15px;
    background-color: #97c7b0;
color:#000;
font-weight:bold;
        text-decoration:none;


    }


/*sticky*/
.navbar-fixed {
    top: 0;
    z-index: 200;
    position: fixed;
    width: 100%;
}
/*stripstuff*/

/*adjusting left onbehalf right*/
#ctl01_cinavUtiilitystripLeft_UtilityPlaceholder > div.UtilitySection.OnBehalfOf
{
  margin-left:20px;
}
/*this hides the onbehalf above when too small*/
@media (max-width: 525px) {
   #ctl01_cinavUtiilitystripLeft_UtilityPlaceholder > div.UtilitySection.OnBehalfOf {
    display: none;
   }
}

#headerLogoImage
{
  margin-top: 17px;
}

@media (max-width: 840px) {
   #headerLogoImage {
    margin-top: 15px;
    /* margin-left: 85px; */
    max-width: 600px;
   }

}

@media (max-width: 660px) {
   #headerLogoImage {
    margin-top: 25px;
    margin-left: 0;
    max-width: 500px;
   }

}
/**hmm**/
@media (max-width: 525px) {
   #headerLogoImage {
    margin-left: 0;
    max-width: 400px;
    margin-top: 35px;
   }
}




.nav-auxiliary a {
    color: #ffffff !important;
    font-size: 16px;
    text-decoration: none;
}
.UtilityNavigation .account-menu > li > a {
    font-weight: normal;
}
.nav-auxiliary .NavigationListItem {
    margin-bottom: 3px;
}
.tmsorg:after {
  content: ' | ';
margin-right:10px;
}
/* not used
.tmsorg:before {
  content: ' | ';
}
*/


.account-toggle{padding:0}

/*adjust sign in to be centered and match when logged in
#ctl01_ciNewUtilityNavigationCommon_ctl03_SignInLI{padding-top:5px}
*/
/* push dropdown left to adjust when screen reduces */
.dropdown-menu {
    left: -65px;
}
/* hide obo next to account */
#ctl01_cinavUtiilitystripRight_ctl09_OBOToggleLI{display:none !important}
.obo-panel{line-height:0;margin-bottom:0;}

/* keep account visible all the way */
    @media (max-width: 767px) {
        .account-toggle .nav-text, .account-toggle.dropdown-toggle .caret {
            position: static;
            left: 0 !important;
            font-size: inherit !important
        }
        #ctl01_ciNewUtilityNavigationCommon_UtilityPlaceholder
        {
            /*padding-top:5px;*/
            padding-right:5px;
        }
        #ctl01_ciNewUtilityNavigationCommon_ctl03_SignInLI{padding-top:0}
    }
/* */
.dropdown-toggle{
padding-left:0;
}

/*account text*/

.dropdown-menu > li > a, .dropdown-menu > li > div {
    color: #888 !important;
}

/*account - hide picture*/
.account-menu .profile-picture-wrapper {
    width: 0;
    display: none;
}

/* header */

.header {
    padding-top: 0;
padding-bottom:0;
}

.header-bottom-container {
    display: none !important;
    background-color: #CD0033 !important;
    height:54px;
}


#masterLogoArea{
margin-left: 0 !important;
margin-top: 0 !important;
}






#mainContentWrapper
{
margin-top:10px;
}




/* footer */

.footer-content {
    background-color: #b7b6b5;
    padding-top: 0;
    color: #fff;
}
.footer-nav-copyright {
    text-align: center !important;
}
.footer-nav-copyright .NavigationUnorderedList, .footer-nav-copyright .footer-copyright {
    float: none;
}



.header-logo-container {
    float: none;
    text-align: center;
}

