@charset "utf-8";
/* CSS Document */

.clearboth{clear:both;}

#banner-landing {
	min-height:290px;
	background-color:#9a989b;
	color:#fff;
	display:flex;
	font-family:"GillSans-Light", arial, sans-serif;
}
#banner-landing-red {
	min-height:290px;
	background-color:rgb(200,16,46);
	color:#fff;
	display:flex;
	font-family:"GillSans-Light", arial, sans-serif;
}
#banner-full {
	min-height:290px;
	color:#fff;
	display:flex;
	font-family:"GillSans-Light", arial, sans-serif;
	background-size:cover; 
	background-position: center center; 
	background-repeat:no-repeat;

}

#banner-left, #banner-right {
	flex:1;
	padding:60px 8% 60px 2%;
	text-align:left;
}

#banner-full>#banner-left{padding:60px 8% 60px 2%;}

@media (max-width: 768px) {
	#banner-left, #banner-right {
		padding:60px 0 60px 0;
	}
}
#banner-left-container{
	float:right;
	margin:0;
	padding:0;
	display:table-cell;
	text-align:left;
}
@media (max-width: 768px) {
  #banner-left-container {
    float:none;
    margin:0 auto;
	display:table;
    text-align:center;
  }
}
#banner-left-container .strong{font-family:"GillSans", arial, sans-serif;}
.line1 {font-size:36px;padding-bottom:26px;line-height:1em;}
.line2 {font-size:48px;padding-bottom:26px;line-height:1em;}
.line3 {font-size:44px;padding-bottom:26px;line-height:1em;font-weight:bold;}
#landing-btn {
	background-color:rgb(200,16,46);
	font-size:16px;
	padding:5px 0;
	border-radius: 5px;
	display:inline-block;
	font-family:"GillSans", arial, sans-serif;
	float:left;
	margin:0;
}
#landing-btn-white {
    background-color:#fff;
	font-size:16px;
	padding:5px 0;
	border-radius: 5px;
	display:inline-block;
	font-family:"GillSans", arial, sans-serif;
	float:left;
	margin:0;
}

@media (max-width: 768px) {
	#landing-btn {
		float:none;
		margin:0 auto;
	}
}
#landing-btn a {
	padding:5px 50px;
	border-radius: 5px;
	text-decoration:none;
	color:#fff;
}
#landing-btn-white a {
    padding:5px 50px;
	border-radius: 5px;
	text-decoration:none;
	color:#000;
}

#landing-btn:hover, #landing-btn a:hover {
	background-color:rgb(200,16,46);
	text-decoration:none;
}
#landing-btn-white:hover, #landing-btn-white a:hover {
	background-color: rgb(221,221,221);
	text-decoration:none;
}

#banner-right {
	background-size:cover; 
	background-position: left center; 
	background-repeat:no-repeat;
	display:inline;
}
@media (max-width: 768px) {
  #banner-right {
    display: none;
  }
}

#landing-left {text-align:left;}
#landing-centered {text-align:center;padding:0 15%;}

h1.landing-h1 {color:rgb(200,16,46);margin-top:28px;font-family:"GillSans", arial, sans-serif;font-size: 40px;}

#landing-left h1 {color:rgb(200,16,46);margin-top:28px;font-family:"GillSans", arial, sans-serif;font-size: 36px;}
#landing-left h2 {color:#000;font-family:"GillSans", arial, sans-serif;font-size: 24px;}
#landing-left h3 {color:#000;font-family:"GillSans", arial, sans-serif;font-size: 18px;}

#landing-left ul {padding-left:20px;}
#landing-left li {list-style-type: disc;}

.landing-cols, .landing-cols-centered {
	display: flex;
	color:#000;
	margin-bottom:50px;
}
.landing-cols-centered {text-align:center;}
@media (max-width: 768px) {
  .landing-cols, .landing-cols-centered {
    display: block;
  }
}
.landing-text {color:#000;text-align:left;padding:0;}
.landing-cols .landing-col {
	flex: 1;
	padding:0 20px;
	text-align:left;
}
.landing-cols-centered .landing-col {
	flex: 1;
	padding:0 20px;
	text-align:center;
}
@media (max-width: 768px) {
  .landing-cols .landing-col {
    text-align:center;
  }
}


.landing-icon, .landing-icon img {
	height:auto;
	width:133px;
	margin:0;
}
@media (max-width: 768px) {
  .landing-icon, .landing-icon img {
    margin:0 auto;
  }
}
.landing-icon2, .landing-icon2 img {
	height:167px;
	width:167px;
	margin:0 auto 20px auto;
}

#primary .landing-col h2 {color:#000;margin-top:20px;}
#primary .landing-col a:hover, #primary .landing-col a:hover>h2 {color:rgb(200,16,46);text-decoration:none;}

#landing-featured-img {
	width: 100%;
    height: 0;
    padding-bottom: 30%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	display:flex;
}
#nopad{padding:0;}
#landing-video {padding:25px 0 0 0;position:relative;padding-bottom:56.25%;height:0;}
#landing-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.landing-redtext {
	font-size:1.2em;
	color:rgb(200,16,46);
	margin-bottom:20px;
	font-family:"GillSans-Light", arial, sans-serif;
}


