* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, select {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: unset;
}
a {text-decoration:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button {
	border: none;
	border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*=== END RESET ===*/
::-moz-selection {
    background: #ffff01;
    color: #000000;
    text-shadow: none;
}
::selection {
    background: #ffff01;
    color: #000000;
    text-shadow: none;
}

/*=== Clearfix ===*/
.clear {clear: both;}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    zoom: 1;
}

/*=== ELEMENTS ===*/
html {scroll-behavior: smooth;}
img {max-width: 100%;}
body {
	font-family: 'Roboto', sans-serif!important;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
}
h2, h3, h4, h5, h6 {
	font-family: 'Barlow', sans-serif;
}
h1 {
	line-height: 38px;
    padding-bottom: 10px;
    font-family: 'Lora', serif;
    font-size: 24px;
}
h2 {
	line-height: 38px;
	padding-bottom: 5px;
    font-size: 28px;
	font-weight: bold;
}
h3 {font-size: 20px; font-weight: bold;padding:10px 0;}
h4 {font-size: 16px; font-weight: bold;}
hr{border:#000 1px solid;}
button {
	cursor: pointer;
	font-size: 16px;
	padding: 10px 15px;
	font-weight: bold;
}
button.primary {
	border: 2px solid #000000;
	background-color: #ffffff;
	color: #000000;
	width: fit-content;
	transition: all ease .5s;
}
button.primary:hover {
	background-color: #000000;
	color: #ffffff;
}
button.secondary {
	border: 2px solid #000000;
	background-color: #000000;
	color: #ffffff;
	width: 100%;
	transition: all ease .5s;
}
button.secondary:hover {
	background-color: #ffffff;
	color: #000000;
}

/*=== GLOBAL ===*/
.flex-container {
	display: flex;
	height: auto;
}
.flex-vertical {
	flex-direction: column;
}
.flex-horizontal {
	flex-direction: row
}
.flex-width {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
}
.flex-height {
	height: 100%;
}
.flex-wrap {
	flex-wrap: wrap;
}
.set-width {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}

.justify-center {
	justify-content: center;
}
.justify-right {
	justify-content: flex-end
}
.justify-left {
	justify-content: flex-start
}
.justify-between {
	justify-content: space-between;
}
.justify-around {
	justify-content: space-around;
}

.align-center {
	align-items: center;
}
.align-top {
	align-items: flex-start;
}
.align-bottom {
	align-items: flex-end;
}
.align-all-center {
	align-items: center;
	justify-content: center;
}

.align-self-center {
	align-self: center;
}

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.left-icon {
	margin-right: 15px;
}
.right-icon {
	margin-left: 15px;
}

.mobile-only {
	display: none;
}
.clickable {
	cursor: pointer;
}

.max-width {
	max-width: 1366px;
	width: 90%;
	margin: 0 auto;
}
.logo {
	max-height: 55px;
}
.divider {
	width: 1px;
    height: 30px;
    background-color: #000000;
}
.horizontal-divider {
	width: 100%;
    height: 1px;
	margin: auto;
    background-color: #000000;
}
.fa-regular.fa-file-pdf {
	color: #dd3333;
	font-size: 28px;
	padding-right: 15px;
}
.bread-crumb {
	font-size: 14px;
}
.bread-crumb a {
	text-decoration: underline;
	text-transform: capitalize;
}

/*=== HERO SECTION ===*/
section.hero {
	color: #ffffff;
	background-image:  radial-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)), url('/siteart/cranes-lined-up.jpg');
	background-color: #000000;
	background-position: center;
	background-size: cover;
	height: 350px;
	margin-bottom: 60px;
}
section.hero#white {
	color: #ffffff;
	background-image:  radial-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)), url('/siteart/cranes-lined-up.jpg')!important;
	background-color: #000000;
	background-position: center;
	background-size: cover;
	height: 350px;
	margin-bottom: 60px;
}
section.hero img {
	max-height: 150px;
}
section.hero .text-group h2 {
	margin: 5px 0 15px;
}
section.hero h1 {
	font-size: 48px;
	line-height: 48px;
	padding-bottom: 0;
}


