@font-face {
	font-family: 'Metropolis-Regular';
	src: url('../fonts/Metropolis-Regular.eot');
	src: local('☺'), url('../fonts/Metropolis-Regular.woff') format('woff'),
	url('../fonts/Metropolis-Regular.ttf') format('truetype'),
	url('../fonts/Metropolis-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Metropolis-Medium';
	src: url('../fonts/Metropolis-Medium.eot');
	src: local('☺'), url('../fonts/Metropolis-Medium.woff') format('woff'),
	url('../fonts/Metropolis-Medium.ttf') format('truetype'),
	url('../fonts/Metropolis-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Metropolis-Bold';
	src: url('../fonts/Metropolis-Bold.eot');
	src: local('☺'), url('../fonts/Metropolis-Bold.woff') format('woff'),
	url('../fonts/Metropolis-Bold.ttf') format('truetype'),
	url('../fonts/Metropolis-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Metropolis-BoldItalic';
	src: url('../fonts/Metropolis-BoldItalic.eot');
	src: local('☺'), url('../fonts/Metropolis-BoldItalic.woff') format('woff'),
	url('../fonts/Metropolis-BoldItalic.ttf') format('truetype'),
	url('../fonts/Metropolis-BoldItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Metropolis-Light';
	src: url('../fonts/Metropolis-Light.eot');
	src: local('☺'), url('../fonts/Metropolis-Light.woff') format('woff'),
	url('../fonts/Metropolis-Light.ttf') format('truetype'),
	url('../fonts/Metropolis-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Fremont Regular';
	src: url('../fonts/Fremont-Regular.eot');
	src: local('☺'), url('../fonts/Fremont-Regular.woff') format('woff'),
	url('../fonts/Fremont-Regular.ttf') format('truetype'),
	url('../fonts/Fremont-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Fremont Bold';
	src: url('../fonts/Fremont-Bold.eot');
	src: local('☺'), url('../fonts/Fremont-Bold.woff') format('woff'),
	url('../fonts/Fremont-Bold.ttf') format('truetype'),
	url('../fonts/Fremont-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Master layout */

/************************************************************
Global styles */

/* Partial CSS Reset */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-tap-highlight-color:  rgba(0, 0, 0, 0);
}
html, body {
	height: 100%;
	width: 100%;
	-webkit-text-size-adjust: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

:focus {
	outline:none;
}

table {
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
td {
	vertical-align: top;
}

/* End Reset */

body{
	font-family: 'Metropolis-Regular';
	font-size: 14px;
	color: #262324;
	line-height: normal;
	
}
/* Links */
a:not(.grid-item), input[type=submit]{
	color:inherit;
	outline:none;
	color:inherit;
	outline:none;
	-webkit-transition: all 0.3s ease 0s; 
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration:none;
	outline: none;
}
a img {
	border:none;
	-webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		 -o-transition: all 0.5s ease 0s;
			transition: all 0.5s ease 0s;
}
.main-content a:not([class]) {
  color: #ff0000;
}
img {
	max-width:100%;
}
a[href^="tel:"] {
	color:inherit;
	cursor:pointer;
}
input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: normal;
}
h1{
	font: 24px/30px 'Fremont Bold';
	text-transform: uppercase;
	margin-bottom: 15px;
}
h2{
	font: 18px/26px 'Metropolis-Bold';
	text-transform: uppercase;
}
h3 {
    font: 24px/36px 'Fremont Bold';
	text-transform: uppercase;
}
h4 {
   font: 20px/30px 'Metropolis-Medium';
   text-transform: uppercase;
   margin-bottom: 15px;
}

/* Block-level */

address {
	font-style:inherit;
}
p{
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 15px;
}
ul li{
	list-style-type: none;
}
strong{
	font-weight: normal;
        font-family: 'Metropolis-Bold';  
}
p strong {
  font-family: 'Metropolis-Bold';
}
sup{
	font-size: 12px;
	position: relative;
	top: -3px;
	left: 3px;
}
/*************************
   Generic Site Styles
*************************/
.table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  /*float: none !important;*/
}
.table.page, .container{
  max-width: 1080px;
  margin: 0 auto;
}
.container{
	padding: 0 20px;
}
main .table.page,
.table.auto-height {
  height: auto;
}

.table.auto-width {
  width: auto;
}

.table.auto-all {
  height: auto;
  width: auto;
}

.row {
  display: table-row;
}
.cell {
  display: table-cell;
  vertical-align: top;
  height: 100%;
  float: none !important;
}
.padding {
  padding: 0px 20px;
}
.padding-left {
  padding-left: 20px;
}
.padding-right {
  padding-right: 20px;
}
.middle {
  vertical-align: middle;
}
.bottom {
  vertical-align: bottom;
}
.table-header-group {
  display: table-header-group;
}
.table-footer-group {
  display: table-footer-group;
}

/* Text alignment */
.align-left { text-align:left !important; }
.align-center { text-align:center !important; }
.align-right { text-align:right !important; }

/** Default Placeholder styles ***/

::-webkit-input-placeholder {
/* WebKit browsers */
  	color:rgba(255, 255, 255, 0.4);
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
	color:rgba(255, 255, 255, 0.4);
  
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
	color:rgba(255, 255, 255, 0.4);
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
	color:rgba(255, 255, 255, 0.4);
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

/* Container class to make iFrames responsive */
.frame-contain {
	position: relative;
	height:0;
	max-width:100%;
	overflow: hidden;
	padding-bottom: 56.25%; /* 16:9 */
							/* 75% = 4:3 */
}

.frame-contain iframe {
	position: absolute;
	top:0;
	left:0;
	height:100% !important;
	width:100% !important;
}

/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
	border:none;
	padding:0;
	line-height:1;
}

ul:not([class]) + * {
	margin-top: 25px;
} 
ul:not([class]) li {
	line-height: 24px;
	position: relative;	
	padding-left: 20px;
}
ul:not([class]) li:before{
	content: "";
	width: 7px;
	height: 7px;
	background: #000000;
	position: absolute;
	top: 8px;
	left: 4px;
}
/************************************************************
Miscellaneous */
.clearfix:after{
	content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.relative {
  position: relative;
}
.full-size {
  height: 100%;
  width: 100%;
}

.on-top {
  position: relative;
  z-index: 1;
}

.hide {
  display: none !important;
}
/* .inner-text{
	max-width: 670px;
	margin: 0 auto;
} */
.header-menu .cell:last-child, .main-nav,
.sub-menu, #header, .btn,
.header-menu .cell:first-child, 
.nav-menu > li > a:after, .header-menu .page,
.btn-cta:after, [class^=ico]{
	-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
	 	 -ms-transition: all 0.3s ease 0s;
		  -o-transition: all 0.3s ease 0s;
			 transition: all 0.3s ease 0s;
}

.search-box, .search-btn:after, 
.product-box .img-box:before, 
.product-box .img-box .relative,
.social-wrapper .text-overlay{
	-webkit-transition: all 0.5s ease 0s;
	   -moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		 -o-transition: all 0.5s ease 0s;
			transition: all 0.5s ease 0s;
}
.nav-menu > li.active > a:after, 
.nav-menu > li > a:after, .sub-menu,
.product-box .img-box:before,
.product-box .img-box .relative,
.social-wrapper .text-overlay,
.soc-box:hover .img-box > [class^=ico]{
	opacity: 0;
	visibility: hidden;
}
.nav-menu > li.active:hover > a:after, 
.nav-menu > li:hover > a:after,
.nav-menu > li.active > a:after,
.search-btn:hover:after,
.search-btn.close:after,
.nav-menu > li:hover .sub-menu,
.product-box:hover .img-box:before,
.product-box:hover .img-box .relative,
.social-wrapper .soc-box:hover .text-overlay{
	opacity: 1;
	visibility: visible;
}
.btn, a.btn, input[type="submit"].btn {
	display: inline-block;
	min-width: 145px;
	padding: 13px 20px 10px;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	color: #ffffff;
	font: 16px/20px 'Metropolis-Medium';
	border: 2px solid #ffffff;

}
.btn:not(.btn-blue):hover{
	background: #ffffff;
	color: #093c70;
}
.btn.btn-blue{
	border-color: #1096d5;
	background: #1096d5;
	padding: 15px 20px 11px;
}
.btn.btn-blue:hover {
  border-color:#093c70;
  background:#093c70;
}
.btn.btn-blue + * {
  margin-top:20px !important;
}
.img-box{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.more{
	font: 16px 'Metropolis-Medium';
    text-transform: uppercase;
    white-space: nowrap;
}
input[type=submit]{
	color: #ffffff;
	cursor: pointer;
}
.slick-arrow.slick-prev,
.slick-arrow.slick-next{
	width: 23px;
	height: 48px;
	top: 45%;
	z-index: 1;
}
.slick-arrow.slick-prev{
	background: url(../images/arrows/arr-slider-left.png) no-repeat;
	left: -40px;
}
.slick-arrow.slick-next{
	background: url(../images/arrows/arr-slider-right.png) no-repeat;
	 right: -40px;
}
.more:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 48px;
	height: 38px;
	background: url(../images/arrows/more-light.png) no-repeat;
	margin-right: 15px;
}
.about-wrapper .large-text span:after,
.about-wrapper .large-text span:before,
.ql-box span[class^=ico]:after,
.sub-banner  .large-text:after,
.social-wrapper h2:after{
	content: "";
	display: block;
	width: 38px;
	height: 8px;
	background: #ffffff;
    margin: 5px auto;
}
.highslide-container .gal-title,.highslide-container .altCaption{
    font-family: 'Raleway-SemiBold';
}
.full-gallery{
	display: none;
}
.sub-ctrl {
  display: none;
}
/***********************
  Pagination Styles
***********************/

.pagination {
  display: block;
  background-color: #F9F9F9;
  border: 1px solid #E8E8E8;
  padding: 6px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 30px;
}

.pagination > div {
  display: inline-block;
  vertical-align: middle;
}

.pagination > div + div {
  margin-left: 6px;
}

.pagination a, 
.pagination span,
.pagination strong {
  display: inline-block;
  font-family: 'Metropolis-Medium';
  font-size: 14px;
  line-height: 14px;
  padding: 10px 11px 8px;
}

.pagination span {
  padding:10px 13px 10px 11px;
}

.pagination a {
  color: #093c70 !important;
  background-color: #ddd;
  border: 1px solid #093c70;
  transition: all 0.3s ease 0s;
}

.pagination a:hover {
  background-color: #093c70;
  color: #FFF !important;
}

.pagination span {
  font-family: 'Metropolis-Regular';
  color: #FFF;
  background-color: #F47E58;
  border: 1px solid #FFF;
  font-weight: bold;
}

.pagination > .prev a,
.pagination > .next a {
  font-size: 22px;
  padding: 8px 11px 11px 11px;
}

.pagination strong {
  font-family: 'Metropolis-Bold';
  font-weight: normal;
  color: #FFF;
  background-color: #093c70;
  border: 1px solid #093c70;
}

.pagination > .prev:empty,
.pagination > .next:empty {
  display: none;
}

.pagination > .prev:empty + div {
  margin-left: 0px;
}

#search-results .pagination > li {
	display: inline-block;
	vertical-align: middle;
}
#search-results .pagination > li + li {
	margin-left:8px;
}
#search-results > ol > li {
	font-size:24px;
}
#search-results > ol > li p {
	font-size:16px;
}

#search-results h4  {
	font-weight:bold;
}

#search-results h4 a {
	color:#093c70;
}

#search-results mark {
	color:#FFF;
	background-color:#ff0000;
}

.popup {
  background-color: #FFF !important;
}

.popup .cell {
  padding: 30px !important;
}

.message {
  text-align: center;
}