/*--NEWSLETTER--*/
header#newsletter {margin:25px 0 30px 0;}
header#newsletter h2 {
	color:rgb(200,16,46);
	margin-bottom:10px;
	font-family:"GillSans", arial, sans-serif;
	font-size: 40px;
}
header#newsletter #intro {
	font-family:Calibri, arial, sans-serif; 
	font-size:18px;
	line-height:1.3em;
	padding:0 10% 15px 10%;
	border-bottom:solid thin rgb(221, 221, 221);
}
@media screen and (min-width: 480px) {
	#primary.newsletter {
		display: block;
		float: left;
		margin-right: 1.40138%;
		width: 59.43945%;
	}
	aside#upcoming-events {
		display: block;
		float: left;
		width: 34.08911%;
		margin-left: 5.07007%;
		margin-right: 0;
	}
}
@media screen and (max-width: 479px) {
	#primary.newsletter {
		display: block;
		float: left;
		width: 100%;
		margin-right: 0;
	}
	aside#upcoming-events {
		display: block;
		float: left;
		width: 100%;
		margin-left: 0%;
		margin-right: 0;
	}
} 


.newsletter-article {
	border-bottom:solid thin rgb(221, 221, 221);
	margin-bottom:20px;
}
.newsletter-article h2 {
	
}
.newsletter-article img {
	float:left;
	margin:0 20px 20px 0;
}
.newsletter-article p {
	margin-bottom:25px;
	padding:0;
}
aside#upcoming-events h2 {
	color:rgb(200,16,46);
	margin-bottom:10px;
	font-family:"GillSans", arial, sans-serif;
	font-size: 30px;
	line-height:1.3em;
}

/*--WOW--*/
#wow-banner {
    font-family: 'Montserrat', sans-serif;
    font-size:60px;
    font-weight:bold;
    height:650px;
    background-size:cover;
    background-position:center;
    padding:10%;
    line-height:1.2em;
}
#banner-white {color:#FFF;}
#banner-red {color:rgb(200, 16, 46);}
#violator {
    float:right;
    margin:-70px 10px 0 0;
}

#primary.wow {
    font-family: 'Montserrat', sans-serif;
    color:#000;

}
#wow-gray {
   background-color:rgb(217,217,214);
}
#wow-gray-text {
    clear:both;
    font-family: 'Montserrat', sans-serif;
    font-size:24px;
    padding-bottom:40px;
}
#wow-gray-text p {
    line-height:1.4em;
    text-align:center;
    padding: 0 22%;
}
.wow-btn {
    background-color:rgb(200, 16, 46);
	font-size:22px;
	padding:12px 0;
	display:table;
    font-family: 'Montserrat', sans-serif;
    text-align:center;
	margin:50px auto;
}
.wow-btn a {
    padding:12px 48px;
	text-decoration:none;
	color:#fff !important;
}
.wow-btn a:hover {text-decoration:none !important;}
.wow-btn:hover {
    background-color:rgb(200,16,46);
	text-decoration:none !important;
}

#wow-white-text {
    background-color:#fff;
    padding:150px 20%;
    text-align:center;
    font-family: 'Montserrat', sans-serif;
}

#white-title {
    font-weight:bold;
    font-size:40px;
    line-height:1.4em;
}
#white-text {
    font-weight:normal;
    font-size:16px;
    line-height:1.4em;
}
#wow-black-text {
    background-color:#000;
    padding:150px 20%;
    text-align:center;
    font-family: 'Montserrat', sans-serif;
    color:#fff;
}
#black-title {
    font-weight:bold;
    font-size:40px;
    line-height:1.4em;
}
#black-text {
    font-weight:normal;
    font-size:16px;
    line-height:1.4em;
}

