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

a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after {
    -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; }
body { overflow-x:hidden; }

::-webkit-scrollbar-track, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #eee;
}
::-webkit-scrollbar {
	width: 10px;
	background-color: #eee;
}
::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.25); }


/* =============================================================================
   Hosted Inventory Resets                                                               
============================================================================= */
.inven #wide_col { float: left; }
.hosted-content .columns.small-12 {
    width: 25%;
    float: left;
    padding: 0;
}
.attachment-search { width: 100% !important; }

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}
.at-share-btn-elements{
	padding-bottom:10px !important;
}
.listings-wrapper .listing-smallcard .listing-smallcard-title{
	min-height:0 !important;
}
h1{font-size:2em;margin:0}
.listings-wrapper .listing-smallcard .listing-card-pricing .listing-prices {
     margin-bottom: 0px; 
}
.hosted-content img {
	vertical-align: baseline!important;
}
.hosted-content .pagination>.drop-down-form select, .hosted-content .pagination-blog>select {
    width: 60px;
}
/* =============================================================================
   Typeography                                                              
============================================================================= */
.white-background{background-color:white;}

.hosted-content h1{
	color: #253556; 
	font-size:1.8rem;
	font-family: 'Montserrat', sans-serif;
}
.hosted-content h2{
	color: #253556; 
	font-family: 'Montserrat', sans-serif;
}
.hosted-content .listings-wrapper .listings-list .listing-name a{
	color: #253556; font-family: 'Montserrat', sans-serif;
}
.hosted-content .underline{
	color: #253556; font-family: 'Montserrat', sans-serif;
}
.hosted-content .fixed-column6 {
    width: 100% !important;
}
.hosted-content .social-buttons .columns.small-12 {
    width: 100%;
}
/* =============================================================================
   Marquee                                                              
============================================================================= */
.marquee-wrapper {width: 100%; display: flex; overflow: hidden; background: #e4c203; padding: 1em 0; color: #253556; font-size: 14px; white-space: nowrap; position: relative;}
.marquee-content {display: inline-flex; align-items: center; white-space: nowrap; animation: scrollText 25s linear infinite; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 14px; gap: 5em;}
.marquee-content a {color: #253556;}
.marquee-wrapper:hover .marquee-content {animation-play-state: paused;}

@keyframes scrollText {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* =============================================================================
   Header                                                              
============================================================================= */
.yellow-top {background-color: #e4c203; padding-top: 10px; color: #253556; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15px;}

/*.scroll-track {
    animation: scrollText 15s infinite linear;
    display: flex;
    width: max-content;
    gap: 75px;
}
@keyframes scrollText {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(18%);
  }
  }*/

.top{padding:20px;}


header {
	display: table;
	width: 100%;
	padding-top:15px;
}

/* Menu Main */
.menu-main-container ul {
	margin: 0;
	padding:0;
	list-style: none;
	text-align:right;
}
.mobile-nav ul {
	margin: 0;
	padding:0;
	list-style: none;
}
#menu-main a {
	display:block; 
	color: #253556; 
	padding: 0.8em 0.8em;
	font-size: 16px;
	position: relative;
	font-family: 'Montserrat', sans-serif;
}
#menu-main a:hover {
	color:white;
	background-color: #253556;
}
#menu-main li {
	position: relative;
	display: inline-block;
}

/* Main Sub-Menu */
#menu-main ul {
	position: absolute;
	white-space: nowrap;
	z-index: 99999999;
	left: -99999em;
	background: white;
	text-align: left;
}
#menu-main li ul li { display:block; }
#menu-main ul li a{font-size:14px;     padding: 0.6em 0.8em;}
#menu-main ul li a:hover { color: white; }
#menu-main > li:hover > ul {
	left: auto;
	min-width: 100%;
}
#menu-main > li li:hover > ul { 
	left: 100%;
	margin-left: 1px;
	top: -1px;
}

