@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* Table of Content
==================================================
	#Site Variables
	#Site Styles
	#UIKit Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	

/* #Site Variables
================================================== */
:root {
  --primary: #212A31;
  --secondary: #333F49;
  --tertiary: #B4BD00;
  --light: #EFEFEF;
  --dark: #000000;
  --white: #ffffff;
  --text: #6C6C6C;
  --navigation: #ffffff;
  
  --primary-font: 'Lato', 'Arial', sans-serif;
  --secondary-font: 'Optima', serif;
}


/* #Site Styles
================================================== */
*				{ outline:none; }
html, body		{ color:var(--text); font-size:14px; font-weight:400; font-family:'Lato', 'Arial', sans-serif; line-height:1.5rem; }

.aligncenter 	{ text-align:center; }
.alignleft		{ text-align:left; }
.alignright		{ text-align:right; }
	img.aligncenter { float:none; display:block; margin:0 auto 15px; }
	img.alignleft	{ float:left; margin-right:15px; }
	img.alignright	{ float:right; margin-left:15px; }

.w900 			{ font-weight:900; }
.w800			{ font-weight:800; }
.w700			{ font-weight:700; }
.w600			{ font-weight:600; }
.w500			{ font-weight:500; }
.w400			{ font-weight:400; }
.w300			{ font-weight:300; }
.w200			{ font-weight:200; }
.w100			{ font-weight:100; }

.font6			{ font-size:0.625em; }
.font7			{ font-size:0.750em; }
.font8			{ font-size:0.875em; }
.font10			{ font-size:1.0em; }
.font12			{ font-size:1.2em; }
.font13			{ font-size:1.3em; }
.font15			{ font-size:1.5em; }
.font18			{ font-size:1.8em; }
.font20			{ font-size:2.0em; }
.font25			{ font-size:2.5em; }
.font30			{ font-size:3.0em; }
.font35			{ font-size:3.5em; }
.font40			{ font-size:4.0em; }
.font45			{ font-size:4.5em; }

.s1				{ letter-spacing:.1em; }
.s2				{ letter-spacing:.2em; }
.s3				{ letter-spacing:.3em; }
.s4				{ letter-spacing:.4em; }
.s5				{ letter-spacing:.5em; }
.s6				{ letter-spacing:.6em; }
.s7				{ letter-spacing:.7em; }
.s8				{ letter-spacing:.8em; }

.lh0			{ line-height:1.0em; }
.lh1			{ line-height:1.1em; }
.lh2			{ line-height:1.2em; }
.lh3			{ line-height:1.3em; }
.lh4			{ line-height:1.4em; }
.lh5			{ line-height:1.5em; }
.lh8			{ line-height:1.8em; }
.lh20			{ line-height:2.0em; }
.lh25			{ line-height:2.5em; }

h1, h2, h3, h4, .uk-h1, .uk-h2, .uk-h3, .uk-h4	{ font-family:var(--secondary-font); font-weight:300; color:inherit; line-height:1.2em; text-transform:uppercase; }

h1, .uk-h1 	{ font-size:2.750em; }
h2, .uk-h2 	{ font-size:2.250em; }
h3, .uk-h3 	{ font-size:1.750em; }
h4, .uk-h4 	{ font-size:1.000em; }

p			{ font-size:1.00em; line-height:1.8em; }

b, strong, .uk-text-bold	{ font-weight:700; }

a, .uk-link	{ color:var(--primary); }
	a:hover, .uk-link:hover { color:inherit; text-decoration:underline; }

em 			{ color:inherit; }

blockquote	{ font-weight:300; color:inherit; line-height:1.8em; position:relative; padding:0 50px; }
	blockquote cite { font-style:normal; font-weight:800; font-size:.875rem; text-transform:uppercase; }
	blockquote::before { content:'“'; font-family:'Arial', sans-serif; font-size:4em; font-style:normal; display:block; position:absolute; top:0; left:0; }
	blockquote::after { content:'“'; font-family:'Arial', sans-serif; font-size:4em; font-style:normal; display:block; position:absolute; bottom:50px; right:0; transform:rotate(180deg); }

