*{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,body{
    min-width: 320px;
    overflow-x: hidden;
    max-width: 100%;
}
::-moz-selection {
    background: #48a9c5;
    text-shadow: none;
}
::selection {
    background: #48a9c5;
    text-shadow: none;
}
a{
	color:#993333;
    text-decoration: none;
}
a:hover{
    color:#ca7300;
    text-decoration: underline;
}
a.btn, button, .pure-form button[type="submit"]{
	display:inline-block;
	font-family: 'Oswald';
	font-weight: 700;
	letter-spacing: 0.05em;
	padding:0.5em 2em 0.4em 2em;
	color:#FFF;
	text-transform: uppercase;
	white-space: nowrap;
    font-size:19px;
    line-height: 110%;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    overflow: hidden;
    border:1px solid transparent;
    margin:0.5em 0;
	background: #951d31;
	background: -moz-linear-gradient(top,  #951d31 0%, #7c1829 100%);
	background: -webkit-linear-gradient(top,  #951d31 0%,#7c1829 100%);
	background: linear-gradient(to bottom,  #951d31 0%,#7c1829 100%);
}
a.btn i, button i{
	display:inline-block;
	position: relative;
	top:-0.1em;
	margin-left:0.3em;
	width:22px;
	height:22px;
	text-align: center;
	vertical-align: middle;
	background:#a93044;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
}
a.btn i:before, button i:before{
	font-size:13px !important;
	line-height: 22px !important;
	vertical-align: top;
}
a.btn{
	padding-left:0.6em;
	padding-right:0.6em;
}
a.btn.sm{
    font-size:15px;
    padding:0.8em 1.2em 0.9em 1.2em;
}
a.btn:hover, button:hover, .pure-form button[type="submit"]:hover{
	background:#951d31;
}
a.btn.dl-btn i{
	display: block;
	position: absolute;
	left:8px;
	top:0;
	padding:0.55em 13px;
	font-size: 1.5em;
}
a.btn.dl-btn{
	position: relative;
	padding-right:80px;
	padding-left:60px;
}
a.btn.dl-btn:after{
	content:'\f019';
	display: block;
	position: absolute;
	right:0;
	top:0;
    height:100%;
    font-size:0.7em;
	padding:1.6em 1.8em;
	font-family: 'FontAwesome';
	border-left:1px solid #1c314c;

}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #243b5c;
    margin: 3em 0;
    padding: 0;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.videowrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
body{ }
body, .pure-g [class*="pure-u"]{
    font-family: sans-serif;
	line-height: 170%;
	font-size:14px;
	color:#080708;
}
img{
	max-width: 100%;
	height:auto;
}
h1, h2, h3, h4, h5{
	font-family: 'Oswald';
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	line-height: 120%;
	margin:0;
}
.spacedcols{
    margin:0 -2em;
}
.spacedcols > div,
.spacedcols > article{
    padding:0 2em;
}
.wrap{
    margin:0 1em;
}

/* Form */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.pure-form label{
    display:block;
    color:#6b6b6b;
    margin-top:0.5em;
}
.input-note{
	font-size:10px;
	line-height: 10px;
	color:#999;
}
.field-error input,
.field-error .radio-item,
.field-error select{
	background-color: #f2f399;
}
.pure-form input[type="text"],
.pure-form input[type="email"]{
    font-size:14px;
    border:1px solid #d3d3d3;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow: none;
	padding:0.2em 0.4em;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.pure-form select{
	font-size:14px;
    border:1px solid #d3d3d3;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow: none;
	padding:0.2em 0.4em;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width:100%;
}
.pure-form label{
	font-size:13px;
	margin-bottom:0;
}
#signupform .formnote{
    position: relative;
    margin:0;
    padding-top:0.6em;
    padding-bottom:0.6em;
}
.formnote:before{
    content:'';
    display: block;
    position: absolute;
    left:0.5em;
    top:0;
    width:60%;
    height:0px;
    border-top:1px solid #dadada;
}
.formnote p{
    font-size:10px;
    color:#5a5a5a;
    line-height: 160%;
}
.required{
    color:#ff9100;
}
#signupform .splitfield{ margin:0 -0.5em; }
#signupform .splitfield > div{
    padding:0 0.2em;
    margin:0 !important;
    overflow: hidden;
}
label.check-item,
label.radio-item{
	display:inline-block;
	position: relative;
	padding: 4px 4px 4px 24px;
	margin-right:2em;
	line-height: 120%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.check-item input,
.radio-item input{
	position: absolute;
	left:3px;
	width:16px;
	height:16px;
	top:4px;
}
#signupform div.checkbox-group,
#signupform div.radio-group{
	padding-bottom:0.5em;
}
.mainlabel{
	line-height: 120%;
}
.formitem{ margin:0.35em 0; }
.hidelabel label{ display:none; }
#errorlist p{
	font-size:12px;
	line-height: 140%;
	margin:0;
}
#errorlist ul{
	margin: 0.5em 0 1em 0;
	padding-left:20px;
}
#errorlist ul li{
	font-size:12px;
	line-height: 140%;
	margin:0.3em 0;
}

/* HEADER/FOOTER */
header{
    position: relative;
	background:#000;
}
header .logo{
    padding:15px 15px;
}
header .logo img{ max-width:80%; }
header .wrap{ position: relative; }
#footer-phone{
	font-family: 'Oswald';
	color:#636466;
	font-size:1.6em;
	text-align: center;
	margin-bottom:0.6em;
}

