/***** 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;}
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00205b;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* Shutter Out Vertical */
.lt-hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: transparent;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.lt-hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.lt-hvr-shutter-out-vertical:hover, .lt-hvr-shutter-out-vertical:focus, .lt-hvr-shutter-out-vertical:active {
  color: #00205b;
}
.lt-hvr-shutter-out-vertical:hover:before, .lt-hvr-shutter-out-vertical:focus:before, .lt-hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/*--- HEADER STYLES ---------------------*/
header {}
.header {
    display: flex;
	align-items: flex-start;
	box-sizing: content-box;
}
.headerright{
    background: #00205b;
	width: calc( 100% - 210px);
	height: 140px;
	box-sizing: content-box;

}
.headerleft {
    background: #00205b;
    width: 260px;
    height: 85px;
    padding-top: 55px;
    box-sizing: content-box;
    padding-left: 35px;
}

.headerleft img{
    width: 100%;
}
.headerlogo {
    width: 125px;
    display: flex;
    justify-content: center;
    position: relative;
    padding: 16px 10px;
	background: #00205b;
}
.headerlogo img{
	width: 90px;
}
.headerinfo{font-family: "Montserrat", sans-serif; padding: 0px 25px;text-transform: uppercase; font-size: 15px;}
.headerinfo a{font-weight: 600; color: #fff; transition-duration: 0.5s;}
.headerinfo a:hover{color: #efefef;}
.headerinfo i{color:  #fecb00; padding-right: 10px;}
.headertop {
    display: flex;
    justify-content: flex-end;
    padding-right: 5%;
	align-items: center;
}
.headericon{margin: 0px 2px;}


.headericon i{
	background: #fecb00;
	padding: 24px 14px 15px 14px;
	color: #00205b;
	font-size: 18px;
	transition-duration: 0.5s;
}
.headericon i:hover{
	color: #000;

}
.width100{
	width: 100%;
}
.hero-container {
    display: flex;
    flex-wrap: wrap;
	background: url("/siteart/hero-background.jpg");
	background-position: center;
	background-size: cover;
	height: 765px;
    align-items: flex-start;
    align-content: space-between;
    margin-top: -60px;
}
.heroimg {
    position: absolute;
    right: 35px;
    top: 110px;
}
.herobottom{
	background:#00205b;
	width: 100%;
	border-bottom-right-radius: 60px;
	padding: 40px 5%;
}
.herobtn:hover{
border: 4px solid #fff;
}
.herobtn{
font-family: "Asap Condensed", sans-serif;
padding: 20px;
width: 400px;
text-align: center;
display: block;
background: #fff;
color: #00205b;
font-weight: 600;
font-size: 20px;
border: 4px solid #fff;
}
.heroleft {
    display: flex;
    justify-content: flex-start;
    width: 45%;
    padding: 15% 5% 20px 5%;
    align-items: center;
}
.heroheader strong {
    font-family: 'Asap Condensed';
    font-size: 85px;
    width: 100%;
    display: block;
}
.heroheader{
    font-family: "Montserrat", sans-serif;
    font-size: 50px;
    width: 100%;
    display: block;
	font-weight: 400;
}
.mobileiconsect{
display: none;
}
/*---BODY--------------------------------*/
.brandslider{
	width: 90%;
}

.hpbrandsect{
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	padding: 5% 0%;
}
.brandheader{width: 100%; padding: 30px 5%; text-align: left;}
.brandlogo img{width: 200px;}
.brandlogo {text-align: center;}
.lgheadertext {
    font-family: 'Asap Condensed';
    font-size: 42px;
	letter-spacing: 1.25px;
}
.boldlink{
	font-size: 18px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #00205b;
	transition-duration: 0.5s;

}
.boldlink:hover{
	font-weight: 500;
	color: #000;

}
.boldlink i{
	padding-right: 10px;

}
.cplink{
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	color: #00205b;
	width: 100%;
	display: flex;
    align-items: center;
	transition-duration: 0.5s;
}
.cplink:hover{
	color: #000
}
.cplink i{
	font-size: 20px;	
	background:#fecb00;
	height: 45px;
	width: 45px;
	margin: 10px 10px 10px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.smheader{
    font-family: 'Asap Condensed';
    font-size: 30px;
	letter-spacing: 1.25px;
	padding-bottom: 10px;
}
.ltheader{
    font-family: 'Asap Condensed';
    font-size: 24px;
	letter-spacing: 1.25px;
	padding: 30px 0px 10px 0px;
	font-weight: 400;
	
}
.hp-about-sect{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.hp-about-left{
	background: url("/siteart/home-about-image.jpg");
	background-size: cover;
	background-position: center;
	height: 500px;
	width: 50%;
}
.hp-about-right{
	width: 50%;
	background: #00205b;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	padding: 2% 7%;
	align-content: center;
}
.hp-parts-sect .lgheadertext{
	width: 100%;
	display: block;
	text-align: center;
}
.hp-parts-sect .ltsubhead{
	width: 100%;
	display: block;
	text-align: center;
	padding-bottom: 10px;
}
.white{color: #fff;}
.paratext{
   font-family: "Montserrat", sans-serif;
   font-size: 17px;
   line-height: 30px;
   font-weight: 400;
	margin-bottom: 25px;
}
.whitebtn{
	border: solid #fff 3px;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	color: #fff;
	padding: 8px 60px;
	font-size: 14px;
}
.bluebtn{
	border: solid #00205b 3px;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	color: #00205b;
	padding: 8px 60px;
	font-size: 14px;
}
.hp-about-banner{
	background: #fecb00;
	padding: 2% 5%;
	width: 55%;
	box-sizing: border-box;
	position: relative;
	bottom: 70px;
	color: #00205b;
}
.ltsubhead{
   font-family: "Montserrat", sans-serif;
	font-size: 22px;
	font-weight: 300;
}
.hp-parts-sect h2{
width: 100%;
}
.hp-parts-sect p{
width: 100%;
text-align: center;
padding-bottom: 20px;
}
.hp-parts-sect{
	display: flex;
	padding: 2% 5%;
	justify-content: center;
	flex-wrap: wrap;
}
.blue{
	color: #00205b;
	
}
.hp-hour-sect{
	display: flex;
	align-items: center;
	margin: 5% 0%;
}
.blueborder{
	background: #00205b;
	height: 450px;
	width: 5%;
}
.hpmapsect{
	width: 65%;
	height: 550px;
}
.hpmap{
	width: 100%;
	height: 100%;
}
.hphours{
	width: 30%;
	background: #00205b;
	height: 450px;
	box-sizing: border-box;
	padding: 0px 0px 0px 5%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.hphours h3{
	width: 100%;
}
.hourbox{
	width: 100%;
}
.yellowunderline{
	height: 5px;
	width: 100%;
	background:#fecb00;
	margin: 5px 0px 20px 0px;	
}
.page-header-sect {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0%;
}
.pageheader {
    font-family: 'Asap Condensed';
    font-size: 45px;
    color: #00205b;
	padding-bottom: 10px;
}
.pageunderline {
    width: 100%;
    background: #fecb00;
    height: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
	margin-left: 8%;
}
.serviceform {
    padding: 10px 8%;
}
.pagepadding {
    padding:20px 8% 8% 8%;
}
.cpformsect {
    display: flex;
    padding: 10px 8% 50px 8%;
}
.cpleft{
	width: 45%;
}
.cpright{
	width: 50%;
	padding-left: 5%;
}
.paddingtb{
	padding: 50px 0px;
}
.showroom-sect {
    display: flex;
    flex-wrap: wrap;
    padding: 4% 0% 6% 8%;
}
.showroomlogo{
	width: 20%;
	margin: 10px 20px;
	border: solid 1px #efefef;
	padding: 10px;
	text-align: center;
	transition-duration: 0.5s;
}
.showroomlogo:hover{
	 box-shadow: 1px 3px 11px 7px #f4f4f4
}
.showroomlogo img{
	width: 200px;
}
/*--------FORM STYLES--------------------*/
.CaptchaPanel{width: 100%; text-align: left!important; padding: 0px!important;}
.CaptchaMessagePanel{font-family: "Montserrat", sans-serif!important; font-weight: 400!important;
}

.CaptchaWhatsThisPanel a{
font-family: "Montserrat", sans-serif!important; color: #000;
}
.submit{
	background: #00205b;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	color: #fff;
	padding: 10px 50px;
	font-size: 12px;	
	border: none!important;
}

.formflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.halfformfields{
width: 49%;	
box-sizing: border-box;
padding: 10px 20px;
margin-bottom: 10px;
font-family: "Montserrat", sans-serif;
}
.fullformfields{
width: 100%;	
box-sizing: border-box;
padding: 10px 20px;	
margin-bottom: 10px;
font-family: "Montserrat", sans-serif;
}
.comments{
width: 100%;	
box-sizing: border-box;
padding: 15px 20px;	
margin-bottom: 10px;
height: 150px;
font-family: "Montserrat", sans-serif;
}
.thankyoupage {
    padding: 2% 4% 10% 8%;
}

/*-------- FOOTER STYLES ----------------*/
.footer{
display: flex;
justify-content: space-between;
align-items: stretch;
align-content: center;
flex-wrap: wrap;
box-sizing: content-box;
box-shadow: 0px 1px 20px 0px #e7e7e7;
}

.footerleft{
	width: 20%;
	padding-left: 5%;
		padding-bottom: 15px;
	    padding-top: 15px;
}
.footerright{
	width: 70%;
	background: url("/siteart/footer-blue-bkgd.jpg");
	background-size: cover;
	background-position: right;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
    padding: 30px 5% 30px 0px;
	align-items: center;
	background-color: #00205b;
}

.footerlogo img{
	width: 120px;
	padding-bottom: 15px;
}
.footersociallinks a{
	padding-right: 20px;
	font-size: 20px;
	color: #000;

}
.footersociallinks a:hover{
	color: #00205b;

}
.footerhours {
    width: 35%;
    display: flex;
    flex-wrap: wrap;
}
.footerheader{
	width: 100%;
	color: #fff;
    font-family: 'Asap Condensed';
	font-size: 22px;
	padding-bottom: 15px;
}
.footertext{
	width: 45%;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	padding: 10px 15px 10px 0px;
	font-size: 15px;
}
.footerquicklinks {
    display: flex;
    flex-wrap: wrap;
    width: 16%;
}
.footerlinks {
    width: 100%;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 300;
    padding: 6px 0px;
	font-size: 15px;
	transition-duration: 0.5s;
}
.footerlinks:hover {
    color: #efefef;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.invpadding{
	padding: 4% 0% 8% 0%;
	font-family: "Montserrat", sans-serif!important;
}
.list-top-section .list-listings-count{
    color: #00205b!important;	
}
.list-top-section .list-title .list-title-text{
    font-family: 'Asap Condensed'!important;
	color: #00205b!important;	
}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
	    color: #00205b!important;	
		background: #fff!important;
		border: 3px solid  #00205b!important;
		border-radius: 0px!important;
	    padding: 8px 35px!important;
}
.faceted-search-content .selected-facets-container .selected-facet{
	font-weight: 600!important;
    color: #00205b!important;
    background: #fecb00!important;
	border-radius: 0px!important;
}
.list-content .list-error-container .info button:not(.login-button){
	    color: #00205b!important;
	    background-color: #fecb00!important;
}
.grouped-faceted-header{
	background: #00205b!important;	
	
}
.list-content .price-container .price{
    color: #00205b!important;
	
}
.view-listing-details-link{
		background: #00205b!important;	

}
.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text, .list-content .list-container .request-a-quote-btn{
	background: #000!important;
}
.faceted-search-content button.faceted-search{
	background: #000!important;
	border-radius: 0px!important;
	
}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{
    color: #00205b!important;
	
}
.mobile-option-bar .mobile-option-bar-filter{
    color: #00205b!important;
	
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
  color: #00205b!important;
	    background-color: #fecb00!important;	
}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1580px) {
.heroimg {
    position: absolute;
    right: 2px;
    top: 120px;
}	
.heroimg img{
    width: 100%;
}	
}
@media only screen and (max-width: 1445px) {
.footerhours {width: 53%;}	
	.footerquicklinks{ width: 30%;}	

}
@media only screen and (max-width: 1370px) {
.showroomlogo { width: 27%;}
.heroleft{width: 32%;}
.heroimg{
	z-index: 1;
    text-align: right;
	right: 0px;
}
    .heroimg img {
        width: 90%;
    }
.header{ position: relative;}
}
@media only screen and (max-width: 1220px) {
.hero-container{margin-top: -54px;}	
.heroleft {
    width: 100%;
    background: url(/siteart/tractor-heroimg.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 525px;
	padding: 0px;
}	
.headertop{padding-right: 1%;}
.heroheader {
    font-family: "Montserrat", sans-serif;
    font-size: 50px;
    width: 100%;
    font-weight: 400;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background: #00205bd4;
	padding: 5%;
	color: #fff;
}
.heroheader strong{
 color: #fecb00;	
}
.heroimg{display: none;}
    .headerright {
        background: #00205b;
        width: calc(100% - 360px);
        height: 140px;
        box-sizing: content-box;
    }
	.headericonsect {
    position: relative;
}
.headerleft {
    background: #00205b;
    width: 200px;
    height: 80px;
    padding-top: 60px;
    box-sizing: content-box;
    padding-left: 20px;
    position: relative;
}
.headerlogo {
	width: 120px; padding: 19px 10px;}
	.headerlogo img {
    width: 85px;
}
}
@media only screen and (max-width: 1100px) {
.headerleft {
        width: 195px;
        padding-left: 15px;
        height: 75px;
        padding-top: 65px;
    }
	.headerright{ width: calc(100% - 350px);}
}
@media only screen and (max-width: 1080px) {
.showroomlogo {width: 40%;}
.blueborder { display: none;}
.hphours {width: 35%;}
.hp-about-banner{width: 100%; bottom: 40px;}
}
@media only screen and (max-width: 970px) {
.mobileiconsect	{display: block;}
.headerinfo{display: none;}	
.headericonsect {display: flex;}
.headerlogo {
        width: 85px;
        padding: 27px 15px;
    }
.headerlogo img {
        width: 72px;
    }
	    .headerright {
        width: calc(100% - 325px);
    }
}
@media only screen and (max-width: 855px) {
.footerleft {width: 100%; display: flex; align-items: center; border-top: solid 2px #00205b; padding-top: 15px;}	
.footersociallinks {padding-left: 45px;}
.footerlogo img { width: 95px; padding-bottom: 0px;}
.footerright {width: 100%; padding: 40px 5% 30px 0px;}
.showroomlogo {
    width: 38%;
}
.cpleft {width: 100%;}
.cpformsect{flex-wrap: wrap;}
.cpright {
    width: 100%;
    padding-left: 0%;
	padding-top: 20px;
}
.heroleft{background-size: cover;}
.hero-container{background-position: 99% 60%;}
}
@media only screen and (max-width: 810px) {

.hpmapsect {width: 100%; height: 300px;}
.hp-hour-sect{flex-wrap: wrap; margin: 5% 0% 0% 0%;}
.hphours {width: 100%; height: auto; padding: 40px 1px 40px 5%;}
.hp-parts-sect{text-align: center; padding: 15% 5%;}
.hp-parts-sect h3{padding-bottom: 16px;}
.hp-about-left{height: 285px; width: 100%;}
.hp-about-right {width: 100%; padding: 7%;}
.hp-about-banner { bottom: 0px; padding: 5%;}
.herobtn{width: 100%; padding: 20px 0px;}
}

@media only screen and (max-width: 645px) {
.footerhours {
    width: 95%;
    padding-left: 5%;
}	
.footerquicklinks {
    width: 95%;
    padding-left: 5%;
    padding-top: 4%;
}	
.showroomlogo {
    width: 100%;
}
.paratext {font-size: 15px;}
.showroom-sect { padding: 4% 0% 6% 0%;}
.pageunderline { margin-left: 2%;}
.lgheadertext {font-size: 35px; line-height: 35px;}
.ltsubhead {font-size: 18px;}
.hpbrandsect{padding: 10% 0%;}
}
@media only screen and (max-width: 600px) {
    .headerlogo {
        width: 100px;
    }

	    .headerleft {
        width: 175px;
        padding-left: 10px;
    }
	    .headerright {
        width: calc(100% - 295px);
    }
	    .headertop {
        padding-right: 1%;
        position: relative;
        z-index: 1;
    }
}
@media only screen and (max-width: 480px) {

.thankyoupage {
    padding: 4% 4% 20% 8%;
}
.heroleft {
    background-size: cover;
}
.heroheader strong {
	font-size: 70px; line-height: 74px;
	}
.heroheader{font-size: 38px; line-height: 36px;}
.heroleft {height: 395px;}
.hero-container{
	height: auto;
	}
.herobtn {
    width: 100%;
    padding: 15px 0px;
	font-size: 18px;
}
.herobottom{padding: 40px 5% 40px 8px; border-bottom-right-radius: 20px;}
}

@media only screen and (max-width: 440px) {
.headericon i {
    padding: 12px 10px 12px 10px;	
	}	
.headericon  {
	margin-top: 8px;
}
.mobileiconsect {
	margin-top: 8px;	
}
.pageheader { font-size: 38px;}
.halfformfields {width: 100%; padding: 10px 8px;}
.fullformfields{padding: 10px 8px;}
.comments{padding: 10px 8px;}
.smheader {font-size: 24px;}
.ltheader {font-size: 20px;}
.pageheader {padding-left: 14px;}
}
@media only screen and (max-width: 380px) {
.headerlogo {width: 90px; padding: 15px 5px 15px 5px;
	border-bottom: solid #00205b 8px;
    border-left: solid 5px #00205b;
    border-right: solid 5px #00205b;
    border-top: solid 55px #00205b;}	
.headericon  {
	margin-top: 12px;
}
.mobileiconsect {
	margin-top: 12px;	
}

.headerleft{padding-top: 90px;}
.headerright {width: calc(100% - 265px); height: 165px;}
    .headerlogo img {
        width: 60px;
    }
.footertext {width: 100%;}
.footerleft{flex-wrap: wrap;}
.footersociallinks {
    padding-left: 5%;
    width: 100%;
    padding-top: 20px;
}
}
@media only screen and (max-width: 330px) {
    .headerlogo {
        width: 95px;
        padding: 12px 0px 8px 0px;
        border-bottom: solid #00205b 18px;
        border-left: solid 5px #00205b;
        border-right: solid 5px #00205b;
        border-top: solid 85px #00205b;
    }

    .headerright {
        width: calc(100% - 210px);
        height: 190px;
    }
.headerleft {
        width: 135px;
        padding-left: 5px;
	    padding-top: 120px;
    }
.headertop {
   z-index: 50;
   position: relative;	
}
.showroomlogo{
margin: 10px 0px;	
}
.bluebtn{padding: 8px 30px;}
.headericon i {font-size: 15px;}
.heroheader strong {
    font-size: 59px;
    line-height: 62px;
}
.heroheader {
    font-size: 32px;
    line-height: 30px;
}
.heroleft {
    height: 440px;
}
}