/*=== HEADER ===*/
header.site-header{
	border-bottom: 1px solid #000000;
}
/* header.site-header .top-nav{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
header.site-header .top-nav .yellow-bar{
	background-color: #ffff01;
	padding: 10px 0 10px 5%;
}
header.site-header .top-nav .black-bar{
	background-color: #000000;
	padding: 10px 5% 10px 0;
	color: #ffffff;
}
header.site-header .top-nav .black-bar .fa-envelope{
	padding-left: 15px;
} */
header.site-header .black-bar .fa-phone{
	padding-left: 15px;
	border-left: 1px solid #000000;
}
header.site-header .nav-group {
	padding: 25px 5%;
}

/*=== PAGE STYLES ===*/
/*=== DEFAULT-PAGE ===*/
.default-page {
	gap: 30px;
}
.default-page section.default-hero {
	color: #ffffff;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.0)), url('/siteart/cranes-lined-up.jpg');
	background-position: center;
	background-size: cover;
	height: 350px;
}
.default-page section.default-hero .text-group {
	padding-bottom: 35px;
}
.default-page section.default-hero .text-group h1 {
	line-height: 26px;
}
.default-page section.default-hero .text-group h2 {
	margin: 0 0 15px;
	font-size: 18px;
	line-height: unset;
	padding-bottom: 0;
}
.default-page section.brands .brand-logo-container {
	gap: 30px;
	margin: 25px 0 35px;
	flex-flow: wrap;
}
.default-page section.brands .brand-logo-container img {
	max-height: 55px;
}
.default-page section.about {
	clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 calc(100% - 80px));
	background-color: #e6e6e6;
	padding: 100px 0;
}
.default-page section.about div {
	gap: 75px;
}
.default-page section.about .about-text {
	gap: 20px;
}
.default-page section.about .image-container {
	border: 5px solid #000000;
	position: relative;
	margin-right: 25px;
    margin-bottom: 15px;
}
.default-page section.about .image-container img {
	position: absolute;
	top: 20px;
	left: 25px;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/*=== PRODUCT-PAGE ===*/
.product-page .top-section {
	gap: 50px;
	padding-bottom: 30px;
	
}
.product-page .top-section section.about-brand p {
	padding-bottom: 15px;
}
.product-page section.documents {
	max-width: 33%;
	width: 100%;
}
.product-page section.documents .manuals a, .product-page section.documents .brochures a {
	display: none;
}
.product-page section.documents h3 {
	padding: 0 0 10px;
}
.product-page section.documents h3:not(:first-of-type) {
	padding-top: 30px;
}
.product-page section.documents .documents-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	padding-bottom: 5px;
}
.product-page section.documents .more-link {
	color: #dd3333;
	font-size: 14px;
	font-weight: 800;
	text-decoration: underline;
}
.product-page section.products {
	clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 calc(100% - 80px));
    background-color: #e6e6e6;
    padding: 100px 0;
}
.product-page section.products .products-container {
	gap: 45px;
	justify-content: center;
}
.product-page section.products .products-container .product-tile {
	border: 2px solid #000000;
}
.product-page section.products .products-container .product-tile img {
	object-fit: contain;
    object-position: center;
    max-height: 175px;
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #ffffff;
}
.product-page section.products .products-container .product-tile .text-group {
	padding: 0 15px 15px;
	margin-bottom: auto;
}
.product-page section.products .products-container .product-tile h4 {
	font-style: italic;
	padding-bottom: 10px;
}

/*=== SYSTEM-REQUEST-FORM ===*/
section.system-request-form {
	padding: 30px 0;
}
section.system-request-form h2 {
	line-height: 38px;
	padding-bottom: 15px;
    font-size: 24px;
}
section.system-request-form form .required {
	color: #dd3333;
}
section.system-request-form form .input-group {
	margin-bottom: 15px;
}
section.system-request-form form .sub-text {
	margin-top: 5px;
	font-size: 14px;
}
section.system-request-form form {
	margin-top: 30px;
}
section.system-request-form form .address-group div {
	gap: 15px;
}
section.system-request-form form button {
	margin: auto;
}
section.system-request-form form label {
	font-weight: bold;
}
section.system-request-form form .checkbox label {
	font-weight: normal;
}
section.system-request-form form div {
	gap: 45px;
}
section.system-request-form form div div {
	gap: 15px;
}
section.system-request-form form div div div {
	gap: 5px;
}