/* PAGE CONTENT */
#hero{
	padding-bottom:73.1445%;
	background-image: url('../img/hero-mobile.jpg');
	background-repeat:no-repeat;
	background-position: center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#form{
	padding:2em;
	background:#FFF;
}
.section{
	padding:2em;
}
#getoffer{
	text-align: center;
	background:#bac2c7;
}
article.steps{
	max-width: 265px;
	margin:1.8em auto;
}
article.steps h4{
	font-size:2em;
	position: relative;
	margin-bottom:0.2em;
}
article.steps h4:before,
article.steps h4:after{
	content:'';
	position: absolute;
	left:50%;
	top:0.6em;
	margin-left:-55px;
	height:1px;
	width:40px;
	background:#FFF;
}
article.steps h4:after{
	left:auto;
	right:50%;
	margin-right:-55px;
}
article.steps h3{
	font-weight: 400;
	font-size:1.9em;
}
article.steps p{
	font-family: 'Oswald';
	font-weight: 400;
	margin:0.4em 0;
	line-height: 160%;
}
.tractor{ margin-bottom:1.5em; }
.tractor h3{
	color:#5f6062;
	border-bottom:3px solid #5f6062;
	text-transform: uppercase;
	font-family: sans-serif;
	font-weight: bold;
	padding:0.3em 0;
}
.tractor img{
	display:block;
	margin-bottom:1.5em;
}
a.learnmore{
	white-space: nowrap;
	font-style: italic;
	font-weight: bold;
}
#moreoffer{
	overflow: hidden;
	padding-bottom:0;
}
#moreoffer{ text-align: center; }
#moreoffer h2{
	font-family: sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size:16px;
	line-height: 16px;
	letter-spacing: 0.1em;
	color:#818181;
	text-align: center;
	background:#818181;
	padding:0 1em;
	margin:0 -6em 2em -6em;
	text-align: center;
}
#moreoffer span{
	display: inline-block;
	position: relative;
	background:#FFF;
	padding:0 0.7em;
	margin-bottom:-0.2em;
	vertical-align: top;
}
#moreoffer a.btn{ margin:0.3em 0 0 0; }
#zero60{
	margin-bottom:2.5em;
}
#contacts{
	text-align: center;
	padding-bottom:0;
	padding-top:0;
}
#contacts article{
	margin-bottom:2em;
}
#contacts h4{
	color:#636466;
	text-transform: none;
	font-size:1.4em;
}
#contacts p{
	font-family: 'Oswald';
	font-weight: 300;
	font-size:1.2em;
	line-height: 150%;
	color:#636466;
	margin:0;
}
#agco-foot{
	text-align: center;
	padding-top:0;
}
#agco-foot p{
	color:#555555;
	font-size:10px;
	line-height: 120%;
}


/* == Thank You == */
#ty-buttons{
	text-align: center;
	padding:2em 0 3em 0;
}
#footer-tractors{ margin:3em 0; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1023px) {
    .desktoponly{ display:none !important; }
	.accent{ display:none; }
	#col2{ margin-top:0; }
}
@media only screen and (max-width:767px){
	/* content swapping for mobile */
	.flex-flip, .flex-flip3{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-moz-box-orient: vertical;
		-webkit-box-orient: vertical;
		-webkit-flex-flow: column;
		-ms-flex-direction: column;
		flex-direction: column;
		flex-flow: column;
	}
    .flex-flip > *, .flex-flip3 > *{ width: auto !important; }
	.flex-flip > :first-child,
    .flex-flip3 > :nth-child(2){
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
		-moz-box-flex: 2;
	}
	.flex-flip > :last-child,
    .flex-flip3 > :last-child{
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
		-moz-box-flex: 1;
	}
    .flex-flip3 > :first-child{
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
		-moz-box-flex: 3;
	}
}
@media only screen and (max-width: 480px) {
    .hidesm{ display:none !important; }
}

@media only screen and (min-width: 480px) {
	.wrap{
        max-width:420px;
        margin:0 auto;
    }
}
@media only screen and (min-width: 768px) {
	.wrap{ max-width:600px; }
	.wrap.narrow{ max-width: 640px; }
    body, .pure-g [class*="pure-u"]{ font-size:16px; }
	.tractor > div:first-child{
		padding-right:3em;
	}
	#moreoffer{ text-align: left; }
	#moreoffer > .pure-g > div:last-child{ text-align: right; }
	#agco-foot{ text-align: left; }
	#agco-foot > div:last-child{
		padding-left:0.6em;
		padding-top:0.5em;
	}
}
@media only screen and (min-width: 1024px) {
    .wrap{
        max-width: 940px;
        margin: 0 auto;
    }
	#main-container{
		max-width: 1024px;
		margin:0 auto;
		position: relative;
	}
	.section{
		padding:2.5em 4em;
	}
	#hero{
		background-image:url('../img/hero-desktop.jpg');
	}
	header .logo{
		padding:35px;
	}
	#form{
		position: absolute;
		z-index: 10;
		width:390px;
		right:35px;
		top:395px;
		padding:1em;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
		-moz-box-shadow:    0px 2px 8px 0px rgba(0, 0, 0, 0.4);
		box-shadow:         0px 2px 8px 0px rgba(0, 0, 0, 0.4);
	}
	#getoffer{
		text-align: left;
	}
	h1{
		margin-bottom:1.5em;
	}
	#getoffer article{ text-align: center; }
	#footer-phone{ font-size:2em; } 
}
@media only screen and (min-width: 1280px) {

}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}