.font-secondary { font-family:var(--secondary-font); }

a[href^="tel"]{
	color:inherit;
	text-decoration:none;
}

/* #UIKit Styles
================================================== */
.uk-container-alt	{ padding:0 3%; }
.uk-container-alt2 	{ max-width:1500px; margin:0 auto; }

.uk-height-1-1 		{ height:100%; }
.uk-height-1-2 		{ height:50%; }
.uk-height-1-3 		{ height:33%; }
.uk-height-1-4 		{ height:25%; }
.uk-height-xsmall 	{ height:75px; }

.uk-text-contrast	{ color:var(--white) !important; }
.uk-text-tertiary 	{ color:var(--tertiary) !important; }

.uk-text-link { color:inherit; text-decoration:none; position:relative; display:inline-block; }
	.uk-text-link:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:var(--white); transition: all 0.3s ease-in-out; }
	.uk-text-link:hover { text-decoration:none; }
	.uk-text-link:hover::after { width:0; }

.uk-background-muted, .uk-section-muted { background:var(--light); }
.uk-background-secondary, .uk-section-secondary { color:var(--primary); }
.uk-background-tertiary, .uk-section-tertiary { background:var(--tertiary); color:var(--white); }
.uk-background-dark, .uk-section-dark { background-color:var(--dark); color:var(--white); }

.uk-overlay-primary.uk-position-top { background: rgb(34,34,34); background: linear-gradient(0deg, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 100%); }
.uk-overlay-primary.uk-position-bottom { background: rgb(34,34,34); background: linear-gradient(180deg, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 100%); }

