/***** 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 {
font-family: "aktiv-grotesk", sans-serif !important;;
font-weight: 400;
font-style: normal;
line-height: 1.8;
font-size: 18px;
box-sizing: border-box
}

.site-header {box-sizing:unset !important;}

footer {box-sizing: unset!important;}

h1,h2,h3,h4,h5,h6 {font-family: "usual", sans-serif !important;font-weight: 400;
font-style: normal;}

.home-header h1 {color: #fff;font-size: 70px;text-transform:uppercase;}

h1 .small-text.title {font-size: clamp(1.25rem, 1.1436rem + 0.5319vw, 1.875rem);}

.bold {font-weight:800}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

.red {color:#c81d23;font-weight:600;}

.flex {display:flex;}

hr{border:#000 1px solid;}

span.small-text {font-size:18px;}


.flex {display: flex;}

button {border:none;}

button,a {cursor: pointer;}

/*--- HEADER STYLES ---------------------*/
header {}

.site-header {display: flex;justify-content: space-around;width:100%;margin:0 auto;box-shadow: 0px -2px 24px rgba(0,0,0,0.2);}


/*---BODY--------------------------------*/
.home-header {padding: 149px 0;background-image:url("../siteart/home-page.jpg");background-repeat: no-repeat;object-fit:cover;background-position: center;background-size:cover;position: relative;z-index:-1;background-color:#000;}

.sub-page.cover {padding: 100px 0;background-image:url("../siteart/home-page.jpg");background-repeat: no-repeat;object-fit:cover;background-position: center;background-size:cover;position: relative;z-index:-1;background-color: #000;}
.gradient {background:#001539;position:relative;}
.heading-width {width: 100%;max-width: 800px;line-height: 1.1;margin-bottom:80px;margin-left:60px;}
.home-header {position:relative}
.header-shape {background: #001539; position:absolute;}

.welcome-right {position:relative;}
.header-shape {background: #001539;position: absolute;height: 100%;width: 100%;max-width: 940px;top: 0;opacity: 88%;z-index: -1;}
.icons.flex i{color:#fff;font-size:26px;margin-right:18px;margin-top:10px;}

.heading-width .border {margin-left:2px;border-left:solid #004ce3 8px;}
.heading-width .border-left {padding-left:18px;}

.link.flex {flex-direction:column;}



/*---SHAPES--------------------------------*/
.blue-shape {background: #001539; height:619px; width: 100%; max-width: 600px;position: absolute; z-index:-1;top:30px; left:-60px;}

.contact.header-shape {max-width:100%;}



/*---BUTTON STYLES--------------------------------*/
.hero-buttons.flex {width:90%;margin:0 auto;justify-content: space-around;position:relative; bottom:60px;}

/*------- Big Buttons --------*/

.red-button {width: 40%; background:#c81d23;box-shadow: 0px 4px 11px rgba(0,0,0,0.2);}

.red-button i{ font-size:37px;color:#fff;}

.red-button {padding:30px 0;max-width:800px;display:flex;align-items:center;justify-content: space-around;}

.red-button-content{width:100%;padding: 0 40px;max-width:800px;background:none;display:flex;align-items:center;justify-content: space-between;}

.button-text {color: #fff;font-size: clamp(1.625rem, 1.5824rem + 0.2128vw, clamp(1.625rem, 1.5824rem + 0.2128vw, 0.875rem));text-transform:uppercase;}

.fa-solid.fa-house.header {font-size:20px!important;}
/*------- Small Buttons --------*/

.red-button-2.form {width:100%; max-width:300px;padding:15px 0;color:#fff; font-weight:600;font-family: "usual", sans-serif;border:none;text-transform:none;cursor:pointer;}

.red-button-2 {width: 60%; background:#c81d23;padding:20px 20px;display:flex;align-items:center;justify-content: space-around;}


.red-button-2-content .button-text {color: #fff; font-size:23px;font-weight:700;text-transform:none;}
.red-button-2 i{ font-size:28px;color:#fff;}

.red-button-2:hover {transition: ease-in-out .25s; background:#9F171B;}

.red-button-2:hover,.red-button:hover {transition: ease-in-out .25s; background:#9F171B;}

button.red-button-2-content {display:flex;align-items:center;justify-content: space-between;background:none;width:100%;}

/*------- equipment Buttons --------*/

.equipment-left .red-button-2:hover {transition: ease-in-out .25s;background:#9F171B;}



.red-button-2.form:hover {transition: ease-in-out .25s; background:#9F171B;}
/*----- welcome rollers r us ------*/
.welcome-page {padding: 19px 40px;margin:0 60px;}
.welcome-page .wrappper {width: 90%;margin: 0 auto;}
.welcome-page .flex {justify-content: center; gap: 150px;}
.welcome-page .wrapper .welcome-right { max-width: 680px;width:100%;}
.welcome-page .welcome-left {width: 100%; max-width: 640px;margin: 30px 0;}
.welcome-right img {width:100%;background-size:cover;height:670px;object-fit:cover;}
.welcome-left .red-button-2 {margin-top:40px;}
.welcome.small-text {color:#000;margin-bottom:10px;}
.welcome-left {margin:50px 0px;}
.welcome-page h2 {line-height:1;font-size: clamp(2.3125rem, 2.0997rem + 1.0638vw, 3.5625rem);font-weight: 800;text-transform:uppercase;margin-bottom:20px;}
.border-left {padding-left:5px;}
 h2 .small-text{font-size:20px;font-weight:300;}
.border {border-left: solid #c81d23 5px;margin-left: 4px;margin-top: 3px;}
/*------ Equipment Worldwide -------*/
.equipment-worldwide {padding: 50px 0 0;}
.equipment-worldwide .flex {justify-content: space-between;}
.equipment-left{background:#001539;width:64%;display:flex; justify-content: center;}
.equipment-left .wrapper {padding: 50px;max-width:520px;}
.equipment-left h2 {color: #fff;font-size: clamp(2rem, 1.7872rem + 1.0638vw, 3.25rem); font-weight:800; text-transform:uppercase;line-height:1.2;max-width:630px;}
.equipment.flex {flex-direction:column;}
.equipment-right img {width:100%;height:366px;object-position:center;object-fit:cover;}
.small-text {color: #fff;}
.equipment-right {width:35%;height:338px;}
.equipment-left .border {margin-left:0;border-left:solid #004ce3 8px;}
.equipment-left span.small-text {font-size: clamp(1.25rem, 1.0798rem + 0.8511vw, 2.25rem);}
.equipment-left .border-left {padding-left:12px;}
.equipment-left .red-button-2 {width:88%;}
/*--------FORM STYLES--------------------*/

div#formpage {display: flex;flex-direction: column;justify-content: center;align-items: center;	
}

.formfield input {width:100%;padding:17px 20px;box-sizing:border-box;}

.form.flex {gap:20px;}

.sub-page .border {max-width:324px;margin: 0 auto;}
.contact.heading-width h1 .small-text.title {text-transform:none;text-align:left;}
.contact.heading-width {padding-left:0;margin: 0 auto;max-width:100%;}
.contact.heading-width {margin: 0 ;}
.sub-page.cover  h1{text-align:center;font-size: clamp(1.875rem, 1.6941rem + 0.9043vw, 2.9375rem);color:#fff;text-transform:uppercase;font-weight:600;}


/*-------- THANK YOU PAGE ---------------*/
.thankyou-page {padding: 60px 40px;margin:0 60px;}
.thankyou-page .wrapper {width: 90%;margin: 0 auto;}
.thankyou-page .flex {justify-content: center; gap: 150px;align-items:center;}
.thankyou-page .wrapper .welcome-right { max-width: 680px;width:100%;}
.thankyou-page .welcome-left {width: 100%; max-width: 640px;margin: 30px 0;}
.thankyou-right img {width:100%;background-size:cover;height:670px;object-fit:cover;}
.thankyou-left .red-button-2 {margin-top:40px;}
.thankyou-right {position:relative;}
.thankyou.small-text {color:#000;margin-bottom:10px;}
.thankyou-left {margin:50px 0px;}
thankyou.small-text {color:#000;margin-bottom:10px;}
.thankyou-page h2 {line-height:1;font-size: 30px;font-weight: 800;text-transform:uppercase;margin-bottom:10px;}
.border-left {padding-left:5px;}
 h2 .small-text{font-size:16px;font-weight:300;}
.border {border-left: solid #c81d23 5px;margin-left: 4px;margin-top: 3px;}




/*--------INVENTORY STYLES--------------------*/
button.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.dealer-contact__videochat.rollersrusnethdev-1r9hjhb {box-shadow:none;}

button.ts-button.filter-clear-all {box-shadow:none;}

.detail-wrapper {padding:30px 0 !important;}

.listing-widgets-detail .Currency a,.list-content .list-container .email-seller, .list-content .list-container .video-chat {background: #001539 !important;}
.list-content .listing-widgets .Currency a {background: #001539 !important;}

.listing-prices__retail-price {color:#163c78 !important;}

.list-redesign .widget-container .listing-widgets .shipping a {background:#001539!important; color:#fff !important;}

.view-listing-details-link.des-view-listingDetails.template-branded-button {background:#c81d23 !important }

/*-------- FOOTER STYLES ----------------*/

footer{background:#010917;}
.footer {padding:70px 0;}
.footer i:hover {color:  #c81d23;transition: ease-in-out .25s;}

.footer-left.flex li a:hover,.footer-left.flex li a:active,.footer-left.flex li a:focus {color: #c81d23;transition: ease-in-out .25s;}

.footer h3 {font-size: 40px;text-transform:uppercase;}

.footer-wrapper.flex {display:flex; justify-content: space-evenly;}

.footer-left.flex {display:flex; flex-direction: column;gap:40px;color:#fff;}

.footer-left.flex li a{color:#fff;font-size:18px !important;}
.footer-left.flex li i{color:#c81d23;margin-right:7px;font-size:18px !important;}
 .fa-solid.fa-square-up-right.bottom {font-size:25px !important;}

.footer-right {width:100%;max-width:850px;position:relative;}

.formfield  {width:100%;}
.form.flex {width:100%;max-width:980px;flex-wrap:wrap;}

.message.formfield {max-width:980px;margin-top:20px;}
section.form {padding:40px 60px 70px;margin-top:30px;}

.red-shape {background: #c81d23; height:439px; width: 100%; max-width: 600px;position: absolute; z-index:1;top:30px; left:-60px;}

iframe {z-index:2; position:relative;}

.link-width {width:100%;max-width:230px;}

.nav-top {margin-bottom:10px;font-size:18px !important;}



/*--------- SCROLLING STYLES ----------------*/
iframe.scrolling {border-top:15px #c81d23 solid;border-bottom:15px #c81d23 solid;}

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







/*---------- RESPONSIVE STYLES ----------*/




@media only screen and (max-width:1724px) {
	.header-shape {max-width:870px;}
}

@media only screen and (max-width:1596px) {
	.header-shape {max-width:810px;}
	.heading-width {max-width:762px;}
	.home-header h1 {font-size: 56px;}
}

@media only screen and (max-width:1563px) {
	.header-shape {max-width:760px;}
}


@media only screen and (max-width:1513px) {
	.heading-width {max-width:832px;}
	.home-header h1 {font-size:59px;}
	
}


@media only screen and (max-width:1350px) {
	.welcome-page .wrapper .welcome-right {max-width:100%;}
	.thankyou-page .wrapper .thankyou-right {max-width:100%;}
	.sub-page .border {max-width:274px;}
	.red-button-2 {width:90%;}
	.sub-page.cover h1 {font-size:34px;}
}

@media only screen and (max-width:1300px) {
	.footer-wrapper.flex {flex-direction: column;align-items: center;padding-bottom:80px;}
	.footer-left.flex .text-center {text-align:center;}
	.footer-left.flex h3 {text-align:center;}
	.footer-left.flex {margin-top:40px;}
	.footer-right {max-width:800px;}
	.icons.flex {justify-content: center;}
	.link.flex {display:flex;flex-direction:column;align-items:center;}
	.icons.flex {gap:40px;}
	.icons.flex i{font-size:35px;}
	.thankyou-page .flex {gap:80px;}
}

@media only screen and (max-width:1246px) {
	.header-shape {max-width:640px;}
	.heading-width {margin-left:60px; max-width:680px;}
	.heading-width h1 {font-size: 40px;}
	
}

@media only screen and (max-width:1208px) {
	.equipment-left .wrapper {max-width:496px;}
}

@media only screen and (max-width:1200px) {
	.welcome-page .flex {gap:90px;}
}

@media only screen and (max-width:1168px) {
	.header-shape {max-width:590px;}
}

@media only screen and (max-width:1146px) {
	.heading-width {margin-top:30px; margin-bottom:0;}
}


@media only screen and (max-width:1078px) {
	.header-shape {max-width:550px;}
	.heading-width {max-width:440px;}
	.home-header h1 {font-size:36px;}
}

@media only screen and (max-width:1016px) {
	.equipment-left .wrapper {max-width:446px;}
	.equipment-left .red-button-2 {width:76%;}
}


@media only screen and (max-width:1146px){
	.hero-buttons.flex {width:100%;}
	.home-header {padding:81px 0 183px;}
	.welcome-page {padding: 0px 40px 60px;}
	.red-button-2 {width: 90%;}
	.thankyou-page .thankyou-right {display:none;}
	.welcome-page .welcome-left {margin: 0;}
	.sub-page .border {max-width:254px;}
}


@media only screen and (max-width:1000px) {
/*
	.welcome-page .flex {flex-direction:column;}
	.welcome-page {margin: 0;}
*/
	.red-button {width:45%;}
	.blue-shape,.red-shape {display:none;}
	.welcome-page .flex {gap:40px;margin: 0;}
	section.welcome-page{margin: 0 auto;}
	.welcome-right {display:none;}
}

@media only screen and (max-width:940px) {
	.hero-buttons.flex {flex-direction: column;gap:13px;width:100%;}
		.red-button {width:100%;max-width: unset;}
}

@media only screen and (max-width:900px) {
	.header-shape {max-width:100%;}
	.home-header h1 {font-size:55px;}
	.heading-width {max-width:610px;}
}

@media only screen and (max-width:863px) {
	.equipment-worldwide .flex {flex-direction:column-reverse;}
	.equipment-left {width:100%;}
	.equipment-right {width: 100%;height:200px;}
	.equipment-right img{height:406px; object-position: bottom;}
	.welcome-page .welcome-right {display:none;}
	.red-button-2 {width:90%;}
}

@media only screen and (max-width:829px) {
	.footer {padding:30px;}
	.footer-right {max-width:750px;width:100%;}
}

@media only screen and (max-width:734px) {
	.logo img {width:100%;}
	.heading-width .border {border-left:solid #004ce3 13px;}
	.thankyou-page {padding: 60px 0;margin: 0 30px;}
}

@media only screen and (max-width:700px) {
	section.form {padding:40px 10px 70px;}
}

@media only screen and (max-width:617px) {
	.equipment-left h2 {max-width:420px;}

}

@media only screen and (max-width:682px) {
	.heading-width{max-width:560px;}
	.home-header h1 {font-size:47px;}

}


@media only screen and (max-width:640px) {
	.heading-width{max-width:560px;}
	.home-header h1 {font-size:40px;}

}

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

	.blue-shape {display:none;}
	.hero-buttons.flex {flex-direction: column;gap:20px;width:100%;}
	.red-button {width:100%;}
	.heading-width {margin-bottom:0;margin-left:50px;max-width:430px;top:-80px;}
	.home-header h1 {font-size:37px;}
	.heading-width .border-left {padding-left:12px;}
	.thankyou-page h2  {font-size:27px;}
	.thankyou-page .wrapper {width:100%;}
	.sub-page .border {max-width:214px;}
	.welcome-page {padding:0 30px;margin: 0;}
	.welcome-page .welcome-left {max-width: unset; margin: 0;}
	.sub-page.cover h1 {font-size:26px;}
	.heading-width .border-left {padding-left: 12px;}
}

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


	.heading-width {margin-bottom:0;margin-left:30px;max-width:430px;top:-80px;}

}

@media only screen and (max-width:618px) {
	.equipment-left .wrapper {max-width:446px;}
}

@media only screen and (max-width:522px) {
	.red-button-2-content .button-text {font-size:19px;}
	.red-button-2 i {font-size: 22px;}
}

@media only screen and (max-width:522px) {
	.footer-left.flex h3 {font-size:30px;}
}

@media only screen and (max-width:480px) {
	.home-header h1 {font-size:30px;max-width:360px;}

	.red-button-2-content .button-text {font-size:16px;}
	.red-button-2 i {font-size: 20px;}
	.equipment-left h2 {font-size:30px;}
	.button-text {font-size:20px;}
	.red-button i {font-size:25px;}
}

@media only screen and (max-width:414px) {
	.equipment-left h2 {font-size:25px;}
}


@media only screen and (max-width:404px) {
	.home-header h1 {font-size:27px}
}

@media only screen and (max-width:378px) {
	.welcome-page h2  {font-size:31px;}
}

@media only screen and (max-width:376px) {
	.home-header h1 {font-size:39px;max-width:253px;}
	.heading-width {margin-left: 20px;}
	.thankyou-page h2{font-size:25px;}
}