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

a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after, .cta a .overlay, header, header.onPageScroll, a img {
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;
    outline: none;
}
* { outline: none; }
body { overflow-x:hidden; }

a:hover img { opacity: .65; }

/* =============================================================================
   Foundation Resets                                                               
============================================================================= */

.hidden { display: none; }
.columns.collapse { padding: 0; }
.row.full { max-width: 100%; }
.inven select { width: auto; margin: 0 5px; }  
.inven .row .row { margin: 0px; text-align: left;}

/* =============================================================================
   Hosted Inventory Resets                                                               
============================================================================= */

.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2, .hosted-content .listings-wrapper, .hosted-content .listings-detail-wrapper, .hosted-content .listings-drilldown-wrapper, .hosted-content label, .hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2, .hosted-content input[type=button], .hosted-content input[type=color], .hosted-content input[type=date], .hosted-content input[type=datetime], .hosted-content input[type=datetime-local], .hosted-content input[type=email], .hosted-content input[type=file], .hosted-content input[type=hidden], .hosted-content input[type=image], .hosted-content input[type=month], .hosted-content input[type=number], .hosted-content input[type=password], .hosted-content input[type=range], .hosted-content input[type=reset], .hosted-content input[type=search], .hosted-content input[type=submit], .hosted-content input[type=tel], .hosted-content input[type=text], .hosted-content input[type=time], .hosted-content input[type=url], .hosted-content input[type=week], .hosted-content select, .hosted-content textarea, .hosted-content .listings-wrapper .listings-list .category-banner h3 {
	font-family: 'Raleway', sans-serif !important;
	line-height: 1.35em !important;
}
.hosted-content textarea, .hosted-content .listings-wrapper .listings-list .category-banner h3 { font-size: 2em; font-weight: 700; }
.listings-wrapper .listing-smallcard .listing-smallcard-image a:hover { opacity: .65; }
.hosted-content .listings-wrapper .listings-list .listing-banner h2 { font-size: 2em; }
.hosted-content .pagination>span { margin: 0 5px !important; }

.hosted-content .pagination .next, .hosted-content .pagination .prev { width: auto; }
.hosted-content .pagination>span {
	margin: 0px 5px !important;
}
iframe.financial-calc { width: 100%; height: 450px; }
.listing-details h5 { line-height: 1.25; font-style:normal; font-weight: 600; }
.listing-details h5 a { line-height: 1.25; }
h3#listings-title { font-size: 2.15em; font-weight: 800; letter-spacing: normal; }
.listings-detail-wrapper h1 { font-size: 2.5em; }






/* =============================================================================
   Typeography                                                              
============================================================================= */
body, select, option, input, p, a, form { font-family: 'Raleway', sans-serif; }
h1,h2,h3,h4,h5,h6 {font-family: 'Raleway', sans-serif;}

h2, h3 { font-weight: 800; }

h4 { font-weight: 600; }

h5 { font-weight: 700; }

h6 { font-size: 1.15em; }

strong { font-weight: 800; }

a, a:visited {
	color: #222;
	font-weight: 600;
}
a:hover, a:focus { color: rgba(34,34,34,.65) }

a.button, button, .button, a.button:visited, button:visited, .button:visited {
	border-radius: 5px !important;
	color: #222 !important;
	text-transform: uppercase !important;
	background: transparent !important;
	font-weight: 700 !important;
	margin: 0 !important;
}
a.button.white, button.white, .button.white, a.button.white:visited, button.white:visited, .button.white:visited {
	color: #fff !important;
	border-color: #fff !important;
}
a.button:hover, button:hover, .button:hover, a.button:focus, button:focus, .button:focus {
	background: #222 !important;
	color: #fff !important;
}
a.button.white:hover, button.white:hover, .button.white:hover, a.button.white:focus, button.white:focus, .button.white:focus {
	color: #222 !important;
	background: #fff !important;
	border-color: #fff !important;
}
/* =============================================================================
   Header                                                              
============================================================================= */
.head { width: 100%;}

	/* Top Bar */
	#topBar { 
		display: block; 
		text-align: right; 
		padding: 5px 12px 10px;
	}
	#topBar a, #topBar a:visited { color: #222; }
	#topBar a:hover, #topBar a:focus { color: rgba(34, 34, 34, 0.35); }
	#topBar ul.contact { margin: 0px; list-style:none; }
	#topBar ul.contact li {
		color: #222;
		font-weight: 400;
		display: inline-block;	
		font-size: 12px;
		margin: 0 0 0 10px;	
		letter-spacing: .5px;
	}