.wow-row {
    border-top:3px solid rgb(217,217,214);
    background-color:#fff;
    text-align:center;
    padding:60px 10%;
}
.wow-left {
    float:left;
    width:33%;
    text-align:center;
}
.wow-title {
    color:rgb(200, 16, 46);
    font-size:32px;
}
.wow-image {
    max-width:260px;
    max-height:260px;
    height:auto;
    margin:25px auto;
}
.wow-right {
    margin-left:40%;
    padding:60px 0 30px 0;
    text-align:left;
}
#wow-red {
    background-color:rgb(200, 16, 46);
    padding:100px 0;
    text-align:center;
}
#wow-vidtitle {
    font-size:40px;
    font-weight:600;
    color:#fff;
    line-height:1.2em;
}
#wow-vid {
    margin-top:80px;
}

.always-available {
    vertical-align:middle;
    display:inline !important;
    margin:0 2px !important;
}

@media (max-width:768px) {
    #wow-banner {
        font-size:36px;
        height:auto;
        padding-bottom:120px;
    }
    #violator {
        width:250px;
        height:auto;
        margin:-50px 0 0 0;
    }
    #wow-gray-text {
        font-size:18px;
    }
    #wow-white-text, #wow-black-text {
        padding:50px 20px;
    }
    #white-title, #black-title {
        font-size:28px;
    }
    #wow-red {
        display:none;
    }
}

/*--Hobart--*/
.hobart_container {
    max-width:1200px;
    margin:0 auto;
}
#hobart_hero {
    height:540px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    padding-top:170px;
}
#hobart_hero_text {
    margin:0 auto 50px auto;
    display:table;
    padding:30px 60px;
    background-color:rgba(0,0,0,0.7);
    border-radius:5px;
    font-family: "GillSans", arial, sans-serif;
    font-size:36px;
    font-weight:bold;
    color:#fff;
    line-height:1.2em;
}
@media (max-width:768px) {
    #hobart_hero_text {
        width:90%;
        font-size:28px;
        padding:20px;
        text-align:center;
    }
}
a.shopnow-btn, a:active.shopnow-btn, a:focus.shopnow-btn, a:visited.shopnow-btn {
    margin:0 auto;
	padding:12px 45px;
	border-radius: 5px;
    display:table;
	background-color:rgb(200,16,46);
	font-size:23px;
	font-family:"GillSans", arial, sans-serif;
    color:#fff;
    text-decoration:none;
    line-height:1em;
}
a:hover.shopnow-btn {
    background-color:rgb(200,16,46);
    text-decoration:none;
    color:#fff;
}

#hobart_section2 {
    text-align:center;
    padding:75px 25px;
    color:#000;
    line-height:1.5em;
}
#hobart_section2 p {
    width:65%;
    margin:25px auto;
}

#hobart_section3 {
    padding:80px 25px;
    text-align:center;
    color:#fff;
    font-size:36px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
#hobart_section3 p {
    margin:40px auto;
    line-height:1.4em;
    width:75%;
}
@media (max-width:768px) {}
#hobart_section3 p {
    font-size:0.7em;
    line-height:1.2em;
}

#hobart_section3 p span.highlight {
    font-family: "GillSans", arial, sans-serif;
    font-weight:bold;
}

#hobart_section4 {
    text-align:center;
    color:#000;
    padding:50px 25px;
    font-size:16px;
}
#hobart_section4 h2 {font-size:36px;}
#hobart_section4 .flexwrap {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:10px;
}
#hobart_section4 .hobart_box {
    text-align:left;
    background-color:#ddd;
    border-radius:5px;
    padding:15px 10px;
    width:19%;
    margin:5px auto;
}
@media (max-width: 768px) {
    #hobart_section4 .hobart_box {
        width:60%;
    }
}
#hobart_section4 .hobart_box h3 {
    text-align:left;
    color:rgb(200,16,46);
    font-weight: bold;
    margin:0;
}
#hobart_section4 .hobart_box p {
    text-align:left;
    line-height:1.2em;
    margin:0 0 8px 0;
}

