/***** 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;  
} 
/* Chrome, Edge, Safari */
html::-webkit-scrollbar {
    width: 20px;
}

html::-webkit-scrollbar-track {
    background: #d9dce3;
}

html::-webkit-scrollbar-thumb {
    background: #ff2a00;
    border: none;
    border-radius: 0 !important;
}

html::-webkit-scrollbar-thumb:hover {
    background: #e62600;
}

/* Firefox */
html {
    scrollbar-width: auto;
    scrollbar-color: #ff2a00 #d9dce3;
}
/*-------- 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 --------*/
:root {
  --body: "eurostile", sans-serif;
  --primary: #060040;
  --secondary: #EA2015;
  --dark: #222;
  --black: #000;
  --white: #ffffff;
}
body {
  font-family: var(--body) !important;
}
p {
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--body);
}
a:active, a:link, a:visited {
  text-decoration: none
}
a:hover {
  text-decoration: none
}
hr {
  border: #000 1px solid
}

/*--- HEADER STYLES ---------------------*/


header {
    padding: 18px 0 12px;
    background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }
.logo {max-width: 200px;width: 100%;}
.logo img {max-width: 100%;width: 100%;}
#header {
  width: 100%;
  transition: all 0.3s ease;
}

#header.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #fff;

}
/*---BODY--------------------------------*/

.wid90 {
  width: 90%;
  margin: 0 auto
}
.wid80 {
  width: 80%;
  margin: 0 auto
}
.flex-container {
  display: flex
}
.grid-container {
  display: grid
}
.page-wid {
    margin: 0 auto;
    width: 1440px;
    max-width: 94%;
    position: relative;
}
.center {
  text-align: center
}
.pad-xl {
  padding-top: 50px !important;
  padding-bottom: 50px !important
}
.pad-xl-top {
  padding-top: 50px !important
}
.pad-l-top {
  padding-top: 25px !important
}
.pad-l-bottom {
  padding-bottom: 25px !important
}
.pad-xl-bottom {
  padding-bottom: 50px !important
}
.pad-l {
  padding-top: 25px !important;
  padding-bottom: 25px !important
}
.relative {
  position: relative
}
.base-align {
  align-items: baseline
}
.align-center {
  align-items: center
}
.align-top {
  align-items: flex-start !important
}
.content-center {
  align-content: center !important
}
.just-center {
  justify-content: center
}
.just-between {
  justify-content: space-between
}
.just-end {
  justify-content: flex-end
}
.align-right {
  text-align: right
}
.align-left {
  text-align: left
}
#block, .block {
  display: block
}

.inline {
  display: inline
}


/*--------FORM STYLES--------------------*/

.primary-btn {background:var(--secondary);border-color:var(--secondary)}
.btn-style {
    font-family: var(--body) !important;
    font-size: 18px;
    font-weight: normal;
    border-radius: 6px;
    line-height: 1;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    padding: 15px 30px;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
    text-transform: capitalize;
    color: #ffffff;
    border: none;
    outline: 0;
    background: var(--secondary);
    appearance: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

header .primary-btn {border-radius: 6px;
    position: relative;
    padding: 16px 31px;
    font-size: 18px;
    text-align: center;
    color: #fff;}

.outline-btn {    border-radius: 6px;
    position: relative;
    padding: 16px 31px;
    font-size: 18px;
    text-align: center;
    color: #000;
    border: 1px solid #000;
    background: #fff;}

.btn-style:hover {box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);}
.primary-btn:hover {background: #c11a01;}
/*-------- FOOTER STYLES ----------------*/
footer{background-color:var(--dark);}

.footer-wrapper {gap: 4em;padding: 40px 0;}
.foot-logo img {
    max-width: 100%;
    width: 350px;
}
.foot-col:first-of-type {flex:2;}
.foot-col {
    flex: 1;
}
.foot-col p {
    font-size: 14px;
    line-height: 171%;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 599;
}

.foot-col ul li a {    display: block;
    margin-bottom: 22px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.7);transition:.3s all;}
    .foot-col ul li a:hover {color:#fff;}

    .foot-col ul li strong {    color: #fff;
    margin-bottom: 22px;
    display: block;
    text-decoration: none;
    pointer-events: none;font-size: 22px;
    cursor: text;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/







/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1450px) {
	header .primary-btn,header .outline-btn  {padding: 15px;font-size: 16px;}
}

@media only screen and (max-width: 1100px) {
.footer-wrapper {flex-wrap:wrap;}
.foot-col:first-of-type {flex-basis: 100%;}
}
@media only screen and (max-width: 845px) {

	header .primary-btn,header .outline-btn  {display: none;}
.foot-col {flex-basis: 45%;}
}
@media only screen and (min-width:768px) and (max-width: 1130px) {
	
}


@media only screen and (max-width: 767px) {

	
}