/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

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;
}
/*----Animations--------*/

.show{position:relative; transform: translateY(200px); opacity:0; transition:2s all ease}
.show.on{transform: translateY(0); opacity:1;}

.showSecond{position:relative; transform: translateX(-150px); opacity:0; transition:2s all ease}
.showSecond.on{transform: translateX(0); opacity:1;}

.showThird{position:relative; transform: translateX(150px); opacity:0; transition:2s all ease}
.showThird.on{transform: translateX(0); opacity:1;}


.showTop{position:relative; transform: translateY(-150px); opacity:0; transition:2s all ease}
.showTop.on{transform: translateX(0); opacity:1;}


@keyframes slideLeft{
	0%{
		opacity:0;
		transform:translate(-100px)
	}
		100%{
			opacity:1;
			transform:translate(0);
		}
	}
@keyframes slideBottom{
	0%{
		opacity:0;
		transform:translateY(100px)
	}
		100%{
			opacity:1;
			transform:translateY(0);
		}
	}

@keyframes slideTop{
	0%{
		opacity:0;
		transform:translateY(-50px)
	}
		100%{
			opacity:1;
			transform:translateY(0);
		}
	}

@keyframes open{
	0%{
		transform:rotateX(80deg)
	}
		100%{
			transform:rotateX(0deg);
		}
	}

/*-------- BODY STYLES --------*/

body {
	font-family:'Roboto Condensed', sans-serif;
	overflow-x:hidden;
}
a{text-decoration:none!important;}