.uk-button { font-family:var(--primary-font); font-size:.875em; font-weight:800; text-transform:uppercase; letter-spacing:.1em; padding:0 25px; background:none; border:1px solid #C1C1C1; color:var(--text); border-radius:30px; }
.uk-button-primary { color:var(--primary); }
.uk-button-secondary { color:var(--secondary); }
.uk-button-contrast { border-color:var(--white); color:var(--white); transition: all 0.3s ease-in-out; }
	.uk-button-contrast:hover { background:var(--white); color:var(--primary); }
.uk-button-small { font-size:.775em; line-height:32px; }
.uk-button-alt { border-color:var(--white); background:rgba(255,255,255,0.2); color:var(--white); }
.uk-button-muted { border-color:#C1C1C1; color:var(--primary);  }

.uk-input, .uk-textarea { border-radius:0px; padding:5px 25px; }
.uk-input::placeholder, .uk-textarea::placeholder { font-family:var(--secondary-font);  text-transform:uppercase; font-size:.875em; letter-spacing:.1em; }
input[type="submit"] { background:none; font-size:.875em; font-family:var(--primary-font); text-transform:uppercase; letter-spacing:.1em; border:0; border-bottom:1px solid var(--primary); padding:0 0 5px; color:var(--primary); }

.wpcf7-form label {
    font-weight: 700;
    color: var(--secondary);
}

.uk-card-default { color:inherit; box-shadow:0 0 6px rgba(0,0,0,0.25); }
.uk-card-small .uk-card-body, .uk-card-small.uk-card-body { padding:10px; }


/* #Page Styles
================================================== */
.header { position:absolute; z-index:2; padding:10px 0; width:100%; backdrop-filter: blur(7px); }
	.header .logo { width:115px; margin-bottom:10px; }
	.header .logo-sticky { display:none; }
	
	.header nav { border:1px solid rgba(255,255,255,.5); border-left:0; border-right:0; color:var(--white); }
	.header nav .uk-navbar-nav { gap:80px; }
	.header nav .uk-navbar-nav>li { position:relative; }
	.header nav .uk-navbar-nav>li:after { content:''; background:var(--white); height:5px; width:5px; position:absolute; top:0; bottom:0; right:-40px; margin:auto 0; }
	.header nav .uk-navbar-nav>li:last-child::after { display:none; }
	.header nav .uk-navbar-nav>li>a { font-family:var(--primary-font); font-size:.775em; font-weight:600; text-transform:uppercase; letter-spacing:1px; color:var(--white); min-height:60px; }

	.header nav .uk-navbar-toggle { color:var(--white); min-height:60px; }

	.header nav .search-btn { background:rgba(29,29,29,.6); color:var(--white); font-size:.775em; font-weight:600; text-transform:uppercase; display:inline-block; padding:5px 20px 5px 15px; margin-left:25px; border-radius:15px; }
	.header nav .search-btn:hover { text-decoration:none; background:rgba(255,255,255,.6); color:var(--dark); }
	
	.header.uk-active { backdrop-filter:none; background:var(--primary); box-shadow:0 0 20px rgba(0,0,0,0.3); }
	.header.uk-active .logo { display:none; }
	.header.uk-active .logo-sticky { display:inline-block; width:85px; margin:5px 0; }
	.header.uk-active nav .uk-navbar-nav { gap:60px; }
	.header.uk-active nav .uk-navbar-nav>li:after { right:-30px; }
	

.hero-overlay { background: rgb(34,34,34); background: linear-gradient(0deg, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 100%); }

.intro-box { position:relative; color:var(--white); overflow:visible; padding:80px 50px; margin-top:-100px; }
	.intro-box-bg { position:absolute; top:0; left:0; width:100%; height:100%; background:var(--primary); clip-path: polygon(10% 0, 100% 0, 100% 90%, 10% 100%); }

.highlight-box { background:var(--white); position:relative; box-shadow:0 0 50px rgba(0,0,0,0.2); text-align:center; color:var(--text); padding:75px 35px; }
	.highlight-box:before { content:''; background:rgba(255,255,255,.1); border:1px solid var(--white); position:absolute; top:-10px; left:-10px; width:calc(100% + 20px); height:calc(100% + 20px); }
	
	.highlight-box.alt { padding:50px; margin-top:25px; display:inline-block; }
	.highlight-box.alt:before { top:-20px; left:-20px; width:calc(100% + 40px); height:calc(100% + 40px); border-color:rgba(255,255,255,0.4); }

.intro-box .highlight-box { left:-80px; }

.slider-images { position:relative; }
	.slider-images:before { content:''; position: absolute; top:0; left:0; width:100%; height:50%; background:var(--light); }

.box-title { display:flex; justify-content:center; align-items:center; margin-bottom:30px !important; }
	.box-title>div { display:inline-block; text-align:center; }
	.box-title h1, .box-title h2 { margin:0; letter-spacing:.2em; }
	.box-title .sup-title { display: flex; align-items: center;  width: 100%; text-align: center; }
		.box-title .sup-title:before, .title .sup-title:after { content:''; flex:1; height:1px; background:#D1D1D1; }
		.box-title .sup-title span { display:inline-block; padding:0 5px; font-family:var(--secondary-font); font-size:.775em; text-transform:uppercase; letter-spacing:.2em; }

.callout-text { background:rgba(255,255,255,0.3); padding:10px 0; margin:10px 0; }

.featured-comms { gap:1px; }

.featured-block { background:var(--primary); color:var(--white); margin-bottom:25px; }
	.featured-block .overlay { position:absolute; top:0; right:0; width:50%; height:100%; background: rgb(36,41,54); background: linear-gradient(90deg, rgba(36,41,54,0) 0%, rgba(36,41,54,1) 100%); }
	.featured-block.home .overlay { width:25%; }

.cta .overlay { position:absolute; bottom:0; left:0; width:100%; padding:100px 0 25px; background: rgb(36,41,54); background: linear-gradient(180deg, rgba(36,41,54,0) 0%, rgba(36,41,54,1) 100%); }

.comm-nav { position:relative; background:var(--secondary); color:var(--white); padding:10px 0; margin:0; }
	.comm-nav .uk-subnav>* { padding-left:10px; }
	.comm-nav .uk-subnav>*>:first-child { color:var(--white); font-size:.875em; font-weight:700; letter-spacing:1px; padding:3px 15px; border:1px solid #C1C1C1; border-radius:20px; }
	.comm-nav:before { content:''; position:absolute; top:-25px; left:0;  width: 100%; height: 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,65 100,20 100,100 0,100' fill='%23333F49'/%3E%3C/svg%3E"); background-size: 100% 100%; background-repeat: no-repeat;  background-position:center; }
	
.comm-contact { background:var(--primary); color:var(--white); position:relative; padding:0 15px; }
	.comm-contact:before { content:''; position:absolute; top:-45px; left:-1px;  width:calc(100% + 1px); height: 45px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 100,50 100,100 0,100' fill='%23212A31'/%3E%3C/svg%3E"); background-size: 100% 100%; background-repeat: no-repeat;  background-position:center; }

.comm-features { background:var(--primary); color:var(--white); position:relative; padding:25px 25px 50px; }
	.comm-features:before { content:''; position:absolute; top:-45px; left:-1px;  width:calc(100% + 1px); height: 45px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 100,50 100,100 0,100' fill='%23212A31'/%3E%3C/svg%3E"); background-size: 100% 100%; background-repeat: no-repeat;  background-position:center; }

.list { list-style:none; padding:0 0 0 15px; }
	.list li { position:relative; padding-left:20px; margin-bottom:10px; line-height:1.5em; }
	.list li:before { content:''; position:absolute; top:7px; left:0; width:8px; height:8px; background:var(--tertiary); }

.seal { position:relative; display:inline-block; background:url('../images/seal.png') center center no-repeat; background-size:contain; padding:10px 5px; margin:0 auto; width:40px; height:45px; border:1px solid #C3C3C3; }
	.seal:before { content:''; position:absolute; top:-6px; left:-6px; width:calc(100% + 10px); height:calc(100% + 10px); border:1px solid #E0E0E0; }

.title { position:relative; color:var(--secondary); padding-bottom:30px; margin-top:15px; margin-bottom:30px; letter-spacing:3px; text-transform:uppercase; }
	.title:before { content:''; position:absolute; bottom:0; left:0; right:0; margin:0 auto; height:1px; width:200px; background:#C1C1C1; }
	
.photo-strip { position:relative; }
	.photo-strip .overlay { display:inline-block; background:rgba(255,255,255,0.6); padding:25px; }
	.photo-strip .overlay:before { content:''; position:absolute; top:-11px; left:-11px; width:calc(100% + 20px); height:calc(100% + 20px); border:1px solid var(--white); }
	.photo-strip .overlay img { max-width:275px; }

.home-details { background:var(--light); padding:5px 0; font-size:.75em; font-weight:600; text-transform:uppercase; }

.page-title { padding-top:200px; position:relative; color:var(--white); }
	.page-title:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--secondary);clip-path: polygon(0% 0, 100% 0, 100% 90%, 0% 100%); }
	.page-title > div { position:relative; }
	.page-title #breadcrumbs { color:var(--white); }
	.page-title #breadcrumbs a { color:var(--white); }

.home-intro { position:relative; background:var(--light); padding-top:200px; padding-bottom:50px; color:var(--white); }
	.home-intro:before { content:''; position:absolute; top:0; left:0; width:100%; height:75%; background:var(--secondary); clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%); }
	.home-intro > div { position:relative; }

.quick-nav { background:var(--light); border-radius:30px; padding:10px; margin:25px auto; display:inline-block; text-align:center; }
	.quick-nav ul { background:rgba(255,255,255,.4); border-radius:30px; padding:0 30px; margin:0; list-style:none; }
	.quick-nav ul li { display:inline-block; margin:0; border-right:2px solid var(--light); }
	.quick-nav ul li a { display: flex; align-items: center; justify-content: center; padding:10px 30px; color:var(--secondary); font-weight:700; text-transform:uppercase; font-size:.875em; border:0 !important; }
	.quick-nav ul li a:hover, .quick-nav ul li.uk-active a { text-decoration:none; background:var(--secondary); color:var(--white); }
	.quick-nav ul li a span { display:inline-block; margin:0 10px; }
	.quick-nav ul li:last-child { border-right:0; }
	.quick-nav .uk-tab::before { border:0; }

.promo { position:relative; color:var(--white); }
	.promo:before { content:''; position:absolute; z-index:1; top:10px; left:10px; width:calc(100% - 22px); height:calc(100% - 22px); border:1px solid rgba(255,255,255,0.8); }
	.promo .overlay { position:absolute; top:0; left:0; height:100%; width:100%; background: rgb(34,34,34); background: linear-gradient(180deg, rgba(34,34,34,0) 0%, rgba(34,34,34,.6) 100%); }

.map-gradient { position:relative; }
	.map-gradient .top { position:absolute; top:-1px; left:0; width:100%; height:75px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
	.map-gradient .bottom { position:absolute; bottom:0; left:0; width:100%; height:100px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
	.map-gradient .left { position:absolute; top:0; left:0; width:75px; height:100%; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
	
.market-title { text-transform:uppercase; font-weight:800; color:var(--secondary); text-align:left; margin-bottom:5px; }
.market-comms { text-align:left; padding:0 0 0 15px; margin:0 0 25px; list-style:none; }
	.market-comms li { position:relative; border-bottom:1px solid #C1C1C1; padding:0 0 5px 10px; margin-bottom:15px; }
	.market-comms li:after { position:absolute; bottom:0; right:0; display:inline-block; font-family: 'Font Awesome 5 Pro'; font-weight: 900; -webkit-font-smoothing: antialiased; content: '\f105'; font-size:1.5em; color:var(--secondary); padding:5px; border-right:1px solid #C1C1C1; border-top:1px solid #C1C1C1; }
	.market-comms li a { color:#6C6C6C; text-decoration:none; }

.filter-nav { border:1px solid #ddd; display:flex; align-items:center; justify-content:center; padding:0 10px; font-size:.875em; font-weight:700; text-transform:uppercase; }
	.filter-nav ul.uk-subnav { margin-bottom:0; margin-left:10px; }
	.filter-nav .uk-subnav>* { padding-left:0; }
	.filter-nav .uk-subnav>*>:first-child { padding:5px 10px; color:var(--dark); font-weight:300; text-transform:initial; font-size:.9rem; }
	.filter-nav .uk-subnav>.uk-active>a { background:var(--dark); color:var(--white); }
	.filter-nav .uk-subnav>*>a:focus, .filter-nav .uk-subnav>*>a:hover { background:#ddd; }

.footer {}
	.footer .left-block { position:relative; color:rgba(255,255,255,0.5); }
	.footer .left-block .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:var(--secondary); clip-path: polygon(0% 20%, 100% 10%, 100% 100%, 0% 100%); }
	.footer .left-block .inner { position:relative; padding-top:20%; padding-bottom:25px; }

	.footer .right-block { position:relative; color:var(--white); }
	.footer .right-block .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:var(--primary); clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 100%); }
	.footer .right-block .inner { position:relative; padding-top:10%; padding-bottom:25px; text-align:center; }


	.footer-nav { margin:0; padding:0; list-style:none; }
	.footer-nav li { margin:0 0 15px; }
	.footer-nav a { font-family:var(--secondary-font); font-size:1.5em; font-weight:300; text-transform:uppercase; letter-spacing:.1em; color:var(--white); }

	.footer-sub-nav { margin:0; padding:0; list-style:none; }
	.footer-sub-nav li { margin:0 0 10px; }
	.footer-sub-nav a { color:rgba(255,255,255,0.5); }
	
.embed-container { position:relative; padding-bottom:56.25%; overflow:hidden; max-width:100%; height:auto; } 
	.embed-container iframe, .embed-container object, .embed-container embed {  position:absolute; top:0; left:0; width:100%; height:100%; }

#breadcrumbs { font-size:.875em; opacity:.8; }

html :where(.wp-block-acf-hero), html :where(.wp-block-acf-content), html :where(.wp-block-acf-cta), html :where(.wp-block-acf-featured-events), html :where(.wp-block-acf-faqs), html :where(.wp-block-acf-news), html :where(.wp-block-acf-people), html :where(.wp-block-acf-courses), html :where(.wp-block-acf-events) { margin-top:0 !important; margin-bottom:0 !important; max-width:100% !important; }
 /*html :where(.wp-block) { margin-top:0 !important; margin-bottom:15px !important; max-width:100% !important; }*/
.editor-styles-wrapper { color:var(--text); font-size:16px !important; font-weight:300; font-family:var(--primary-font) !important; line-height:1.5rem !important; }
.editor-styles-wrapper p { line-height:inherit !important; }

/* #Media Queries
================================================== */
	@media only screen and (max-width: 1220px) {
		h1, .uk-h1 	{ font-size:3.000em; }
		h2, .uk-h2 	{ font-size:2.500em; }
		h3, .uk-h3 	{ font-size:1.250em; }
		h4, .uk-h4 	{ font-size:1.000em; }

	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		h1, .uk-h1 	{ font-size:3.000em; }
		h2, .uk-h2 	{ font-size:2.500em; }
		h3, .uk-h3 	{ font-size:1.125em; }
		h4, .uk-h4 	{ font-size:1.000em; }
		
		.header .logo { width:225px; }
		
		.header nav .uk-navbar-nav { gap:30px; }
		.header nav .uk-navbar-nav>li:after { height:4px; width:4px; right:-15px; }
		.header nav .uk-navbar-nav>li>a { font-size:.65em; letter-spacing:0px; }
		
		.mega-title { font-size:4em; }
		
		.intro-box .highlight-box { left:0; right:0; margin:0 auto; }
		.intro-box-bg { clip-path: polygon(0% 25%, 100% 25%, 100% 90%, 0% 100%); }
		
		.home-intro:before { height:90%; }
		
		.footer-nav li { margin-bottom:10px; }
		.footer-nav a { font-size:1em; }
		.footer-sub-nav a { font-size:.75em; }
		.footer-sub-nav li { margin-bottom:0; }
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 639px) {
		h1, .uk-h1 	{ font-size:2.800em; }
		h2, .uk-h2 	{ font-size:2.000em; }
		h3, .uk-h3 	{ font-size:1.000em; }
		h4, .uk-h4 	{ font-size:1.000em; }

		.uk-text-large { font-size:1.2em; }
		
		.header .logo { display:none; }
		.header .logo-sticky { display:block; }
		
		.hero h1 { font-size:1.8em; }
		
		.highlight-box { padding:25px; }
		
		.mega-title { font-size:2.5em; margin-top:-35px; }
		
		.slide-box { padding:0 15px; }
		.slide-box .details { padding:10px 0px; }
		.slide-box .details h3 { font-size:.75em; }
		.slide-box .details .uk-button { padding:0 10px; font-size:.7em; }
		
		.footer .left-block .bg { clip-path:none; }
		.footer .left-block .inner { padding-top:25px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

	@font-face {
	font-family: 'Optima';
	font-style: normal;
	font-weight: 400;
	src: local('Optima'), url('../fonts/OPTIMA.woff') format('woff');
	}
	

	@font-face {
	font-family: 'Optima';
	font-style: italic;
	font-weight: 400;
	src: local('Optima Italic'), url('../fonts/Optima_Italic.woff') format('woff');
	}
	

	@font-face {
	font-family: 'Optima';
	font-style: normal;
	font-weight: 600;
	src: local('Optima Medium'), url('../fonts/Optima Medium.woff') format('woff');
	}
	

	@font-face {
	font-family: 'Optima';
	font-style: normal;
	font-weight: 800;
	src: local('Optima Bold'), url('../fonts/OPTIMA_B.woff') format('woff');
	}
		
/*	@font-face {
		font-family: 'FontName';
		src: url('../fonts/FontName.eot');
		src: url('../fonts/FontName.eot?iefix') format('eot'),
			 url('../fonts/FontName.woff') format('woff'),
			 url('../fonts/FontName.ttf') format('truetype'),
			 url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
		font-weight: normal;
		font-style: normal; }
*/