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

a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after, 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; }
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); }

a:hover img { opacity: .65; }

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

.columns.collapse { padding: 0; }

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



/* =============================================================================
   Typeography                                                              
============================================================================= */
body, p, a, section, input, field { font-family: 'Montserrat', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', sans-serif; line-height: 1.25; }

h1 { 
	font-weight: 700; 
	color: #222; 
	text-transform: uppercase;
}

h4 { font-weight: 700; }

p { font-size: 12px; font-weight: 500;}

#title {
	font-size: 1.8em;
}
#title::after {
	display: block;
	content: ' ';
	border: 1px solid #629460;
	width: 65%;
	margin: 10px 0 20px;
}

a:link, a:visited {
	color: #444;
	text-decoration: none;
}
a:hover, a:focus {
    color: #fff;
}



a.consign, .consign, a.consign:visited, .consign:visited {
	background: #629460;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px; 
	font-weight: 600;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding: 10px;
}
a.consign:hover, .consign:hover, a.consign:focus, .consign:focus {
	color: rgba(255,255,255,1);
	background: #444;
	opacity: 1;
}

.about-us{font-weight: 700;font-family: 'Montserrat', sans-serif;
line-height: 1.25;font-size: 1.5625rem;}

/* =============================================================================
   Header                                                              
============================================================================= */

/***** Logo Bar *****/
.logoBar {
	width: 100%;
	background: #222;
	padding: 5px 20px;
	display: table;
	color: #fff;
	position: relative;
	box-sizing: border-box;
}
.logoBar .medium-3 img {
	width: 50px;
}
.logoBar .medium-3 a { 
	display: block; 
	color: #fff;
	font-weight: 700;
}
.logoBar .medium-3 a.consign { display: table; margin-left: auto; }
.logoBar .medium-3 a.consign:hover { color: #fff; }
.logoBar .medium-3 a:hover { color: rgba(255,255,255,.65) }
.logoBar .medium-6 img { 
	width: 200px; 
	text-align: center;
	display: inline-block;
	padding: 0 10px;
	margin: 0 25px;
}
.logoBar a { position: relative; }
.logoBar .medium-6 a:first-child:after {
	content:' ';
	border-left: 2px solid #fff;
	height: 100px;
	position: absolute; 
	right: 0;
	top: -40px;
	width: 1px;
	transform: rotate(15deg);
}
.logoBar section { text-align:center; }

.medium-3.columns {
    position: relative;
    top: 35px;
}

.columns {
	box-sizing: border-box;
}
header {
	display: table;
	width: 100%;
/*	padding: 0 25px;*/
	background: rgb(202,204,206);
	background: -moz-linear-gradient(top, rgba(202,204,206,1) 0%, rgba(235,235,235,1) 48%, rgba(193,195,197,1) 50%, rgba(226,226,227,1) 100%);
	background: -webkit-linear-gradient(top, rgba(202,204,206,1) 0%,rgba(235,235,235,1) 48%,rgba(193,195,197,1) 50%,rgba(226,226,227,1) 100%);
	background: linear-gradient(to bottom, rgba(202,204,206,1) 0%,rgba(235,235,235,1) 48%,rgba(193,195,197,1) 50%,rgba(226,226,227,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caccce', endColorstr='#e2e2e3',GradientType=0 );	
	-moz-box-shadow:  0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;	
	position: relative;
}

/***** Menu Main *****/
.menu-main-container ul, .mobile-nav ul {
	margin: 0;
	padding:0;
	list-style: none;
}
.menu-main-container {
	display: table; 
	width: 100%; 
	text-align:center; 

	
}
#menu-main {
	background: rgb(202,204,206);
	background: -moz-linear-gradient(top, rgba(202,204,206,1) 0%, rgba(235,235,235,1) 48%, rgba(193,195,197,1) 50%, rgba(226,226,227,1) 100%);
	background: -webkit-linear-gradient(top, rgba(202,204,206,1) 0%,rgba(235,235,235,1) 48%,rgba(193,195,197,1) 50%,rgba(226,226,227,1) 100%);
	background: linear-gradient(to bottom, rgba(202,204,206,1) 0%,rgba(235,235,235,1) 48%,rgba(193,195,197,1) 50%,rgba(226,226,227,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caccce', endColorstr='#e2e2e3',GradientType=0 );
	display: table;
	margin: 0px auto;
	position:relative;
	/*top: -21px;*/
	border-radius: 2px;
	z-index:99999999;
}
#interior #menu-main { top: 0; }
#menu-main a {
	display:block; 
	color: #222; 
	padding: .7em 2em;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	position: relative;
}
#menu-main a:hover, #menu-main a.active { background: #629460;  color: #fff;}
#menu-main li {
	position: relative;
	display: inline-block;
}

/***** Main Sub-Menu *****/
#menu-main ul {
	position: absolute;
	white-space: nowrap;
	z-index: 1;
	left: -99999em;
	background: rgba(255,255,255, .85);
	text-align: left;
}
#menu-main li ul li { display:block; }
#menu-main ul li a:hover { color: #333; }
#menu-main > li:hover > ul {
	left: auto;
	min-width: 100%;
}
#menu-main > li li:hover > ul { 
	left: 100%;
	top: -1px;
}