.header {
	display: table !important;
	top: -115px !important;
	width: 100% !important;
	padding: 0 25px !important;
	background: #fff !important;
	border-bottom: 1px solid #eee !important;
}
.header img {
	width: 235px;
	padding: 5px 0;
}

/* Fixed Header */
header.onPageScroll {
	position: fixed;
	top: 0;
	z-index: 99999999;
}
header.onPageScroll img { width: 150px; }
header.onPageScroll #topBar { display: none; }

/* Menu Main */
.menu-main-container ul, .mobile-nav ul {
	margin: 0;
	padding:0;
	list-style: none;
}
.menu-main-container ul#menu-main {
	text-align: right;
	margin-top: 15px;
}
#menu-main a {
	display:block; 
	color: #222; 
	padding: 0.8em 1em;
	font-size: 13px;
	font-weight: 700;
	position: relative;
}
#menu-main a:hover, #menu-main a.active {
	color: rgba(34, 34, 34, 0.35);
}
#menu-main li {
	position: relative;
	display: inline-block;
}

/* Main Sub-Menu */
#menu-main ul {
	position: absolute;
	white-space: nowrap;
	z-index: 99;
	left: -99999em;
	background: rgba(255,255,255, 1);
	text-align: left;
	margin: 0px;
}
#menu-main li ul li { display:block; }
#menu-main li ul li a {
    padding: .4em .8em;
	font-size: 12px;
}
#menu-main ul li a:hover, #menu-main ul li a.active {
	color: #fff;
	background: #222;
}
#menu-main > li:hover > ul {
	left: auto;
	min-width: 100%;
}
#menu-main > li li:hover > ul { 
	left: 100%;
	margin-left: 1px;
	top: 0px;
}

/* Dropdown Arrow */
#menu-main li > a:after {
	content: ' ';
    background: url(../siteart/down.png) no-repeat 80% 50% / 8px;
    top: 0;
    position: absolute;
    width: 15px;
    height: 100%;
}
#menu-main li > a:hover:after {
    opacity: .35
}
#menu-main li > a:only-child:after {
    content: none;
}
	/* Sub-Menu Dropdown */
	#menu-main li ul li > a:after {
		content: ' ';
		background: url(../siteart/right.png) no-repeat 80% 50% / 8px;
		top: 0;
		position: absolute;
		width: 15px;
		height: 100%;
	}
	#menu-main li ul li > a:hover:after {
		background: url(../siteart/right-h.png) no-repeat 80% 50% / 8px;
		opacity: 1;
	}
	#menu-main li ul li > a:only-child:after {
		content: none;
	}

.left-side-nav {
	width: auto !important;
	float: left;
    padding-right: .9375rem;
    padding-left: .9375rem;
}

.right-side-nav {
	
	float: right;
	padding-right: .9375rem;
    padding-left: .9375rem;
}

