@import url('responsive.css');
html, body, #s4-bodyContainer {
    overflow: auto;
}
form{
    margin-bottom:0;
}
#DeltaPageStatusBar #pageStatusBar {
    margin-bottom: 0;
}
/* built-in SP tag. remove extra space at bottom */

/*H tags*/
h1{
    font-size:30px;
}

h2{
    font-size:24px;
}

h3{
    font-size:20px;
}

h4{
    font-size:18px;
}

h5{
    font-size:16px;
}

h1,h2,h3,h4,h5{
    color:#3e3e3e!important;
}

.emnprivacyservice_button{
    color:#444!important;
}
#loader {  
    position: fixed;  
    left: 0px;  
    top: 0px;  
    width: 100%;  
    height: 100%;  
    z-index: 9999;  
    background: url('/_layouts/15/1033/Responsive/images/loader.gif') 50% 50% no-repeat rgb(249,249,249);  
} 
/* s4-bodyContainer */
#s4-bodyContainer {
    color: #323232;
    padding-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
}
    /* all images responsive */
    #s4-bodyContainer img {
        height: auto;
        max-width: 100%;
    }

    #s4-bodyContainer a:link {
        color: #707070;/*#323232;*/
    }

    #s4-bodyContainer a:visited {
        color: #707070;/*#323232;*/
    }

    #s4-bodyContainer a:hover {
        color: #323232;
    }

    #s4-bodyContainer a:active {
        color: #323232;
    }

    /*#s4-bodyContainer h1, h2, h3, h4, h5 {
        color: #323232;
        font-weight: bold;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
    }*/
/* end s4-bodyContainer */

/* header */
#header { padding-top: 20px; background-repeat: no-repeat; position: relative; background-size: cover; background-position: center center; }
   
    #header .angle { width: 0; height: 0; border-style: solid; border-width: 0 200px 75px 0; position: absolute; right: 0; top: 0; z-index: 10; }
        #header .angle.emn { border-color: transparent #0f75bc transparent transparent; }
        #header .top-logo { z-index: 9; }
    #header .top-nav { padding-top: 0; z-index: 9; }
       
/* end header */

/* wrapper */
#wrapper {
    /*min-height: 100%;*/
    height: auto !important;
    height: 100%;
    /*margin-bottom: -71px;*/
}

    /*#wrapper:after {
        content: "";
        display: block;
        height: 63px;
    }*/
/* end wrapper */

/* Image sprites begin */
.social-bg { background: url('/_layouts/15/Images/Eastman/socialnew.png'); height: 16px; display: inline-block; }
.social-fb { background-position: -24px 0; }
.social-tw { background-position: 0 0; }
.social-yt { background-position: 42px 0; }
.social-inst { background-position: 24px 0; }
.social-li { background-position: -49px 0; }
.social-fb:hover { background-position: -24px 16px; }
.social-tw:hover { background-position: 0 16px; }
.social-yt:hover { background-position: 42px 16px; }
.social-inst:hover { background-position: 24px 16px; }
.social-li:hover { background-position: -49px 16px; }
div.socialIcons { margin-left: 502px; height: 5px; }
/* Image sprites end */

/* footer */
#footer {
    background-image: url('../images/EmnFooter-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: white;
    padding-top: 15px;
    font-size: 12px;
}

    #footer a:link {
        color: white;
    }

    #footer a:visited {
        color: white;
    }

    #footer a:hover {
        color: white;
    }

    #footer a:active {
        color: white;
    }

    #footer .row > div {
        padding-bottom: 20px;
    }

    #footer .copyright {
        font-size: 10px;
        line-height: 11px;
        padding-top: 10px;
    }
/* end footer */

/* nav overrides */
/*#zz1_TopNavigationMenu a.popout { background-image: none !important; padding-right: 0 !important; }
#zz1_TopNavigationMenu img.icon { border-style:none;vertical-align:middle; }
	 #zz1_TopNavigationMenu img.separator { border-style:none;display:block; }
	 #zz1_TopNavigationMenu img.horizontal-separator { border-style:none;vertical-align:middle; }
	 #zz1_TopNavigationMenu ul { list-style:none;margin:0;padding:0;width:auto; }
	 #zz1_TopNavigationMenu ul.dynamic { z-index:1; }
	 #zz1_TopNavigationMenu a { text-decoration:none;white-space:nowrap;display:block; color:white !important ;}
	 #zz1_TopNavigationMenu a.static { text-decoration:none;border-style:none;padding-left:0.15em;padding-right:0.15em; }
	 #zz1_TopNavigationMenu a.popout { background-image:url("/WebResource.axd?d=uM1jjYWc8soA_F5h8PlmisLe0P2ApZqXeM0KX-8oaKtWZkgf6qLpunUOCWm_KBjUKvxzPh3um_d-o4i0irU9ZhBlHcJO3jergECsDd6Sxwf9bj2OsINQ-IgMOQg6Z1NJ0&t=636768332402700171");background-repeat:no-repeat;background-position:right center;padding-right:14px; }
	 #zz1_TopNavigationMenu a.static.selected { text-decoration:none;border-style:none; }*/
/* end nav overrides */

.flexnav.flexnav-show { margin-top: -20px !important; }
.flexnav .touch-button{height:48px;}

/*page layout*/
.noteField {
    width: 540px;
    height: 60px;
}
.ms-long {
    width: 540px;
}

/*carousel */
* .brand-video-container video[poster] {
	max-width: 100%;
}

.brand-video-container {
	width: 100%;
	overflow: hidden;
}

@media(max-width:1024px) {
    #brands-carousel{
            margin-top:10px;
        }
}

.item .carousel-caption h3 a{
    color:#fff;
    text-shadow: 0 3px 4px rgba(0, 0, 0, .6);
}

.item .carousel-caption h3 a:hover{
    text-decoration: none;
} 

/*end carousel*/

/* desktop only */
@media (min-width: 992px) {

     /*nav styles*/
    /*a.level2.dynamic { color: white !important; font-size: 15px; padding-left: 5px; text-transform: capitalize; text-align: left; }
    li.dynamic { background: #4a4949; }
    ul.dynamic { min-width: 215px; text-align: center; }
    .home-nav-container { padding-left: 58px; position: relative; top: 32px; }
    ul.dynamic { border: none; }
    #s4-bodyContainer #zz1_TopNavigationMenu > ul > li > a:link, #s4-bodyContainer #zz1_TopNavigationMenu > ul > li > a:visited { font-weight: bold; color: #444; }
    #zz1_TopNavigationMenu a.static.selected, a.level1.highlighted { color: #000 !important; }
     #zz1_TopNavigationMenu a { color:black !important; }

     #zz1_TopNavigationMenu ul li a:hover + .hidden, .hidden:hover {
	display: block;
}*/
    /*end nav styles*/

    /*footer*/
    #footer, .push {
        height: 80px;
    }

    #footer {
        text-align: left;
    }

        #footer .links {
            text-align: left;
        }

            #footer .links .divider {
                padding: 0 8px;
            }

        #footer .social {
            text-align: center;
        }

        #footer .row > div {
            padding-bottom: 0;
        }

    .footer-logo {
        display: none;
    }

    .trademark {
        text-align: right;
    }
    /*end footer*/

}
/* end desktop only */