/* 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 { background: url(../siteart/down.png) no-repeat 80% 50% / 8px; }
#menu-main li > a:only-child:after { content: none; }


	/* Mobile Menu Toggle */
	.off-canvas-container { position: relative;	}
	.off-canvas-inner {
	    position: relative;
		width: 100%;
		display: block;
		overflow:hidden;
	}
	.off_canvas {
		position: relative;
		height: 100vh;
		max-height: 100%;
		background: white;
		position: fixed;
		overflow-x:hidden;
		top: 0;
    	z-index: 1;
	}
	.off_canvas_content.is_open, .off_canvas_content.open_right.is_open {
		filter: blur(3px);
		position:fixed;
		width: 100%;
	}
	.off_canvas_content.is_open { transform: translateX(300px); }
	.off_canvas_content.open_right.is_open { transform: translateX(-250px); }
	.position_left, .position_right {
		width: 300px;
		overflow-y: auto;
	}
	.position_left {
		transform: translateX(-300px);
		left: 0	
	}
	.position_right {
		transform: translateX(300px);
		right: 0;	
	}
	.position_left.is_open, .position_right.is_open {
		transform: translateX(0px);
		z-index: 999999;
		-webkit-box-shadow: 2px 0 20px -4px #222;
        box-shadow: 2px 0 20px -4px #222;
	}
	.off_canvas_content, .off_canvas_content.is_open, .position_left, .position_left.is_open, #off_canvas_cover.is_open, #off_canvas_cover, .position_right.is_open, .position_right  {
		-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); }
		#off_canvas_cover {
			visibility:hidden;
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index:-1;
			background: rgba(255,255,255,.65);
			opacity: 0;
		}
		#off_canvas_cover.is_open {
			opacity: 1;
			visibility:visible;
			z-index:9999;
		}

  	/* Mobile Menu */
	.off_canvas header {
		background: transparent;
		padding: 0px;
		position: relative;		
		top: 0;
	}
	.off_canvas h2 {
		color: #fff;
		text-align:left;
		font-size: 1.5em;
		margin: 10px 15px;
		font-family: 'Montserrat', sans-serif;		
	}
	.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: 100%;
		color: #253556;
		min-height: 45px;
		display: inline-block;
		text-decoration: none;
		padding: 10px 0 10px 5%;
		position: relative;
		font-size: 14px;
		border-bottom: 1px solid #253556;
		font-family: 'Montserrat', sans-serif;
	}

	/* 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: #000 !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 { background: #666; }
	.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                                                              
============================================================================= */
.main-image{width:100%;}
.blue{background-color:#253556;}
.extra-space{padding:50px 0; }
h1 {
	color:white;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	text-transform:capitalize;
	font-size:2em;
	padding-bottom:30px;
}
.main-button{padding:30px 0;}
.main-button a{
	color:white; 
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	padding:10px 20px;
	border:thin solid #e4c203;
}
.main-button a:hover{
	background-color:white;
	color:#253556; 
}
h2 {
	color:white;
	font-family: 'Montserrat', sans-serif;
	text-transform:capitalize;
	font-size:1.5em;
}
.main-text{
	color:white;
	font-family: 'Montserrat', sans-serif;
	font-size:1.0em;
}
.main-text a{color:#e4c203; font-size:1.2em}
.main-text a:hover{color:white;}
.finance-button{
	max-width:275px;
	padding-top:20px;
	width:100%;
}
/* =============================================================================
   Slider                                                              
============================================================================= */
		#slider {
			overflow:hidden;
			position:relative;
			width: 100%;
			background: #222;
			display: table;
		}
		#slider h1 {
			line-height: 1;
			margin-bottom: 10px;
			font-size: 2.5em;
			color: black;
			text-transform:uppercase;
			font-family: 'Montserrat', sans-serif;
			font-weight:600;
		}
		#slider .orbit-caption h6 { 
			margin-bottom: 10px; 
			color: black;
			font-size:15px;
			font-family: 'Montserrat', sans-serif;
			font-weight:600;}
		#slider .orbit-container {
			height: 0;
			margin: 0;
			list-style: none;
			overflow: hidden;
			height: 55vh !important;
			width: 100%;
			text-align:left;
		}
		#slider .orbit-slide {
			background-repeat: no-repeat;
			background-size: cover;
			height: 55vh;
			background-position: 50% 50%;
			width: 100%;
			z-index: 9999;
			padding: 0;
		}
		#slider .orbit-caption {
			display: table;
			height: 100%;
			width: 575px;
			top: 0;
			position:relative;
			background: transparent;
			padding: 0;
			left: 50px;
		}
		#slider ul li:nth-child(odd) .orbit-caption {
			text-align:right;
			float: right;
			right: 50px;
			left: auto;
		}
		#slider .orbit-caption section {
			display: table-cell;
			vertical-align:middle;
		}
		#slider .orbit-caption section span { 
			background:rgba(255,255,255,0.70);
			padding: 25px 25px 10px 25px;
			display: table;
		}
		#slider ul li:nth-child(odd) .orbit-caption section span { 
			padding: 25px 25px 10px 25px;
			float: right;
		}
		.orbit-next::after, .orbit-previous::after { display: none; }
		.orbit-next, .orbit-previous, .orbit-next:focus, .orbit-previous:focus, .orbit-next:active, .orbit-previous:active { 
			z-index: 999999999; 
			cursor: pointer;
			background: transparent;
		}
		.orbit-next:hover, .orbit-previous:hover { background: rgba(0,0,0,.5) }
		.orbit-next:hover, .orbit-previous:hover, .orbit-next:focus, .orbit-previous:focus { padding: 1rem; }
		.orbit-next, .orbit-previous { background: transparent; }
		
			/* Interior */
			#interior #slider .orbit-container, #interior #slider, #interior #slider .orbit-slide { height: 20vh !important; }
			#interior #slider .orbit-caption { display: none; }
			#interior .orbit-next, #interior .orbit-previous { display:none; }
			#interior #slider .orbit-slide { background-position: 50% 65%; }
			
		#slider .slider-button{
			background-color:#fed560;
			color: black;
			text-transform:uppercase;
			font-family: 'Montserrat', sans-serif;
			font-weight:600;
			font-size:18px;
			padding:5px 10px;
		}
		#slider .slider-button:hover{
			background-color:rgba(205,165,45,1.00);
		}


