@font-face {
	font-family: 'Leaguegothic Regular';
	src: url('../fonts/leaguegothic-regular-webfont.eot') format('eot'),
	url('../fonts/leaguegothic-regular-webfont.woff') format('woff'),
	url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
	url('../fonts/leaguegothic-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Metropolis Black';
	src: url('../fonts/metropolis-black-webfont.eot') format('eot'),
	url('../fonts/metropolis-black-webfont.woff') format('woff'),
	url('../fonts/metropolis-black-webfont.ttf') format('truetype'),
	url('../fonts/metropolis-black-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Metropolis Regular';
	src: url('../fonts/metropolis-regular-webfont.eot') format('eot'),
	url('../fonts/metropolis-regular-webfont.woff') format('woff'),
	url('../fonts/metropolis-regular-webfont.ttf') format('truetype'),
	url('../fonts/metropolis-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Metropolis Medium';
	src: url('../fonts/metropolis-medium-webfont.eot'),
	url('../fonts/metropolis-medium-webfont.woff') format('woff'),
	url('../fonts/metropolis-medium-webfont.ttf') format('truetype'),
	url('../fonts/metropolis-medium-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Metropolis Bold';
	src: url('../fonts/metropolis-bold-webfont.eot'),
	url('../fonts/metropolis-bold-webfont.woff') format('woff'),
	url('../fonts/metropolis-bold-webfont.ttf') format('truetype'),
	url('../fonts/metropolis-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Metropolis Semibold';
	src: url('../fonts/metropolis-semibold-webfont.eot'),
	url('../fonts/metropolis-semibold-webfont.woff') format('woff'),
	url('../fonts/metropolis-semibold-webfont.ttf') format('truetype'),
	url('../fonts/metropolis-semibold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Metropolis RegularItalic';
	src: url('../fonts/metropolis-regularitalic-webfont.eot'),
	url('../fonts/metropolis-regularitalic-webfont.woff') format('woff'),
	url('../fonts/metropolis-regularitalic-webfont.ttf') format('truetype'),
	url('../fonts/metropolis-regularitalic-webfont.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: #000000;;
	line-height: normal;
	
}
/* Links */
a, 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;
}
img {
	max-width:100%;
}
a[href^="tel:"] {
	color:inherit;
	cursor:inherit;
}
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;

	margin-bottom: 10px;
}
h1 {
    font-family: 'Leaguegothic Regular';
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
}
h2 {
    font-size: 18px;
    line-height: 22px;
    font-family: 'Metropolis Bold';
    text-transform: uppercase;
    color: #898989;
    display: block;
}
h3 {
    font-family: 'Leaguegothic Regular';
    text-transform: uppercase;
	font-size: 52px;
}
h4 {
    font-family: 'Metropolis Bold';
	font-size: 18px;
	
}

/* Block-level */

address {
	font-style:inherit;
}
p{
    font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
}
ul li{
	list-style-type: none;
}
strong{
    font-family: 'Metropolis Bold';
	font-weight: normal;
}
/*************************
   Generic Site Styles
*************************/
.table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  /*float: none !important;*/
}
.table.page, .container{
  max-width: 1001px;
  margin: 0 auto;
}
.table.page.large {
  max-width: 1024px;
}
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 */
  
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
  
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */

}
:-ms-input-placeholder {
/* Internet Explorer 10+ */

}

/* 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;
}
/************************************************************
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;
}
.clearfix:after{
	content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.img-box img{
	width: 100%;
}
.quick-links li a:after,
.view-more-link:before,
.img-overlay,.sb-menu,#menu,
.search-box,#nav-btn span{
    -webkit-transition: all 0.4s ease;
       -moz-transition: 0.4s  ease;
        -ms-transition: 0.4s  ease;
         -o-transition: 0.4s  ease;
            transition: 0.4s  ease;
}
.highslide-container .gal-title,.highslide-container .altCaption{
	font-family: 'Metropolis Medium' !important;
}
.full-gallery{
	display: none;
}

/***** Side Tab *****/
.side-tab-container {
	position: relative;
	z-index: 10;
}

.tab-button {
	background-color: #e24823;
	color: #fff;
	cursor: pointer;
	text-align: center;
	box-shadow: 0px 0px 20px -10px #000;
	
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	height: 45px;
	width: 325px;
	margin: auto;
	
	transform: rotate(-90deg);
	transform-origin: 235px -45px;
	transition: all 0.3s ease 0s;
}
.tab-button p {
	font-size: 18px;
	line-height: 45px;
	transition: all 0.3s ease 0.1s;
}
.tab-button i {
	opacity: 0;
	visibility: hidden;
}
.side-tab-container.open .tab-button {
	transform-origin: -60px -85px;
	width: 45px;
	border-radius: 50%;
	z-index: 1;
}
.side-tab-container.open .tab-button p {
	font-size: 0;
	transition: all 0s ease 0s;
}
.side-tab-container.open .tab-button i {
	opacity: 1;
	visibility: visible;
}
.tab-button:hover {
	background-color: #7c121e;
}
.side-tab-container.open .tab-button {
	height: 45px;
	right: 350px;
}
.side-tab-container.open .tab-button:before {
	content: '';
	background: transparent url(../images/icons/close-btn.png) no-repeat center center scroll;
	background-size: contain;
	height: 44px;
	width: 25px;
	display: block;
	margin: auto;
}
.side-tab {
	background: url(../images/layout/bg-texture.png) repeat center center, url(../images/layout/bg-gray-pattern.png) repeat;
	border-left: solid 3px #efefef;
	padding: 25px;
	
	position: fixed;
	right: -450px;
	top: 0;
	bottom: 0;
	height: 400px;
	width: 350px;
	margin: auto;
	box-shadow: 0px 2px 10px -5px;
	transition: all 0.4s ease 0s;
}
.side-tab-container.open .side-tab {
	right: 0;
	transition: all 0.3s ease 0s;
}
.side-tab > div {
	text-align: center;
}
.side-tab-container .button {
	background-color: transparent;
	border: solid 4px #E24823;
	color: #E24823;
	padding: 5px 15px;
	font-size: 16px;
}
.side-tab-container .button:hover {
	border: solid 2px #E24823;
	color: #FFF;
	background-color: #E24823;
}


.btn {
    min-width: 164px;
    padding: 9px 5px;
    border: 3px solid #71001e;
    text-transform: uppercase;
    text-align: center;
    font: 14px 'Metropolis Bold';
    color: #e3e2db;
}
.btn:hover {
    background-color: #71001e;
    color: #fff;
}
.btn.orange {
    border-color: #f26649;
    background-color: #f26649;
}
.btn.orange:hover {
    border-color: #00aed8;
    background-color: #00aed8;
}
.btn.blue {
    border-color: #00b6de;
    color: #71001e;
    background-color: #00b6de;
}
.btn.blue:hover {
    border-color: #f26649;
    background-color: #f26649;
}