#menu-main ul li li a { /* appearance of the sub-level links */
    width:215px;
    padding:8px 0 8px 15px;
    text-align:left;
    background:#090909;
    border-bottom:1px #333 solid;
    border-right: 1px solid #333;
    border-left: 1px solid #333;    
}
#menu-main ul li li a:hover { /* appearance of the sub-level links on hover */
    color:#fff; 
    background:#4b0000;     
}
  
.button-1 {
  display: inline-block;
  border-radius: 4px;
  background-color: #629460;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 22px;
  padding: 20px;
  width: 30%;
  clear:both;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
	box-sizing: border-box;
}

.button-1:hover {
  background: #272727;
}
.button-1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button-1 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button-1:hover span {
  padding-right: 25px;
}


.button-1:hover span:after {
  opacity: 1;
  right: 0;
}

/***** 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; 
		min-height: 100vh;	
	}
	.off-canvas-inner {
	    position: relative;
		width: 100%;
		display: block;
		overflow:hidden;
	}
	.off_canvas {
		position: relative;
		height: 100vh;
		max-height: 100%;
		background: #21252b;
		position: fixed;
		overflow-x:hidden;
		top: 0;
    	z-index: 1;
	}
	.mobile.button, .off_canvas { display: none; }
	.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(-300px); }
	.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 2px #222;
        box-shadow: 2px 0 20px 2px #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;		
	}
*/
/*
	.is_open::-webkit-scrollbar-track, .is_open::-webkit-scrollbar, .is_open::-webkit-scrollbar-thumb { width: 4px; }

		**** 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;
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		#off_canvas_cover, #off_canvas_cover.is_open { transform: rotate(0) !important; }
		#off_canvas_cover {
			visibility:hidden;
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index:-1;
			background: rgba(255,255,255,0);
		}
*/
/*
		#off_canvas_cover.is_open {
			background: rgba(255,255,255,.65);
			visibility:visible;
			z-index:99999;
		}
*/

  	/***** Mobile Menu *****/
/*
	.off_canvas header {
		background: transparent;
		padding: 0px;
		position: relative;
		border:none;		
		top: 0;
	}
	.off_canvas h2 {
		color: #fff;
		text-align:left;
		font-size: 1.5em;
		margin: 10px;		
	}
	.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 a {
		width: 100%;
		color: #999;
		min-height: 45px;
		display: block;
		text-decoration: none;
		padding: 10px 0 10px 3%;
		position: relative;
		font-size: 15px;
		border-bottom: 1px solid #30363e;
	}
	.mobile-nav #mobile-menu-main li ul.sub-menu a { border-bottom: 1px solid #282d35 }
	.mobile-nav #mobile-menu-main li a:hover { color: #fff; }
*/

	/***** Mobile Sub-Menu *****/
/*
	.mobile-nav #mobile-menu-main ul {
		position: relative;
		z-index: initial;
		left: 0;
		background: #30363e;
		text-align: left;
		width: 100%;
		padding: 0px;
		display:none;
	}
	.mobile-nav ul li a:hover { color: #fff !important; }
*/
	
/*	 1st & 2nd Dropdown  .mobile-nav #mobile-menu-main > li li:hover > ul , .mobile-nav #mobile-menu-main > li > .sub-menu li a { left: 0; margin: 0; }*/
/*	 3rd Dropdown  .mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu li a { margin: 0 0 0 3%;	}*/
/*	 4th Dropdown  .mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu > li > ul.sub-menu li a {	margin: 0 0 0 6%; }*/
/*	 5th 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 9%; }*/

	/***** Mobile Dropdown Btn *****/
/*
	.mobile-nav li button.mobile_btn {
		height: 44px;
		width: 50px;
		position: absolute;
		top: 0;
		right: 0;
		background: #40464f;
		border:none;
		border-radius:0;
	}
	.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 50% 50% / 20px;
		width: 100%;
		height: 100%;
	}
	.mobile-nav li button.mobile_btn.active { background: #5d626a; }
	.mobile-nav li button.mobile_btn.active::after {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
*/

