﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.header {
    margin: 0 auto;
    	background: #b3b3b3 !important;
    border-top: #011689 4px solid !important;
    border-bottom: #011689 4px solid !important;
   
}


.head-content {
    width: 95%;
    margin: 0 auto;
    display: flex;
}

#logo {
    
}
#logo img {
   padding-top: 30px; 
  
}



/*---BODY--------------------------------*/

/*-------- FOOTER STYLES ----------------*/
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color: white;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:white;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:white;}

.divfooter { width: 90%; text-align:center; margin:0 auto; padding: 10px 0px;}

.footer {
    width: 100%;
    margin: 0;
    background: rgba(39,39,39,1.00)
}






/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/


.hs-btn.hs-highlighted {
    background: #011689 !important;
    color: white !important;
}
.hs-btn.hs-highlighted:hover  {
    background: #b3b3b3 !important;
    color: #000 !important;
}



/*---------- RESPONSIVE STYLES ----------*/

@media screen and (max-width: 1830px){ 
    .head-content {
        width: 100%;
    }   
    #logo {
        
        padding-left: 10px;
    }
}
@media only screen and (max-width: 1460px) {
    .header {
   width: 100%;
}

    
}

@media only screen and (max-width: 1250px) {
    #logo img {
        padding: 16px;
        
    }
  
}
@media only screen and (max-width: 1050px) {

}
@media screen and (max-width: 1043px) {
    .head-content {
        display: inline-block;
    }
       #logo {
        padding: 0;
        text-align: center;
        width: 100%;
    }
}