.container {
	width: 95% !important;
	margin: 0 auto !important;
}

	/* Mobile Menu Toggle */
	.mobile-contain {
		position: relative;	
	}
	.mobile-inner {
	    position: relative;
		width: 100%;
		display: block;	
	}
	.mobile-off {
		display:none;
		position: relative;
		height: 100vh;
		max-height: 100%;
		background: #222;
		position: fixed;
		overflow-x:hidden;
		left: 0;
		top: 0;
    	z-index: 1;
	}
	.mobile-off_content.is_open {
		transform: translateX(250px);
	}
	.mobile-left {
		width: 250px;
		transform: translateX(-250px);
		overflow-y: auto;		
	}
	.mobile-left.is_open {
		transform: translateX(0px);
		z-index: 99999999999;
		-webkit-box-shadow: 2px 0 20px -4px #222;
        box-shadow: 2px 0 20px -4px #222;
	}
	.mobile-off_content, .mobile-off_content.is_open, .mobile-left, .mobile-left.is_open, #off_canvas_cover.is_open, #off_canvas_cover  {
		-webkit-transition: all 0.75s ease;
		-moz-transition: all 0.75s ease;
		-o-transition: all 0.75s ease;
		transition: all 0.75s ease;		
	}
		/* Close Btn */
		.close {
			background: url(../siteart/close.png) no-repeat 50% 50% / 20px transparent;
			width: 20px;
			height: 20px;
			position: absolute;
			right: 12px;
			top: 15px;
			display: block;		
		}
		.close:hover {
			cursor:pointer;
			background: url(../siteart/close.png) no-repeat 50% 50% / 20px transparent;
		}
		#off_canvas_cover, #off_canvas_cover.is_open {
			transform: rotate(0);
			-ms-transform: rotate(0);
			-webkit-transform: rotate(0);
			-o-transform: rotate(0);
			-moz-transform: rotate(0);		
		}
		#off_canvas_cover {
			visibility:hidden;
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-image: none;
			z-index:-999999999;
		}
		#off_canvas_cover.is_open {
			background: rgba(255,255,255,.65);
			visibility:visible;
			z-index:9999999;
		}

  	/* Mobile Menu */
	.mobile-off header {
		background: transparent;
		padding: 0px;
		position: relative;		
		top: 0;
		border:none;
	}
	.mobile-off h2 {
		color: #fff;
		text-align:left;
		font-size: 1.5em;
		margin: 10px 15px;		
	}
	.mobile.button { display: none;	}
	.mobile-nav #mobile-menu-main {
		border-top: 1px solid #333;
	}
	.mobile-nav #mobile-menu-main li {
		width: 100%;
		position: relative;
	}
	.mobile-nav #mobile-menu-main li a:hover {
		color: #fff;
	}
	.mobile-nav #mobile-menu-main a {
		width: 200px;
		color: #818181;
		min-height: 45px;
		display: inline-block;
		text-decoration: none;
		padding: 10px 0 10px 5%;
		position: relative;
		font-size: 14px;
		font-weight: 600;
	}
	.mobile-nav #mobile-menu-main a::after {
		content: ' ';
		width: 125%;
		display: block;
		position: absolute;
		height: 1px;
		border-bottom: 1px solid #333;
		left: 0;
		bottom: 0;
	}

	/* Mobile Sub-Menu */
	.mobile-nav #mobile-menu-main ul {
		position: relative;
		z-index: initial;
		left: 0;
		background: transparent;
		text-align: left;
		width: 100%;
		padding: 0px;
		display:none;
	}
	.mobile-nav ul li ul li a { padding: 10px 0; }
	.mobile-nav ul li a:hover { color: #fff !important; }
	
		/* First Dropdown */
		.mobile-nav #mobile-menu-main > li li:hover > ul {
			left: 0px;
		}
		/* Second Dropdown */
		.mobile-nav #mobile-menu-main > li > .sub-menu li a {
			margin: 0 0 0 5%;
		}
		/* Third Dropdown */
		.mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu li a {
			margin: 0 0 0 10%;
		}
		/* Fourth Dropdown */
		.mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu > li > ul.sub-menu li a {
			margin: 0 0 0 15%;
		}
		/* Fifth Dropdown */
		.mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu li a {
			margin: 0 0 0 20%;
		}

	/* Mobile Btn */
	.mobile-nav li button.mobile_btn {
		height: 45px;
		width: 50px;
		position: absolute;
		top: 0;
		right: 0;
		background: #333;
		display: inline-block;
		border-radius: 3px 0 0 3px;
		border:none;
	}
	.mobile-nav li button.mobile_btn:hover { cursor: pointer }
	.mobile-nav button.mobile_btn::after {
		content: ' ';
		position: absolute;
		top: 0;
		left: 0;
		background: url(../siteart/mobile_arrow.png) no-repeat center center / 10px;
		width: 100%;
		height: 100%;
	}
	.mobile-nav li button.mobile_btn.active::after, .close:hover {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

/* =============================================================================
   Body                                                              
============================================================================= */
/*-- detailed search--*/
.detailed-search-wrap {width:80%; margin:20px auto 0 auto; padding: 20px 0;}
.detailed-search-wrap .column4 {
	width: 24%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	margin: 25px 5px 5px 0;
	color: #000 !important;
}

.detailed-search-wrap .column3 {
	width: 32%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	margin: 5px 5px 5px 0;
	color: #000 !important;
	cursor: pointer;
}

.detailed-row .column3.second{vertical-align: middle; margin-top: 20px;}
.detailed-search input[type='submit'] {
	border: 3px solid #222 !important;
    border-radius: 5px !important;
    color: #222 !important;
    text-transform: uppercase !important;
    background: transparent !important;
    font-weight: 700 !important;
    margin: 30px 0 0 0 !important;
}
.detailed-search input[type='submit']:hover{
	background:#222 !important;
	color:#fff !important;
}
.detailed-search input[type='text'], .detailed-search select{
	font-weight: 400 !important; 
	font-family: 'Hind', sans-serif; 
	border: 1px solid #878787;
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 14px;
	height: 40px;
	background-color: #f9f9f9;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}


/* NOUI SLIDER */
.detailed-search .hp-slider .example-val {padding: 5px 0;}
.detailed-search .noUi-target{position: relative; direction: ltr}
.detailed-search .noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.detailed-search .noUi-handle{position: relative; z-index: 1}
.detailed-search .noUi-marker, .detailed-search .noUi-pips, .detailed-search .noUi-tooltip, .detailed-search .noUi-value{position: absolute}
.detailed-search .noUi-horizontal{height: 12px; z-index: 0}
.detailed-search .noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.detailed-search .noUi-background{background: #ccc;}
.detailed-search .noUi-connect{background: #fff !important; }
.detailed-search .noUi-target{width: calc(95% - 15px); margin: 15px auto 0 auto;}
.detailed-search .noUi-handle{background: #222 !important; border: 1px solid #ccc; border-radius: 3px;}
.detailed-search .noUi-handle:after, .detailed-search .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.detailed-search .noUi-handle:after{left: 12px}
.detailed-search .noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.detailed-search .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.detailed-search .example-val{font-size: 12px; font-weight: 600; color: #000;} .detailed-search .example-val span{font-weight: 400;}
.detailed-search #slider-price-value-lower:before, .detailed-search #slider-price-value-upper:before{content: '$'; padding-right: 2px}


/* Slider */
#slider {
	background: #000;
	overflow:hidden;
	position:relative;
	width: 100%;
	background: #222;
	display: table;
}
#slider h1 {
	text-shadow: 4px 4px 6px #000;
	font-size: 4.5em;
	font-weight: 800;
}

#slider .orbit-container {
    height: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    overflow: hidden !important;
    height: 50vh !important;
	width: 100% !important;
	text-align:center !important;
}
#slider .orbit-slide {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 50vh !important;
    background-position: 50% 50% !important;
    width: 100% !important;
}
#slider .orbit-caption {
	display: table !important;
	height: 100% !important;
	background: rgba(0,0,0,0.25) !important;
}
#slider .orbit-caption section {
	display: table-cell !important;
	vertical-align:middle !important;
}
#slider .orbit-caption h2 {
	line-height: 1.4 !important;
	display: block !important;
}
.orbit-next::after, .orbit-previous::after { display: none; }
.orbit-next, .orbit-previous { 
	
	cursor: pointer !important;
	border:none !important;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:focus, .orbit-previous:focus { background: transparent !important; opacity: .65 !important; border: none !important;}
.orbit-next, .orbit-previous { background: transparent !important; border: none !important; }
.orbit-next img, .orbit-previous img { width: 40px !important; } 

	/* Interior */
	#interior #slider .orbit-slide, #interior #slider .orbit-container { height: 25vh !important; }
	#interior #slider .orbit-caption { display: none !important; }

/* Main Container */
#main-container {
	width: 100%;
	display: table;
	margin: 35px 0;
}