/*=== MANUALS-AND-BROCHURES-PAGE ===*/
.manuals-and-brochures-page .manuals-brochures-container {
	gap: 75px;
}
.manuals-and-brochures-page section#greer-company, .manuals-and-brochures-page section#orlaco, .manuals-and-brochures-page section#rayco-wylie, .manuals-and-brochures-page section#trimble, .manuals-and-brochures-page section#wika-mobile-control  {
	padding-top: 50px;
}
.manuals-and-brochures-page .sidebar {
	max-width: 25%;
	width: 100%;
}
.manuals-and-brochures-page .sidebar .container {
	position: -webkit-sticky;
	position: sticky;
	top: 35px;
}
.manuals-and-brochures-page .sidebar ul li {
	text-decoration: underline;
}
.manuals-and-brochures-page .sidebar button.contact-us {
	margin-top: 20px;
	width: 100%;
}
.manuals-and-brochures-page .sidebar .accordion {
	text-align: left;
	transition: 0.5s ease;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}
.manuals-and-brochures-page .sidebar .active, .manuals-and-brochures-page .sidebar .accordion:hover {
	background-color: #ffff01; 
	border: 1px solid #000000;
}
.manuals-and-brochures-page .sidebar .panel {
	padding: 0 18px;
	display: none;
	background-color: #f3f3f3;
	overflow: hidden;
	overflow-y: scroll;
	max-height: 250px;
}
.manuals-and-brochures-page .sidebar .panel p {
	padding: 5px 0;
	text-decoration: underline;
}
.manuals-and-brochures-page .document-navigation {
	padding-bottom: 15px;
}
.manuals-and-brochures-page .document-navigation p {
	text-decoration: underline;
	padding: 0 5px;
}
.manuals-and-brochures-page .document-navigation p a {
	text-decoration: underline;
}
.manuals-and-brochures-page .documents {
	border-left: 1px solid #000000;
	margin-left: 20px;
	padding-left: 15px;
}
.manuals-and-brochures-page .documents .documents-container {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 15px 15px;
    margin: 10px 0;
    background: #f3f3f3;
}

/*=== BRANDS-PAGE ===*/
.brands-page .brands-container {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
	height: calc(100% - 20px);
	padding: 100px 0;
}
.brands-page .angled-container {
	clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 calc(100% - 80px));
    background-color: #e6e6e6;
}
.brands-page .brands-container .brand-tile {
	border: 2px solid #000000;
	background-color: #e6e6e6;
}
.brands-page .brands-container .brand-tile .brand-logo {
	text-align: center;
	max-height: 100px;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
}
.brands-page .brands-container .brand-tile .brand-logo img {
	height: 100%;
	padding: 15px;
}
.brands-page .brands-container .brand-tile h3 {
	padding: 5px 15px 15px;
}
.brands-page .brands-container .brand-tile p {
	padding: 0 15px 30px;
}
.brands-page .brands-container .brand-tile button {
	margin-top: auto;
}

/*=== PRODUCT-LANDING-PAGE ===*/
.products-landing-page, .manuals-brochures-container {
	gap: 75px;
}
.products-landing-page #multi-sensor-indicators, .products-landing-page #LMI-RCI-RCL, .products-landing-page #sensors-and-service-parts, .products-landing-page #wind-indication, .products-landing-page #cameras, .products-landing-page #cable-reel {
	padding-top: 50px;
}
.products-landing-page .sidebar .container {
	position: -webkit-sticky;
	position: sticky;
	top: 35px;
}
.products-landing-page .sidebar ul {
	width: max-content;
}
.products-landing-page .sidebar ul li {
	text-decoration: underline;
}
.products-landing-page .sidebar button {
	margin-top: 20px;
	width: 100%;
}
.products-landing-page .document-navigation {
	padding-bottom: 15px;
}
.products-landing-page .document-navigation p {
	text-decoration: underline;
	padding: 0 5px;
}
.products-landing-page .brands {
	border-left: 1px solid #000000;
	margin-left: 20px;
	padding-left: 15px;
}
.products-landing-page .brands .brand-container {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 15px 15px;
    margin: 10px 0;
    background: #f3f3f3;
}
.products-landing-page .brands button.primary {
	width: 100%;
}
.products-landing-page .product-image{
	max-width: 150px;
	width: 100%;
	margin: 10px auto;
}

