@charset "UTF-8";




/*  Menu Buttons  */
:root {
     --main-bg: #fff;
    --menu-bg: #fff;
    --menu-font-color: #000000;
    --menu-border: #000000;
    --menu-bg-selected: #fff;
    --menu-bg-hover: #fff;
	--menu-font-hover: #D11515;	
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h1 {
color: #24292e;
font-family: 'Bebas Neue', serif;
font-size: 55px;
font-style: normal;
font-weight: 400;
height: auto;
line-height: 66px;
text-align: center;
text-size-adjust: 100%;
}

h2 {
color: #24292e;
font-family: 'Bebas Neue', serif;
font-size: 42px;
font-style: normal;
font-weight: 400;
height: auto;
line-height: 40px;
text-align: center;
text-size-adjust: 100%;
}

h3 {
color: #D11515; 
font-family: 'Bebas Neue', serif;
font-size: 32px;
font-style: normal;
font-weight: 400;
height: auto;
line-height: 40px;
text-align: left;
text-size-adjust: 100%;
}

p {
box-sizing: border-box;
display: block;
color: black;
letter-spacing: 1px;
font-family: 'Bebas Neue', serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
text-size-adjust: 100%;
}


.bullets-ap {
	font-size: 18px;
	color: black;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 400;
	text-align: left;
	line-height: 1.5;
}

.forms {
	font-size: 23px;
	color: #D11515;
	font-family: 'Bebas Neue', serif;
	font-weight: 200;
	text-align: left;
}


.menu-sub {
    margin: 0 auto;
    display: flex;
    flex-flow: column wrap;
    width: 80rem;
    max-width: 100%;
}

.btn-menu {
	font-family: 'Bebas Neue', serif;
	font-size: 20px;
    position: relative;
    cursor: pointer;
    background: var(--menu-bg);
    border: none;
    padding: 2rem;
    color: var(--menu-font-color);
    font-weight: 400;
    border-top: 0.1rem solid var(--menu-border);
    border-bottom: 0.1rem solid var(--menu-border);
	transition: .3s ease-in-out;
	
}

.btn-menu:hover {
    background: var(--menu-bg-hover);
    color: var(--menu-font-hover);
}

.btn-menu:focus {
    outline: none;
    box-shadow: none;
}

.selected {
    background: var(--menu-bg-selected);
    color: var(--menu-font-hover);
}

.selected::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 5.6rem;
    width: 0.5rem;
}

/*  End Menu Buttons  */


.clean-button-mps, a.clean-button-mps {
	margin: 1em 0;
	background-color: #eb0000;
	color: #fff;
	text-decoration:none;
	text-transform: uppercase;
	border: 1px solid #eb0000;
}
.clean-button-mps:hover, .clean-button-mps:focus {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0,.05)), to(rgba(0,0,0,.1)));
	background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.05) 0, rgba(0,0,0,.1));
	background-image: -ms-linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
	background-image: -o-linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
	background-image: linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
	background-color:#eb0000;
	text-decoration: underline;
	color: #fff;
	border: 1px solid #eb0000;
}


.form-mps-copy{
	width: 30%;
	padding: 14% 4%;
	margin: auto;
	float: left;
	text-align: left;
	vertical-align: middle;
	background-image: url(/navistar/images/form-color.png);
    background-repeat: no-repeat;
    background-position: 0px center;
}

@media screen and (min-width: 10px) and (max-width: 989px) {
	
	.form-mps-copy{
	width: 96%;
	padding: 2em 2%;
	margin: auto;
	float: none;
	text-align: left;
	vertical-align: middle;
	background-image: url(/navistar/images/form-color.png);
	background-color: #000;
    background-repeat: no-repeat;
	background-position: center;
}	
}