#hobart_section4_gray {
    background-color:#ddd;
    text-align:center;
    color:#000;
    padding:50px 25px;
    font-size:16px;
}
#hobart_section4_gray h2 {font-size:36px;}
#hobart_section4_gray_text {
    width:75%;
    margin:25px auto;
}
#hobart_section4_gray .flexwrap {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:10px;
}
#hobart_section4_gray .hobart_box {
    text-align:left;
    padding:10px;
    width:24%;
    margin:5px auto;
}
@media (max-width: 768px) {
    #hobart_section4_gray .hobart_box {
        width:60%;
    }
}
#hobart_section4_gray .hobart_box h3 {
    text-align:left;
    color:rgb(200,16,46);
    font-weight: bold;
    margin:0;
}
#hobart_section4_gray .hobart_box p {
    text-align:left;
    line-height:1.2em;
    margin:0 0 8px 0;
}

#hobart_section5 {
    text-align:center;
    color:#000;
    padding:50px 25px;
    font-size:16px;
}
#hobart_section5 h2 {font-size:36px;}
#hobart_section5 .flexwrap {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:10px;
}
#hobart_section5 .hobart_box {
    text-align:left;
    background-color:rgb(200,16,46);
    border-radius:5px;
    padding:15px 10px;
    width:19%;
    margin:5px auto;
}
@media (max-width: 768px) {
    #hobart_section5 .hobart_box {
        width:60%;
    }
}
#hobart_section5 .hobart_box h3 {
    text-align:left;
    color:#fff;;
    font-weight: bold;
    margin:0;
}
#hobart_section5 .hobart_box p {
    color:#fff;
    text-align:left;
    line-height:1.2em;
    margin:0 0 8px 0;
}


#violator_bottom {
    background-image:url('https://www.partstown.com/about-us/wp-content/uploads/2017/08/box.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size:220px auto;
    width:220px;
    height:125px;
    float:right;
    margin-bottom:-28px;
}
@media (max-width: 1400px) {
    #violator_bottom {
        margin-bottom:-105px;
    }
}
@media (max-width: 768px) {
    #violator_bottom {
        display:none;
    }
}

    
/*--new newsletter--*/
#newsletter2-banner {
    background-color:rgb(200, 16, 46);
    height:210px;
}
#newsletter2-banner .container {
    max-width:1400px;
    margin:0 auto;
    text-align:center;
    height:100%;
}
#newsletter2-banner .container img {
    width:600px;
    height:auto;
    margin-top:30px;
}
@media (max-width: 768px){
    #newsletter2-banner .container img {
        width:320px;
        margin-top:70px;
    }
}
#newsletter2-banner h1 {
    color:#fff;
    font-family:"GillSans", arial, sans-serif;
    font-size: 40px;
}
.flexrow_container {
    display: -webkit-flex;
    display: flex;
    
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    
    -webkit-justify-content: space-between;
    justify-content:space-between;
}
#socialbox.news_social {
    top:25%;
}

.newsletter2_1col {
    width:30%;
    min-width:350px;
    text-align:left;
}
.newsletter2_2col {
    width:60%;
    text-align:left;
}
.newsletter2_half {
    width:47%;
    min-width:350px;
    text-align:left;
    margin-bottom:50px;
}
.newsletter2_full {
    width:100%;
    text-align:left;
    margin-bottom:50px;
}

main.page section#primary .newsletter2_half img,
main.page section#primary .newsletter2_full img {
    margin:20px 0;
}
main.page section#primary .newsletter2_half p:last-child,
main.page section#primary .newsletter2_full p:last-child {
    margin-bottom:0;
}
#primary.newsletter2 h2 {
    color:#000;
    font-size:30px;
    margin:60px 0;
}
#primary.newsletter2 h3 {
    color:rgb(200, 16, 46);
    font-size:22px;
    line-height:1em;
}
#upcoming_events_container {
    border-top:6px solid rgb(200, 16, 46);
}
#upcoming_events {
    border-top:6px solid #fff;
    background-color:#000;
    color:#fff;
    padding:15px 30px;
    margin-bottom:50px;
}
#primary.newsletter2 #upcoming_events h3 {
    font-size:26px;
    color:#fff;
    margin:15px 0;
}

/*--Serial Number Lookup--*/
#landing-serial {
    color:#000;
}
#landing-serial h1 {
    margin-top:50px;
}
.serial-center {
    text-align:center;
    margin:50px auto;
}
#landing-btn.serial-large {
    font-size:1.3em;
    float:none;
    margin:40px auto;
    padding:8px 16px;
}
#serial-images {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.serial-image {
    width:26%;
    margin:20px 0;
}
@media(max-width:991px) {
    .serial-image {
        width:34%;
    }
}
@media(max-width:767px) {
    .serial-image {
        width:100%;
    }
}