/*=== CONTACT-PAGE ===*/
.inventory-page .text-group p {
	font-family: 'Lora', serif;
	font-size: 48px;
	line-height: 48px;
}

/*=== CONTACT-PAGE ===*/
.contact-page .top-group{
	gap: 75px;
	padding-bottom: 45px;
}
.contact-page section.contact form.contact-form {
    gap: 15px;
}
.contact-page section.contact form.contact-form div {
    gap: 15px;
}
.contact-page .sidebar .social-media .subcontainer, .contact-page .sidebar .more-ways-to-contact .subcontainer {
	padding-left: 25px;
}
.contact-page .sidebar .subcontainer {
    border-left: 1px solid #000000;
	margin-left: 20px;
	padding-left: 15px;
}
.contact-page .sidebar section:not(:first-of-type) {
    padding-top: 30px;
}
.contact-page .sidebar .employee-card {
    padding: 10px;
	margin: 0 0 10px;
}
.contact-page .sidebar .employee-card:last-of-type {
	margin: 0;
}
.contact-page .sidebar .employee-card:nth-child(even) {
    background-color: #f3f3f3;
}
.contact-page .sidebar .employee-card .fa-user-large {
    font-size: 16px;
}
.contact-page .sidebar .employee-card h3 {
	padding: 0;
    line-height: 16px;
}
.contact-page .sidebar .employee-card p {
    line-height: 16px;
}
.contact-page section.map {
	clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 calc(100% - 80px));
    background-color: #e6e6e6;
}