.white-btn{color:#fff; text-transform:uppercase; font-size:18px; text-shadow:1px 1px 2px rgba(0,0,0,.8);}
.white-btn i{color:#fff; border:solid 1px #fff; transition:.3s ease; font-size:15px; border-radius:50%; padding:10px 12px; margin-left:10px;}
.white-btn:hover i{margin-left:25px;}

.black-btn{color:#000; text-transform:uppercase; font-size:18px; font-weight:600;}
.black-btn i{color:#000; border:solid 1px #000; transition:.3s ease; font-size:15px; border-radius:50%; padding:10px 12px; margin-left:10px;}
.black-btn:hover i{margin-left:25px;}

.gray-btn{width:200px; display:block; transition:.3s ease; color:#fff; background:#404040; text-transform:uppercase; font-weight:600; font-size:16px; padding:15px; box-sizing:border-box; text-align:center;}
.gray-btn:hover, .long-gray-btn:hover{background:#b90c21;}

.long-gray-btn{width:360px; display:block; transition:.3s ease; color:#fff; background:#404040; text-transform:uppercase; font-weight:600; font-size:16px; padding:15px; box-sizing:border-box; text-align:center;}
/*--- HEADER STYLES ---------------------*/
header{width:100%; position:fixed; top:0; z-index:200;animation: slideTop 2s ease-in-out;}
.header2{width:100%; background:#fff; z-index:1000; box-shadow:2px 2px 2px 2px rgba(0,0,0,.2); position:fixed;}
.header{width:100%; max-width:1700px; margin:0 auto; display:flex; flex-direction:row; justify-content:space-between;}
.logo{max-width:500px; width:100%;}
.logo img{width:100%;}

.header2 .logo{max-width:350px;}

.activeheader{background:#fff; position:fixed; transition:.5s ease-in-out; z-index:1000; box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);}
.activeheader .logo{max-width:250px; padding-top:10px; transition:.3s ease-in-out;}
.activeheader nav.primary ul li a{color:#000; padding:30px 12px;}

.inv-head .activeheader{top:38px;}
/*---BODY--------------------------------*/
/*-------------Slideshow------------------*/
.hero-wrap{width:100%; display:flex; flex-direction:row; background:url("/siteart/hero/slide9.jpg");}
.hero-left{width:calc(100% - 80px); height:950px; position:relative;}
.hero-right{width:80px; background:#b90c21; position:relative;}
.hero-icons{position:absolute; bottom:20px; left:0; right:0; margin:0 auto; height:230px;}
.hero-icons a{display:block; text-align:center;}
.hero-icons a i{color:#fff; transition:.3s ease; width:80px; font-size:18px; display:block; padding:25px 15px; box-sizing:border-box; text-align:center;}
.hero-icons a:first-of-type{position:absolute; top:0; left:0; right:0;}
.hero-icons a:nth-of-type(2){position:absolute; top:35%; right:0; width:320px; color:#fff; z-index:500;}
.hero-icons a:last-of-type{position:absolute; bottom:0; right:0; width:320px; color:#fff; z-index:500;}
.hero-icons a p{color:#fff; transition:.3s ease; transform:translate(50px); opacity:0; width:calc(100% - 80px); background:#b90c21; border-radius:25px; box-sizing:border-box; padding:25px;}
.hero-icons a:hover p{opacity: 1; transform:translate(-5px); }
.hero-icons a{display:flex; flex-direction:row; justify-content: flex-end; }

.hero-icons a:hover i{color:#000;}
.hero-icons a p:hover{background:#000;}

.slide-caption{position:absolute; bottom:30%; left:8%; z-index:105;}
.slide-caption h1{font-size:60px;text-transform:uppercase;animation: open 2s ease-in-out; font-weight:800; color:#fff; line-height:60px; text-shadow:1px 2px 2px rgba(0,0,0,.8); max-width:800px;}
.slide-caption h1 span{font-size:32px; font-weight:400;}
.slide-caption a{color:#fff; margin-top:30px; display:block;animation: slideLeft 2s ease-in-out;}




#slideshow{width:100%; overflow:hidden; position:relative; height:100%;}
.slides{height:100%; position:absolute; bottom:0; right:0; width:inherit;}
.slides img{width:100%; height:100%; object-fit:cover; filter:brightness(.7);}
.slides{z-index:5; transform:translate(100%); transition:1s ease;}
.last{transform:translate(0);animation: slideAnimate 12s ease-in-out 1s;}
.active{z-index:100; animation: slideAnimate 12s ease-in-out 1s; transform:translate(0);}

@keyframes slideAnimate{
	0%{
		transform: scale(100%);
	}
		100%{
			transform: scale(110%);
		}
	}
@keyframes slideOpacity{
	0%{
		opacity:0;
	}
		100%{
			opacity:1;
		}
	}
/*---------Products---------*/
.gray-back{width:100%; position:relative; z-index:10; background:linear-gradient(to bottom, #404040 60%, #fff 60%); padding:80px 0 20px 0;}
.white-box{max-width:1700px; margin:0px auto; width:100%; padding:60px; box-sizing:border-box; background:#fff; box-shadow:1px 2px 5px 4px rgba(0,0,0,.2);}
.white-box h2{font-size:50px; text-transform:uppercase; border-left:5px solid #b90c21; padding:0px 15px; margin:20px 0 60px 0;}
.products{width:100%; display:flex; flex-direction:row; flex-wrap:wrap;}
.products a{width:calc(25% - 2px); transition:.3s ease;  position:relative; height:320px;}
.products img{width:100%; height:100%; object-fit:cover; filter:opacity(.4);border:solid 1px #ccc;}
.products h3{position:absolute; bottom:43%; font-size:24px; text-transform:uppercase; font-weight:700; left:0; right:0; text-align:center; padding:15px; box-sizing:border-box; color:#000;}

.products a:hover{background:#b90c21;}
.products a:hover h3{color:#fff;}

/*-------Blog Home-----------*/
.blog-home{width:100%; flex-direction:row; display:flex;}
.blog-home img{width:40%; object-fit:cover;}
.blog-home-right{width:60%; padding:20px 60px; box-sizing:border-box;}
.blog-home-right h3{font-size:45px; font-weight:800; text-transform:uppercase; color:#b90c21;}
.blog-home-right a{margin-top:40px;}

.blog-home-right p{font-size:20px; padding-top:20px; line-height:26px;}

/*--------Home About-------*/
.red-grey{background:linear-gradient(to right, #b90c21 50%, #f0f0f0 50%); width:100%; padding:80px; box-sizing:border-box;}
.home-about{width:100%; max-width:1700px; margin:0 auto; display:flex; flex-direction:row;}
.home-about img{width:100%; max-width:920px;}
.home-about-right{width:50%; padding:80px; box-sizing:border-box;}
.about-right-text h4{font-size:60px; font-weight:700; text-transform:uppercase; margin-bottom:30px; border-left:solid 5px #b90c21; padding:0 15px;}
.about-right-text p{font-size:20px; line-height:24px; }
.about-right-text a{margin-top:40px; display:block;}

/*-----Brands--------*/
.grey-red{background:linear-gradient(to left, #b90c21 50%, #f0f0f0 50%); width:100%; padding:80px; box-sizing:border-box;}
.partners{width:100%; max-width:1700px; margin:40px auto; display:flex; flex-direction:row;}
.partner-left{width:40%;}
.partner-left h4{font-size:80px; font-weight:700; padding-top:40px; line-height:75px; color:#000; text-transform:uppercase;}
.partner-right{width:60%; display:flex; flex-direction:row;}
.partner-right a{padding:40px; background:#fff; box-sizing:border-box; display:flex; transition:.3s ease; box-shadow:2px 2px 4px 4px rgba(0,0,0,.2); margin:10px; width:calc(50% - 20px);}
.partner-right img{width:60%; margin:0 auto; display:flex; flex-wrap:wrap;align-content:center; justify-content: center; object-fit:contain; }
.partner-right a:hover{box-shadow:inset 2px 2px 4px 4px rgba(0,0,0,.2);}
/*--------Pages---------*/
.page-top{width:100%; display:flex; flex-direction:row; padding-top:100px;}
.top-left, .top-right{width:50%;}
.top-left iframe{animation: slideLeft 1.5s ease-in-out ;}
.top-left img{width:100%; height:100%; object-fit:cover; position:relative; z-index:-10;animation: slideLeft 1.5s ease-in-out ;}
.top-right{padding:50px 70px;animation: slideBottom 1.5s ease-in-out ; box-sizing:border-box;}
.top-right h1{padding-top:40px; font-size:60px; font-weight:700; text-transform:uppercase;}
.top-right p{font-size:18px; line-height:30px; padding:20px 0 40px 0;}

.grey{background:#f0f0f0; padding:100px 0; margin-top:-5px;}
.white{background:#fff; padding:100px 0;}
.page-wrap{max-width:1700px; width:100%; margin:0 auto; display:flex; flex-direction:row;}
.page-wrap section{width:50%;}
.page-wrap section img{width:100%; margin:0 auto; display:block;}
.page-text {padding:50px; box-sizing:border-box;}
.page-text h2{font-size:60px; padding-top:30px; font-weight:700; text-transform:uppercase;}
.page-text p{padding:20px 0; color:#000; font-size:18px; line-height:30px;}
.page-text ul{padding-left:15px; padding-bottom:40px;}
.page-text ul li{list-style:disc; font-size:18px; line-height:32px;}

/*---------Locations----------*/
.location{padding-top:40px;}
.location p{padding:5px 0; font-size:20px; font-weight:600; text-transform:uppercase;}
.location a{color:#000; font-size:16px; line-height:24px; transition:.3s ease;}
.location a:hover{color:#b90c21;}

/*-------blog Page----------*/
.blog-page{width:100%; background:#f0f0f0; padding:160px 10px 40px 10px; box-sizing:border-box;}
.blog-top{width:100%; max-width:1700px; margin:0 auto;animation: slideTop 2s ease-in-out;}
.blog-top h1{padding-top:40px; font-size:60px; font-weight:700; text-transform:uppercase; padding-bottom:20px;}
.blog-top p{font-size:18px; line-height:30px; padding-bottom:40px;}
.bread{color:#000; font-size:18px;}
.bread a{color:#000; font-weight:600; transition:.3s ease;}
.bread a:hover{color:#b90c21;}

.blog-row{max-width:1700px;animation: slideBottom 2s ease-in-out; padding:20px 0; flex-wrap:wrap; width:100%; margin:0 auto; display:flex; flex-direction:row; justify-content: left;}
.blog{box-shadow:2px 2px 4px 3px rgba(0,0,0,.2); width:calc(33.33% - 20px); margin:10px;}
.blog img{height:300px; width:100%; object-fit:cover;}
.blog-text{padding:40px; box-sizing:border-box;}
.blog-text h2{font-size:30px; text-transform:uppercase; color:#b90c21; }
.date{font-size:16px; font-weight:600; color:#444;}
.blog-about{font-size:18px; line-height:24px; padding:20px 0;}


.blog-post{max-width:1700px; width:100%; margin:0 auto; padding:30px 10px; box-sizing:border-box;}
.blog-post img{width:100%; height:600px; object-fit:cover;}
.blog-post-text{padding:20px 0;}
.blog-post-text h2{font-size:30px; color:#000; text-transform:uppercase; padding:30px 0 10px 0;}
.blog-post-text ul{padding-left:15px;}
.blog-post-text li{list-style: disc; font-size:18px; line-height:30px;}
.blog-post-text p{font-size:18px; line-height:26px;}
.blog-post-text p a{color:#000;}
.blog-post-text p a:hover{text-decoration: underline!important;}

.blog-post-text h3{font-size:26px; font-weight:600; color:#b90c21; text-transform:uppercase;}

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

.flex-form{ width:100%;text-align: left;margin: 0 auto;flex-direction: row;justify-content: flex-start;align-items: flex-start;font-size: 15px;}
#formpage input, select {padding:16px 16px 16px 0;border-bottom: 1px solid #ccc; border-top:none; border-left:none; border-right:none;color: #777!important;font-size: 14px;}
#formpage input:focus-visible{border:none!important;}
.flex-row{display:flex;flex-direction:row;width:100%;}
#formpage {width:100%;vertical-align: top;display:inline-block;text-align:left;}
.form-half{width:calc(50% - 10px);display: inline-block;vertical-align: middle;margin:5px;}
.form-whole{width:calc(100% - 10px);display:block;vertical-align:middle;margin:5px;}
input[type="text"], input[type="email"], input[type="date"], select, input[type="phone"]{width:100%;box-sizing:border-box;}
#formpage label{font-size:20px; font-weight:600; padding-top:10px; display:block;}

#formpage textarea {font-family:'Arial', sans-serif; font-size:14px; box-sizing:border-box;padding:16px 16px 16px 0; border-top:none; border-left:none; border-right:none; border-bottom: 1px solid #ccc!important;color: #000;background: #fff;width: 100%;height: 100px;border-radius:2px;}
#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 

#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button{background:#4b4b4b; color:#ffffff;padding:12px 20px;text-decoration:none;transition:ease-in .3s;width: 160px;border:none;height:auto; font-size:16px; font-weight:600; }

#formpage input.submit-button:hover, #submit-btn button:hover{background:#b90c21; position:relative; z-index:100; cursor:pointer;transition:ease-out .3s;}
.submit-button, #submit-btn{padding:10px 0px 10px 0px;position:relative;width:100%;text-align:center; z-index:100;}
.captcha-button{width:160px;}
.include-captcha{display:none;}
#formpage input.submit-button{color:#fff!important;}
#submit-btn button{float:left;}
.CaptchaPanel{text-align:left!important;}
/*-------- FOOTER STYLES ----------------*/
footer{background:#404040; width:100%;}
.footer{max-width:1700px; margin:0 auto; padding:80px 10px; box-sizing:border-box; display:flex; flex-direction:row; justify-content: space-between;}
.footer-left{width:800px; display:flex; flex-direction:row; justify-content: space-between;}
.foot-col{width:33.33%; padding:10px; box-sizing:border-box;}
.footer-right{max-width:260px; width:100%;}
.footer-right img{width:100%;}
.foot-col ul li a{line-height:32px; transition:.3s ease; font-size:16px; text-transform:uppercase; color:#fff; }
.foot-col ul li a:hover{color:#ED102B;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.inv{padding-top:130px;}
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: #b90c21 !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: #b90c21 !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
    background: #000 !important;
    color: #fff !important;
    /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
    color: #000 !important;
    /*-----------------------MEDIA QUERIES-----------------------*/
}






/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1600px) {
	.home-about img{max-width:750px; object-fit:cover;}
	.gray-back{box-sizing:border-box; padding:80px 10px 20px 10px;}
	.hero-left{ height:800px;}
}

@media only screen and (max-width: 1400px) {
	.logo{max-width:400px;}
	nav.primary{width:calc(100% - 400px);}
	.home-about{flex-direction:column;}
	.home-about img{margin:0 auto;}
	.red-grey{background:linear-gradient(to bottom, #b90c21 30%, #f0f0f0 30%)}
	.home-about-right{width:100%; padding:80px 0;}
	.slide-caption{bottom:20%;}
	.products a{width:calc(33.33% - 2px);}
	.blog-home-right h3{font-size:35px;}
	.partner-left{width:30%;}
	.partner-right{width:67%;}
	.partners{justify-content: space-between;}
	.page-top{flex-direction:column-reverse;}
	.top-left{width:100%; height:500px;}
	.top-right{width:100%;}
	.top-left iframe{height:100%!important;}
	.top-right h1{padding-top:0;}
	.blog{width:calc(50% - 20px);}
}

@media only screen and (max-width: 1250px) {
	.partners{flex-direction:column;}
	.partner-left{padding-bottom:10px;}
	.partner-right{width:100%;}
	.page-wrap{flex-direction:column;}
	.page-wrap section{width:100%;}
	.grey, .white{padding: 0;}
	.page-wrap section img{height:450px; object-fit:cover;}
	.white .page-wrap{flex-direction:column-reverse;}
}
@media only screen and (max-width: 1100px) {
	.hero-right{display:none;}
	.hero-left{width:100%;}
	.hero-left{height:550px;}
	.products a{width:calc(50% - 2px);}
	.top-left{height:400px;}
	.blog-top h1{font-size:45px; line-height:48px;}
}
@media only screen and (max-width: 1000px) {	
	.blog-home{flex-direction:column;}
	.blog-home img{width:100%; max-width:450px; margin:0 auto; display:block;}
	.blog-home-right{width:100%; padding:30px 0;}
	.blog-post img{height:450px;}
}

@media only screen and (max-width: 850px) {	
	.slide-caption{left:0; right:0; margin:0 auto; text-align:center;}
	.slide-caption h1{margin:0 auto; }
	.logo{max-width:350px;}
	.white-box{padding:30px;}
	.grey-red{background:linear-gradient(to bottom, #b90c21 55%, #f0f0f0 55%)}
	.partner-left h4{color:#fff;}
	.footer{flex-direction:column-reverse;}
	.footer-right{padding-bottom:15px;}
	.footer-left{width:100%;}
	.top-left{height:320px;}
	.flex-row{flex-direction:column;}
	.form-half{width:calc(100% - 10px);}
	.top-right h1{font-size:50px; line-height:50px;}
	.blog{width:calc(100% - 20px);}
	.blog-top h1{font-size:35px; line-height:38px;}
	.page-text h2{font-size:40px;}
	.page-wrap section img{height:350px;}
}
@media only screen and (max-width: 785px) {
	.inv-head .activeheader{top:0!important;}
	.slide-caption h1{max-width:500px; font-size:38px; line-height:35px;}
	.slide-caption h1 span{font-size:24px;}
}

@media only screen and (max-width: 650px) {
	.products a{width:calc(100% - 2px);}
	.blog-home-right h3{font-size:28px; line-height:30px;}
	.partner-right{flex-direction:column;}
	.partner-right a{width:calc(100% - 20px);}
	.top-right{padding:30px;}
	.header2 .logo{max-width:280px;padding-top:5px;}
	.blog-post img{height:350px;}
	.blog-post-text h2{font-size:26px; line-height:28px;}
}

@media only screen and (max-width: 550px) {
	.slide-caption h1{max-width:400px; font-size:30px; line-height:30px;}
	.slide-caption h1 span{font-size:22px;}
	.logo{max-width:280px;}
	.products a{height:200px;}
	.partner-left h4{font-size:60px; line-height:60px;}
	.grey-red, .red-grey{padding:50px;}
	.about-right-text h4, .white-box h2{font-size:40px; line-height:42px;}
	.footer-left{flex-direction:column;}
	.foot-col{width:100%; text-align:center;}
	.footer-right{margin:0 auto;}
	.hero-left{height:500px;}
	.top-left{height:280px;}
	.blog-text{padding:20px;}
	.blog img{height:240px;}
	.blog-top h1{font-size:32px; line-height:34px;}
	.blog-top h1{font-size:30px; line-height:32px;}
	.blog-post img{height:300px;}
	.page-text h2{font-size:35px;}
	.page-text{padding:30px;}
	.page-wrap section img{height:300px;}
}

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

	.logo{max-width:240px;}
	.grey-red, .red-grey{padding:30px;}
	.partner-left h4{font-size:40px; line-height:40px;}
	.partners{margin:0 auto;}
	.long-gray-btn{width:100%;}
	.about-right-text p{font-size:18px;}
	.hero-left{height:450px;}
	.top-left{height:200px;}
	.header2 .logo{max-width:220px;}
	#menu-button{margin:10px!important;}
	.top-right h1{font-size:30px; line-height:32px;}
	.top-right{padding:20px 15px;}
	.blog-text h2{font-size:24px; line-height:25px;}
	.blog-top h1{font-size:26px; line-height:28px;}
	.blog-post img{height:250px;}
	.blog-post-text h2, .blog-post-text h3{font-size:24px; line-height:26px;}
	.black-btn span{display:none;}
	.page-wrap section img{height:250px; }
}