/* =============================================================================
   Body                                                              
============================================================================= */

#main-container {
	display: table;
	width: 100%;
	margin: 35px 0;
}
.container-1 {
	box-sizing: border-box!important;
	padding:20px 10px;
	box-sizing: border-box;
}

.consign.mobile-2 {display:none;} 

/* Slider */
#slider {
	overflow:hidden;
	position:relative;
	width: 100%;
	background: #222;
	display: table;
	z-index:-1;
}
#slider p {
	line-height: 1.25;
	margin-bottom: 10px;
	font-size: 2em;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 4px 4px 5px #222
}
#slider .orbit-container {
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    height: 650px !important;
	width: 100%;
	text-align:left;
}
#slider .orbit-slide, #slider .orbit-slide div {
	height: 650px;
}
#slider .orbit-slide .bg, #slider .orbit-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
	z-index: 9999;
	padding: 0;
}
#slider .orbit-slide div { position: relative; }
#slider .orbit-caption {
    display: table;
    height: 100%;
    position: absolute;
    right: 0;
    background: #444;
    width: 100%;
    float: right;
    padding: 25px;
}
#slider .orbit-caption section {
	display: table-cell;
	vertical-align:middle;
}
.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 #slider { display: none; }

ul.contact { margin: 0; list-style:none; }

/* =============================================================================
   Footer                                                              
============================================================================= */

footer {
	background: #222;
	color: #fff;
	font-weight: 400;
	text-align:center;
	line-height: 1.25;
	padding: 15px 0;
	font-size: 10px;
}
footer a, footer a:visited { color: #fff!important; }
footer a:hover, footer a:focus { opacity: .65; color: #fff!important; }

@media screen\0 {
	#main-container { display: block; }
}


/* =============================================================================
   Mobile                                                              
============================================================================= */


@media only screen and (max-width: 1100px) {
	
	.logoBar .medium-6 img { margin: 0; width: 175px; }
	
	#menu-main a { padding: .8em 1.25em; }
	
	.mobile p{    
	color: #fff;
    font-size: 18px;
    padding: 15px 10px;
	font-family: 'Montserrat', sans-serif;
	text-rendering: optimizeLegibility;
	font-weight: 500;
	margin-bottom: 1rem;}
} 

.mobile p a {color: #fff;
    font-size: 18px;font-family: 'Montserrat', sans-serif;
	text-rendering: optimizeLegibility;
	font-weight: 500;
	margin-bottom: 1rem;}

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

	.off_canvas, .mobile.button { display: block; }
	.mobile.button {
		background: url(../siteart/mobile.png) no-repeat 90% 50% / 35px transparent;
		height: 45px;
		width: 105px;
		position:absolute;
		bottom: -5px;
		left: 5px;
		color: #fff;
		text-align: left;
		border-radius: 5px;
		padding: 10px;
	}
	.mobile.button:focus, .mobile.button:hover { background: url(../siteart/mobile.png) no-repeat 90% 50% / 35px #999; }
	.off_canvas p {
		color: #fff;
		font-size: 18px;
		padding: 15px 10px;		
	}
*/
	
	
	.menu-main-container, .logoBar .medium-3 img, .logoBar .medium-6 a:first-child:after { display: none; }
	a.consign.mobile-2 {display:block;position:absolute;top:8px;}
	a.consign.desktop {display:none !important;}
	
	.off_canvas p a, .off_canvas p a:visited { color: #fff; }
	.off_canvas p a:hover, .off_canvas p a:focus { color: #999; }
	
	.logoBar .medium-6 img { margin: 0; width: 125px; }
	.logoBar { padding: 5px 0; }
	.logoBar section { text-align: center; }
	.logoBar .medium-6  { width: 100%; }
	.logoBar .medium-3 a { display: inline-block; }
	.logoBar .float-left { display: block; text-align:center; float: none !important; font-size: 18px; }
	.medium-3.columns { top: 0; }

	#slider .orbit-slide, #slider .orbit-container, #slider .orbit-slide div { height: 200px !important; }
	#slider .orbit-caption { padding: 10px 15px; }
	.orbit-next, .orbit-previous { display: none; }
	#slider p { font-size: 12px; }
	.button-1 {width: 90%;}
	.cosign {
		float: right;
	}
	
	.toggle-title {font-size:18px;margin-right:10px;font-weight:500 !important;}
	.medium-3.columns.cosign.mobile-button {display: flex;justify-content: flex-end;z-index: 10;}
	
}