/* Search */
.searchBar {
	background: #eee;
	display: table;
	width: 100%;
	color: #222;
	padding: 25px 35px;
	position: relative;
}
.searchBar label { color: #222; font-weight: 700; }
.searchBar .column.column-block { margin-bottom: 0px; }
.searchBar select {
	font-size: 14px;
	font-weight: 300;
	padding: 0 5px;
	background-position: 95% 50%;
	background-size: 9px;
}
.searchBar input[type=text] {
	padding: 0 5px;
	font-size: 14px;
	font-weight: 300;
}
#type { position: relative; z-index:999999; }
.very-hidden {
    width: 100%;
    background: rgba(255, 255, 255, 0);
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
}
.field-wrapper {
}

	/* Interior */
	#interior .searchBar { padding: 10px 0; margin-bottom: 10px; }

/* CTA */
.cta {
	background: #222; 
	margin: 0px 0px 20px; 
	padding: 20px 0;
}
#interior .cta { margin: 20px 0; }
.cta ul { 
	margin: 0 0 20px;
	list-style:none; 
	width: 101.4%;
    display: table;
	position: relative;
}
.cta ul:last-child { margin: 0px; }
.cta ul li { 
	padding: 0 10px 0 0;
	margin: 0px 0 10px; 
}
.cta ul li:first-child, .cta ul li:nth-child(6n+1) { margin-left: -10px; }
.cta li:first-child a section, .cta ul li:nth-child(6n+1) a section { padding: 0 0 0 20px }

.cta ul li div:first-child {
	list-style:none;
	position: relative;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	padding: 0;
	height: 175px;
}
.cta a span {
	text-align: left;
	display: table-cell; 
	vertical-align:middle;
}
.cta a h2 { 
	color: #fff; 
	text-transform: uppercase;
	font-weight: 200; 
	line-height: 1; 
	font-size: 1.35em;
}
.cta a h2 strong { display: block; font-weight: 800; }
.cta a:hover { opacity: 1; }
.cta a .overlay {
	background: rgba(0,0,0,.25);
	position:absolute;
	top:0;
	bottom: 0;
	display: table;
	padding: 0 0 0 10px;
	width: 100%;
	height: 100%;
}
.cta ul li .cta1 { background-image:url(../siteart/amblunace.jpg); }
.cta ul li .cta2 { background-image:url(../siteart/backhoe.jpg); }
.cta ul li .cta3 { background-image:url(../siteart/aggregate.jpg); }
.cta ul li .cta4 { background-image:url(../siteart/dozer.JPG); }
.cta ul li .cta5 { background-image:url(../siteart/excavator.jpg); }
.cta ul li .cta6 { background-image:url(../siteart/motor_grader.jpg); }
.cta ul li .cta7 { background-image:url(../siteart/skid_loader.jpg); }
.cta ul li .cta8 { background-image:url(../siteart/wheel_loader.jpg); }
.cta ul li .cta9 { background-image:url(../siteart/truck.jpg); }
.cta ul li .cta10 { background-image:url(../siteart/trailer.jpg); }
.cta ul li .cta11 { background-image:url(../siteart/attachments.jpg); }
.cta ul li .cta12 { background-image:url(../siteart/lift.jpg); }

.cta a:hover .overlay { background: rgba(0,0,0,.75); }

	/* Interior */
	#interior .cta ul li div:first-child { height: 135px; }

/* Scroll Bar */
.scrollBar {
	 width: 100%; 
	 overflow:hidden; 
	 height: 91px; 
	 margin: 25px 0; 
}
#interior .scrollBar { margin: 0 0 25px }
#scroll { overflow:hidden; }
#scroll ul { overflow: hidden; list-style: none; }
#scroll ul li { display: inline; }

/* Contact */
.contact-head h3::after {
	content:'';
	width: 75px;
	margin: 0px auto;
	display: block;
	border-bottom: 3px solid #888;
	height: 3px;
}
/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}
/* =============================================================================
   Footer                                                              
============================================================================= */