/*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 100%; margin: 0 auto; padding: 0; position: relative;
    background: url(https://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;

 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 10%; opacity: .7; filter: alpha(opacity=70); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(https://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(https://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

#progress{position:absolute;bottom:0;height:6px;background:#fff;z-index:500;}


/*  NEW FINANCE PAGE
------------------------------------------------*/
.hero-finance {background:#0d2347; padding:96px 0 104px 0; position:relative; overflow:hidden; color:#fff;}
.yellow-text {color:#f2c430; text-transform:uppercase;}
.finance-text {position:relative; display:grid; grid-template-columns:minmax(0,640px); gap:12px;  max-width:1920px;}
.cta-btns {display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin-top:8px;}
.cta-support {font-size:14px; color:#a9b4c4; margin-bottom:0px!important;}
.finance-btn {display:inline-flex; align-items:center; justify-content:center; padding:18px 36px; background:#f2c430; color:#0d2347; border:none; border-radius:4px; font-size:14px; font-weight:700; letter-spacing:0.01em; cursor:pointer; text-decoration:none; font-family: 'Montserrat', sans-serif;transition:background 0.15s ease, transform 0.1s ease;}

.finance-value {background:#faf7f0; padding:88px 0; max-width:1920px;}
.value-wrap {max-width:1120px; margin:0 auto; padding:0 24px;}
.finance-header {font-size:36px; color:#0d2347; margin-bottom:14px!important;font-weight:700; line-height:1.15; letter-spacing:-0.01em; }
.value-text {color:#5a6478; font-size:17px; margin-bottom:48px;}
.value-boxes {display:grid; grid-template-columns: repeat(4,1fr); gap:24px;}
.vp {background:#fff; padding:28px 24px; border:1px solid #e4e1d6; border-radius:4px;}
.vp-info {font-size:12px; font-weight:700; color:#f2c430; letter-spacing:0.1em; margin-bottom:18px;font-family: 'Montserrat', sans-serif;}
.vp h3 {font-size:20px; margin-bottom:10px; color:#0d2347; font-weight:700; line-height:1.15; letter-spacing:-0.01em;}
.vp p {font-size:15px; color:#5a6478; line-height:1.55;}

.faq {background:#0d2347; color:#fff; padding:88px 0;}
.faq h2{font-size:36px; color:#ff; margin-bottom:48px; font-weight:700; line-height:1.15; letter-spacing:-0.01em;}
.steps {display:grid; grid-template-columns: repeat(3, 1fr); gap:40px; position:relative;}
.step {position:relative; padding-top:28px;}
.step h3 {font-size:22px; margin-bottom:10px; color:#fff; font-weight:700; line-height:1.15; letter-spacing:-0.01em;}
.step p {color:#b8c2d4; font-size:15.5px;}

.cta-banner {background:#f2c430; padding:56px 0;}
.cta-wrap {display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; max-width:1120px; margin:0 auto; padding:0 24px;}
.cta-banner h2 {font-size:32px; color:#0d2347; font-weight:700; line-height:1.15; letter-spacing:-0.01em;}
.second-finance-btn {display:inline-flex; align-items:center; justify-content:center; padding:18px 36px; background:#0d2347; color:#fff; border:none; border-radius:4px; font-size:17px; font-weight:700; cursor:pointer; text-decoration:none; font-family: 'Montserrat', sans-serif;}

.other-options {background:#fff; padding:72px 0; border-bottom: 1px solid #e4e1d6;}
.other-options h2 {font-size:22px; color:#0d2347; margin-bottom:10px; font-weight:700; line-height:1.15; letter-spacing:-0.01em;}
.other-options p {color:#5a6478; margin-bottom:28px; font-size:15.5px;}
.currency-partner {display:inline-flex; align-items:center; padding: 20px 28px; background:#faf7f0; border:1px solid #e4e1d6; border-radius:4px; text-decoration:none; color:#0d2347; font-weight:600; transition:border-color 0.15s ease;}

.locations {background:#0d2347; color:#fff; padding:88px;}
.locations h2 {font-size:36px; color:#fff; margin-bottom:8px; font-weight:700; line-height:1.15; letter-spacing:-0.01em;}
.location-text {color:#a9b4c4; margin-bottom:48px; font-size:17px;}
.loc-grid {display:grid; grid-template-columns: repeat(2,1fr); gap:48px;}
.loc h3 {font-size:22px; margin-bottom:14px; color:#fff; font-weight:700; line-height:1.5; letter-spacing:-0.01em;}
.loc .address-location {font-size:16px; color:#c9d2e0; margin-bottom:16px; line-height:1.55;}
.loc .phone {font-family:'Montserrat', sans-serif;font-size:22px; font-weight:700; color:#f2c430; text-decoration:none; display:block; margin-bottom:18px;}
.loc .hours {font-size:14px; color:#a9b4c4; line-height:1.7;}
.loc-grid-single {grid-template-columns: 1fr; margin:0 auto; text-align:center;}



/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    /*.cycle-slideshow { width: 200px;}*/
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}

  #location-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 9998;
    animation: fadeIn 0.3s ease;
  }

  /* Popup box */
  #location-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: #253556;
    border: 3px solid #e4c203;
    border-radius: 8px;
    padding: 40px 36px 32px;
    max-width: 440px;
    width: 90%;
    text-align: center;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    animation: popIn 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-family: 'Montserrat', sans-serif;
  }

  /* Gold accent bar at top */
  #location-popup::before {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: #e4c203;
    margin: 0 auto 20px;
    border-radius: 2px;
  }

  #location-popup .popup-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #e4c203;
    margin-bottom: 10px;
  }

  #location-popup h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 26px;
    margin: 0 0 6px;
    line-height: 1.3;
  }

  #location-popup .popup-address {
    color: #e4c203;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 14px 0 8px;
    line-height: 1.4;
  }

  #location-popup .popup-sub {
    color: #afc0d8;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: 1.6;
  }

  #location-popup .popup-divider {
    border: none;
    border-top: 1px solid rgba(228, 194, 3, 0.25);
    margin: 20px 0;
  }

  /* Close button */
  #popup-close {
    position: absolute;
    top: 12px;
    right: 14px;
    background: none;
    border: none;
    color: #afc0d8;
    font-size: 22px;
    cursor: pointer;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 4px;
    transition: color 0.2s, background 0.2s;
  }

  #popup-close:hover {
    color: #e4c203;
    background: rgba(228, 194, 3, 0.1);
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
  }

  @keyframes popIn {
    from { opacity: 0; transform: translate(-50%, -48%) scale(0.95); }
    to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  }

/* =============================================================================
   Buttons                                                             
============================================================================= */

/* Equipment Images */	
	.inventory-boxes {
		padding:5px 0;	
	}
	
	.inventory-boxes h2 {
		font-family: 'Montserrat', sans-serif;
	}
	
	.padding8 {
		padding:80px 0;
	}
	
	.equipment-contain {
		padding:15px;	
		width: 100%;
		float: left;
		background-size: 100%;
		background:white;
	}
		
/* Category Box */
	.categorybox {
		float:left;
		width: 23%;
		margin: 0 0 0 0;
		box-sizing: border-box;
		height:200px;
		margin: 1%;
		position:relative;
		overflow:hidden;
		background-position:center center;
		background-repeat:no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		border:1px #000 solid;
		background-color:#000;
	}
	
	.categorybox .categorybox-title {
		text-align:center;
		width:90%;
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%); 
		-webkit-transform: translate(-50%,-50%); 
		-ms-transform: translate(-50%,-50%);
		font-size:20px;
		color:#fff;
		font-family: 'Montserrat', sans-serif;
		font-weight:700;
		
		margin:0 0 0 0;
		text-transform:capitalize;
		z-index:99;
	}
	
	.categorybox:after { 
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.3; 
		transition: .3s all;
		display:block;
	}
	.categorybox:hover:after {
		opacity: .5;
		background:#000;
	}
	
	a .categorybox {
		color:#fff;
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	

/*SPANS*/ 
	.underline { text-decoration:underline; color:#e4c203;}
	
/* HOVER CATEGORY BOXES */	
	.invlinkbox {
		float:left;
		width:100%;
		height:200px;
		margin: 0 0 0 0;
		background-position:center center;
		background-repeat:no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-webkit-transform:translateZ(0);
		transform:translateZ(0);
		z-index:1000;
		position:relative;
		overflow:hidden;
		box-sizing:border-box;
		cursor:pointer;
		font-family: 'Montserrat', sans-serif;
	}
	.invlinkbox a {
		color:#fff;
		font-size:14px;
	}
	.invlinkbox a:hover { 
		color:#e4c203;
	}
	.invlinkbox p a { 
		text-decoration:underline;
	}
	.invlinkbox::before{
		content:' ';
		position:absolute;
		top:255px;
		right:0;
		bottom:0;
		left:0;
		background:rgba(0,0,0,1);
	}
	.invlinkbox:hover::before{
		background:rgba(0,0,0,1);
		top:0;
	}
	.caption__media{
		display:block;
		min-width:100%;
		max-width:100%;
		height:auto;
	}
	.caption__overlay{
		position:absolute;
		top:0;
		right:0;
		left:0;
		padding:5px 0 10px 10px;
		color:#fff;
		-webkit-transform:translateY(255px);
		transform:translateY(255px);
		transition:-webkit-transform .35s ease-out;
		transition:transform .35s ease-out;
		line-height:1.2 !important;
	}
	.invlinkbox:hover .caption__overlay{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	.caption__overlay__title{
		transition:-webkit-transform .35s ease-out;
		transition:transform .35s ease-out
	}
	.invlinkbox:hover .caption__overlay__title{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	


/* =============================================================================
   Footer                                                              
============================================================================= */
.map-responsive{
    overflow:hidden;
    padding-bottom:400px;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.yellow-footer{background-color:#e4c203; padding:15px 0;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-size:15px; color:#253556;}
a.footerlink:hover {text-decoration:underline; font-size:15px;}

.footertext{font-size:15px; color:#253556;}

.smallfootertext{font-size:13px; display:none;}

.divfooter {max-width:450px; text-align:center; margin:0 auto; font-weight:700; font-family: 'Montserrat', sans-serif;}


/* =============================================================================
   Mobile                                                              
============================================================================= */
@media only screen and (max-width: 1375px) {
	.top .medium-12{
		width:100%;
	}
	.menu-main-container ul {
    text-align: center;
	}
	.logo{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
}

@media only screen and (max-width: 900px) {
	.value-boxes{grid-template-columns: repeat(2,1fr);}
	.steps {grid-template-columns:1fr; gap:32px;}
	.loc-grid {grid-template-columns: 1fr; gap:40px;}
}


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

	.off_canvas { display: block; }
	.mobile.button {
		display: block;
		background: url(../siteart/mobile.png) no-repeat 50% 50% / contain transparent;
		height: 45px;
		width: 45px;
		position: absolute;
		color: transparent !important;
		margin-right: auto;
		right: 15px;
		top: 20px;
	}
	.logo {
    display: block;
    margin-left: -35px;
    margin-right: 0;
}
	.menu-main-container { display: none; }
header {
    padding-left: 16px;
    padding-top: 13px;
}
	.top .small-8{
		width:66.66667%;
	}
		.top .small-4{
		width:33.33333%;
	}

}
@media only screen and (max-width: 640px) {
	h1{font-size:1.5em;}
	#no-show {
		display:none;	
	}
	.caption__overlay{
		-webkit-transform:none;
		transform:none;
	}
	.invlinkbox::before { 
		top: 0;
	}
	.invlinkbox::before{
		background:rgba(0,0,0,.5);
	}
	.invlinkbox:hover::before{
		background:rgba(0,0,0,.5);
	}
	.categorybox {
		width: 48%;
	}
}

@media only screen and (max-width: 560px) {
	.value-boxes{grid-template-columns: 1fr;}
	.cta-wrap{flex-direction:column; align-items:flex-start;}
	.cta-banner{display:flex; flex-direction:column;}
	.second-finance-btn {width:100%; padding:16px 24px;}
	.cta-btns {display:flex; flex-direction:column;}
	.finance-btn {width:100%; padding:16px 24px;}
}

@media only screen and (max-width: 400px) {
	.categorybox {
		width: 96%;
	}
}