/*=== FOOTER ===*/
section.cta {
	gap: 15px;
	padding: 30px 0;
}
section.cta * {
	gap: 15px;
	color: #ffffff;
}
section.cta .request-quote {
	background-image: linear-gradient(0, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/siteart/crane-with-stands-deployed.jpg');
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 40px;
	transition: background-image 1s;
}
section.cta .request-quote:hover {
	background-image: linear-gradient(0, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/siteart/crane-with-stands-deployed.jpg');
}
section.cta .view-products {
	background-image: linear-gradient(0, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/siteart/crane-boom-in-field.jpg');
	background-position: center;
	background-size: cover;
	height: 75px;
	transition: background-image 1s;
}
section.cta .view-products:hover {
	background-image: linear-gradient(0, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/siteart/crane-boom-in-field.jpg');
}
section.cta .view-manuals {
	background-image: linear-gradient(0, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/siteart/winch.jpg');
	background-position: center;
	background-size: cover;
	height: 75px;
	transition: background-image 1s;
}
section.cta .view-manuals:hover {
	background-image: linear-gradient(0, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/siteart/winch.jpg');
}
footer.site-footer {
	background-color: #e6e6e6;
	font-size: 14px;
}
footer.site-footer .links {
	gap: 100px;
	color: #ffffff;
	background-color: #000000;
	padding: 20px 10px 30px 5%;
}
footer.site-footer ul ul {
	border-left: 1px solid #ffffff;
	margin-left: 10px;
	padding-left: 10px;
}
footer.site-footer .right-logo {
	padding: 20px 5% 30px 5%;
}
footer.site-footer .right-logo p {
	padding-top: 20px;
}

/*=== RESPONSIVE ===*/
@media screen and (max-width: 1500px)  {
	/*=== BRANDS-PAGE ===*/
	.brands-page .brands-container .brand-tile .brand-logo {
		max-height: 75px;
	}
}
@media screen and (max-width: 1375px)  {
	/*=== PRODUCT-LANDING-PAGE ===*/
	.products-landing-page .brands .brand-container {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 1125px)  {
	/*=== PRODUCT-LANDING-PAGE ===*/
	.products-landing-page .brands .brand-container {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (max-width: 1075px)  {
	/*=== HEADER ===*/
	header.site-header .logo {
		max-height: 75px;
	}

	/*=== BRANDS-PAGE ===*/
	.brands-page .brands-container {
		grid-template-columns: repeat(3, 1fr);
	}

	/*=== FOOTER ===*/
	footer.site-footer .links {
		gap: 35px;
	}
}

@media only screen and (max-width: 875px) {
	/*=== DEFAULT-PAGE ===*/
	.default-page section.brands .brand-logo-container .divider{
		display: none;
	}

	/*=== MANUALS-AND-BROCHURES-PAGE ===*/
	.manuals-and-brochures-page .documents .documents-container {
		grid-template-columns: repeat(3, 1fr);
	}

	/*=== PRODUCTS-LANDING-PAGE ===*/
	.products-landing-page #anti-two-block, .products-landing-page #multi-sensor-indicators, .products-landing-page #LMI-RCI-RCL, .products-landing-page #sensors-and-service-parts, .products-landing-page #wind-indication, .products-landing-page #cameras, .products-landing-page #cable-reel {
		flex-direction: column;
	}

	/*=== FOOTER ===*/
	footer.site-footer .links {
		gap: 15px;
	}
}

@media only screen and (max-width: 768px) {
	.mobile-only {
		display: flex;
	}
	.desktop-only {
		display: none;
	}
	.flex-horizontal {
		flex-direction: column;
	}

	/*=== DEFAULT-PAGE ===*/
	.default-page section.about .image-container {
		height: 275px;
		max-height: 275px;
	}
	
	/*=== BRANDS-PAGE ===*/
	.brands-page .brands-container .brand-tile .brand-logo {
		max-height: 80px;
	}

	/*=== PRODUCT-PAGE ===*/
	.product-page section.documents {
		max-width: 100%;
	}

	/*=== PRODUCT-LANDING-PAGE ===*/
	.products-landing-page .product-image {
		max-width: 50%;
		margin: 10px 0 0 20px;
		border-left: 1px solid;
		padding-left: 15px;
	}

	/*=== BRANDS-PAGE ===*/
	.brands-page .brands-container {
		grid-template-columns: repeat(2, 1fr);
	}

	/*=== FOOTER ===*/
	section.cta .request-quote {
		min-height: 75px;
	}
	section.cta .view-products {
		min-height: 75px;
	}
	section.cta .view-manuals {
		min-height: 75px;
	}
	footer.site-footer {
		text-align: center;
	}
	footer.site-footer .location {
		margin-top: 15px;
	}
	footer.site-footer .links {
		gap: 0;
	}
	footer.site-footer ul {
		padding: 10px 0;
	}
	footer.site-footer ul ul {
		padding: 0;
		border-left: unset;
		margin-left: unset;
		padding-left: unset;
	}
}

@media only screen and (max-width: 675px) {
	/*=== MANUALS-AND-BROCHURES-PAGE ===*/
	.manuals-and-brochures-page .documents .documents-container {
		grid-template-columns: repeat(2, 1fr);
	}

	/*=== BRANDS-PAGE ===*/
	.brands-page .brands-container {
		grid-template-columns: repeat(1, 1fr);
	}
	.brands-page .brands-container .brand-tile .brand-logo {
		max-height: 100px;
	}
}

@media only screen and (max-width: 425px) {
	/*=== HEADER ===*/
	/* header.site-header .top-nav{
		flex-direction: column;
		text-align: center;
	} */

	/*=== MANUALS-AND-BROCHURES-PAGE ===*/
	.manuals-and-brochures-page .documents .documents-container {
		grid-template-columns: repeat(1, 1fr);
	}

	/*=== PRODUCT-LANDING-PAGE ===*/
	.products-landing-page .brands .brand-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 325px) {
	/* header.site-header .top-nav .yellow-bar {
		padding: 10px 5% 10px;
	}
	header.site-header .top-nav .black-bar {
		padding: 10px 5% 10px;
	} */

	/*=== PRODUCT-PAGE ===*/
	.product-page section.documents .documents-container {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}

	/*=== PRODUCT-LANDING-PAGE ===*/
	.products-landing-page .brands .brand-container {
		grid-template-columns: repeat(1, 1fr);
	}
	.products-landing-page .product-image {
		max-width: 100%;
	}
}