footer { 
	display: table;
	width: 100%;
	background: #222;
	color: #fff;
	padding: 35px 0 20px;
}
footer a, footer a:visited, .productLinks a, .productLinks a:visited, .off_canvas #topBar ul li a, .off_canvas #topBar ul li a:visited { color: #fff }
footer a:hover, footer a:focus, .productLinks a:hover, .productLinks a:focus, .off_canvas #topBar ul li a:hover, .off_canvas #topBar ul li a:focus { color: rgba(255,255,255, .65) }

.productLinks {
	background: #666;
	padding: 15px 0;
	color: #fff;
}
.productLinks ul { list-style:none; margin: 0px; }
.productLinks ul li { 
	display: inline-block; 
	font-size: 14px; 
	margin-right: 15px;
}
.copyright { 
	width: 100%;
	display: table;
	background: #fff;
	color: #999;
	font-weight: 300;
	font-size: 10px;
	text-align:center;
	padding: 10px 0;
}
.copyright a, .copyright a:visited { color: #999; font-weight: 500; }
.copyright a:hover, .copyright a:focus { color: #666; }


.faceted-search-content .selected-facets-container .selected-facets, .faceted-search-content .selected-facets-container .selected-header, .faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name, .list-content .list-main-section .list-container .list-listing, .detail-content .detail-main-body .main-detail-data, #contact-info, .detail-content .breadcrumbs, .detail-content .search-results {
	text-align: left !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
	margin-top: 0px !important;
}

.faceted-search-content .selected-facets-container .selected-facet, .view-listing-details-link, .buy-now-link, .detail-content .detail-additional-data .data-row .data-label {
	background: #666 !important;
}
/* =============================================================================
   Mobile                                                              
============================================================================= */

@media only screen and (max-width: 1150px) { 
	#menu-main a { padding: .8em .7em; font-size: 12px; }
}

@media only screen and (max-width: 1024px) { 
	#menu-main a { padding: .8em .45em; font-size: 11px; font-weight: 700; }
	
	#slider h1 { font-size: 2em; }
	
	.cta ul li:first-child, .cta ul li:nth-child(6n+1) { margin: 10px 0; }
	.cta ul li { margin: 10px 0; }
	.cta ul { margin: 0; width: 100%; }
	.searchBar label {margin: 15px 0;}
}

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

	.off_canvas {
		display: block !important;
	}
	/*.mobile.button {
		display: block;
		background: url(../siteart/mobile.png) center center no-repeat;
		background-size: contain;
		height: 45px;
		width: 45px;
		position:absolute;
		top: 20%;
		right: 25px;
		border:none;
		color: transparent !important;
	}*/
	.menu-main-container {
		display: none;
	}
	
	/* Header */
	.head { height: 68px; }
	.header img { width: 150px; }
	.header { top: 0; z-index: 999999999; }
	.header #topBar { display:none; }
	.off_canvas #topBar { display: block !important; margin: 15px 0 !important; }
	.off_canvas #topBar ul li {
		 color: #fff !important; 
		 display: block !important; 
		 text-align:left !important; 
		 margin: 10px 5px !important;
		 font-size: 15px !importantS;
	}
	
	/* CTA */
	.cta a h2 { font-size: 1.25em; }
	.cta a .overlay { padding: 0 0 0 15px; }
	.cta ul li div:first-child { height: 90px; }
	
	/* Slider */
	#slider .orbit-slide, #slider .orbit-container { height: 35vh !important; }
	
	/* Search Bar */
	.searchBar { padding: 25px 5px; }
	
}

@media only screen and (max-width: 324px) {
	.header img {
		width: 120px;
		padding: 16px 0px;
	}
}