@charset "UTF-8";
/* Mixins */
/* __________________________________________________________________________ */
/*
http://hugogiraudel.com/2014/01/13/sass-string-replacement-function/
*/
/* 	--------------------------------------------------
    The Origin Framework Ôäó - uSkinned.net

	BASE
    -------------------------------------------------- */
/* 	--------------------------------------------------
    TABLE OF CONTENTS 
    -------------------------------------------------- 

	1.0 RESET
	2.0 CLEARFIX
	3.0 GRID
	4.0 LINKS
	5.0 LISTS
	6.0 MISC
	7.0 TYPOGRAPHY
	
*/
/*  --------------------------------------------------
    1.0 RESET
    -------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

select, input, textarea, button {
  outline: none; }

pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

html {
  overflow-y: scroll; }

a:hover, a:active {
  outline: none; }

ul, ol {
  margin: 0;
  padding: 0; }

nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td {
  vertical-align: top; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px; }

textarea {
  overflow: auto; }

.ie6 legend, .ie7 legend {
  margin-left: -7px; }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

label, input[type="button"], input[type="submit"], input[type="image"], button {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

input:invalid, textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red; }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
  background-color: #f0dddd; }

button {
  width: auto;
  overflow: visible; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  text-size-adjust: none; }

textarea {
  resize: none; }

nav ul, ul.list, fieldset ul, .tweets ul, .slides ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  height: 100%; }

.box,
input, textarea, select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

i.fa {
  margin-right: 5px; }

i.fa.after {
  margin-right: 0;
  margin-left: 5px; }

.overlayicon i.fa {
  margin: 0; }

.site_search i.fa {
  margin: 0 auto; }

/*	--------------------------------------------------
	2.0 CLEARFIX
	-------------------------------------------------- */
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.row:after, .clearfix:after {
  clear: both; }

.row, .clearfix {
  zoom: 1; }

/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:after {
  clear: both; }

/* The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem. */
.clearfix {
  zoom: 1; }

/*	--------------------------------------------------
	3.0 GRID 
	-------------------------------------------------- */
/* 960 */
.container {
  margin: 0 auto;
  width: 960px;
  max-width: 960px;
  position: relative;
  height: auto; }

/* ROW */
.row {
  width: 940px;
  margin: 0 auto;
  padding-bottom: 20px;
  position: relative; }

.row:last-child {
  padding-bottom: 0; }

.row.last {
  padding-bottom: 0; }

.row:after {
  clear: both; }

.row .row {
  width: 100%; }

/* cols */
.cols {
  margin-left: 1%;
  margin-right: 1%;
  display: inline;
  float: left;
  min-height: 1px;
  position: relative; }

.cols:first-child {
  margin-left: 0; }

.cols.left,
.cols.first,
.cols.bookend-left {
  margin-left: 0; }

.cols:last-child {
  margin-right: 0; }

.cols.right,
.cols.last,
.cols.bookend-right {
  margin-right: 0; }

.row .span1 {
  width: 6.5%; }

.row .span2 {
  width: 15%; }

.row .span3 {
  width: 23.5%; }

.row .span4 {
  width: 32%; }

.row .span5 {
  width: 40.5%; }

.row .span6 {
  width: 49%; }

.row .span7 {
  width: 57.5%; }

.row .span8 {
  width: 66%; }

.row .span9 {
  width: 74.5%; }

.row .span10 {
  width: 83%; }

.row .span11 {
  width: 91.5%; }

.row .span12 {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.row .centered {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto; }

.row .prefix1 {
  padding-left: 8.5%; }

.row .prefix2 {
  padding-left: 17%; }

.row .prefix3 {
  padding-left: 25.5%; }

.row .prefix4 {
  padding-left: 34%; }

.row .prefix5 {
  padding-left: 42.5%; }

.row .prefix6 {
  padding-left: 51%; }

.row .prefix7 {
  padding-left: 59.5%; }

.row .prefix8 {
  padding-left: 68%; }

.row .prefix9 {
  padding-left: 76.5%; }

.row .prefix10 {
  padding-left: 85%; }

.row .prefix11 {
  padding-left: 93.5%; }

.row .suffix1 {
  padding-right: 8.5%; }

.row .suffix2 {
  padding-right: 17%; }

.row .suffix3 {
  padding-right: 25.5%; }

.row .suffix4 {
  padding-right: 34%; }

.row .suffix5 {
  padding-right: 42.5%; }

.row .suffix6 {
  padding-right: 51%; }

.row .suffix7 {
  padding-right: 59.5%; }

.row .suffix8 {
  padding-right: 68%; }

.row .suffix9 {
  padding-right: 76.5%; }

.row .suffix10 {
  padding-right: 85%; }

.row .suffix11 {
  padding-right: 93.5%; }

.row .push1 {
  left: 8.5%; }

.row .push2 {
  left: 17%; }

.row .push3 {
  left: 25.5%; }

.row .push4 {
  left: 34%; }

.row .push5 {
  left: 42.5%; }

.row .push6 {
  left: 51%; }

.row .push7 {
  left: 59.5%; }

.row .push8 {
  left: 68%; }

.row .push9 {
  left: 76.5%; }

.row .push10 {
  left: 85%; }

.row .push11 {
  left: 93.5%; }

.row .pull1 {
  right: 8.5%; }

.row .pull2 {
  right: 17%; }

.row .pull3 {
  right: 25.5%; }

.row .pull4 {
  right: 34%; }

.row .pull5 {
  right: 42.5%; }

.row .pull6 {
  right: 51%; }

.row .pull7 {
  right: 59.5%; }

.row .pull8 {
  right: 68%; }

.row .pull9 {
  right: 76.5%; }

.row .pull10 {
  right: 85%; }

.row .pull11 {
  right: 93.5%; }

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .container {
    width: 95%;
    margin: 0 auto; }

  /* ROW */
  .row {
    width: 100%; } }
/* Mobile 320px */
@media (max-width: 479px) {
  .container {
    width: 92%;
    margin: 0 auto;
    overflow: hidden;
    height: 100%; } }
/* Mobile 480px */
@media (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    height: 100%; } }
/* Mobile */
@media (max-width: 767px) {
  /* ROW */
  .row {
    overflow: hidden;
    width: 100%;
    height: 100%; }

  /* COLS */
  .cols {
    margin-left: 0;
    margin-right: 0;
    float: none !important;
    display: block !important; }

  .row .span1,
  .row .span2,
  .row .span3,
  .row .span4,
  .row .span5,
  .row .span6,
  .row .span7,
  .row .span8,
  .row .span9,
  .row .span10,
  .row .span11,
  .row .span12 {
    width: 100%; }

  .row .prefix1 {
    padding-left: 0; }

  .row .prefix2 {
    padding-left: 0; }

  .row .prefix3 {
    padding-left: 0; }

  .row .prefix4 {
    padding-left: 0; }

  .row .prefix5 {
    padding-left: 0; }

  .row .prefix6 {
    padding-left: 0; }

  .row .prefix7 {
    padding-left: 0; }

  .row .prefix8 {
    padding-left: 0; }

  .row .prefix9 {
    padding-left: 0; }

  .row .prefix10 {
    padding-left: 0; }

  .row .prefix11 {
    padding-left: 0; }

  .row .suffix1 {
    padding-right: 0; }

  .row .suffix2 {
    padding-right: 0; }

  .row .suffix3 {
    padding-right: 0; }

  .row .suffix4 {
    padding-right: 0; }

  .row .suffix5 {
    padding-right: 0; }

  .row .suffix6 {
    padding-right: 0; }

  .row .suffix7 {
    padding-right: 0; }

  .row .suffix8 {
    padding-right: 0; }

  .row .suffix9 {
    padding-right: 0; }

  .row .suffix10 {
    padding-right: 0; }

  .row .suffix11 {
    padding-right: 0; }

  .row .push1 {
    left: 0; }

  .row .push2 {
    left: 0; }

  .row .push3 {
    left: 0; }

  .row .push4 {
    left: 0; }

  .row .push5 {
    left: 0; }

  .row .push6 {
    left: 0; }

  .row .push7 {
    left: 0; }

  .row .push8 {
    left: 0; }

  .row .push9 {
    left: 0; }

  .row .push10 {
    left: 0; }

  .row .push11 {
    left: 0; }

  .row .pull1 {
    right: 0; }

  .row .pull2 {
    right: 0; }

  .row .pull3 {
    right: 0; }

  .row .pull4 {
    right: 0; }

  .row .pull5 {
    right: 0; }

  .row .pull6 {
    right: 0; }

  .row .pull7 {
    right: 0; }

  .row .pull8 {
    right: 0; }

  .row .pull9 {
    right: 0; }

  .row .pull10 {
    right: 0; }

  .row .pull11 {
    right: 0; } }
/*	--------------------------------------------------
	4.0 LINKS
	-------------------------------------------------- */
a {
  text-decoration: none;
  line-height: inherit;
  cursor: pointer; }

a,
button,
button span,
a span,
a strong,
input,
textarea,
select {
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease; }

nav.main a,
body.home .promo_pods .item a .info,
.listing.grid .item a .info,
nav.sub a {
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease;
  -o-transition: background 0.25s ease;
  transition: background 0.25s ease; }

span.button a,
button.button {
  -webkit-transition: color 0.25s ease, background 0.25s ease;
  -moz-transition: color 0.25s ease, background 0.25s ease;
  -ms-transition: color 0.25s ease, background 0.25s ease;
  -o-transition: color 0.25s ease, background 0.25s ease;
  transition: color 0.25s ease, background 0.25s ease; }

a:hover {
  text-decoration: underline; }

a:focus {
  outline: none; }

a:visited {
  outline: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8; }

p a, p a:visited {
  line-height: inherit; }

a.see_all {
  font-size: 11px;
  font-size: 1.1rem; }

a.see_all,
a.underline {
  text-decoration: none;
  display: inline-block;
  border-width: 0 0 1px;
  border-style: solid; }

/*	--------------------------------------------------
	5.0 LISTS
	-------------------------------------------------- */
ul, ol {
  padding: 0 0 15px; }

ul {
  padding-left: 20px;
  list-style: disc outside; }

ol {
  padding-left: 20px;
  list-style: decimal; }

ul ul,
ol ol {
  padding: 5px 0 0 10px; }

ul ul {
  list-style: circle outside; }

ol ol {
  list-style: lower-roman; }

ul.square {
  list-style: square outside; }

ul.circle {
  list-style: circle outside; }

ul.disc {
  list-style: disc outside; }

li {
  padding-bottom: 5px; }

ul.large li {
  line-height: 21px; }

nav ul,
nav li {
  padding: 0; }

dl dt {
  font-weight: bold;
  padding-bottom: 2px; }

dl dd {
  padding-bottom: 5px; }

/* 	-------------------------------------------------- 
	3.0 MISC
	-------------------------------------------------- */
.left {
  float: left; }

.right {
  float: right; }

.text_left {
  text-align: left; }

.text_right {
  text-align: right; }

.text_center {
  text-align: center; }

.text_upper {
  text-transform: uppercase; }

.hide {
  display: none; }

.label {
  display: inline-block;
  padding: 0 5px; }

object, embed {
  max-width: none; }

#map embed {
  max-width: none; }

#map img {
  max-width: none; }

#map object {
  max-width: none; }

img {
  max-width: 100%;
  height: auto; }

#map {
  overflow: hidden;
  margin-bottom: 10px; }

@media (min-width: 1024px) {
  .hide_desktop,
  .only_tablet,
  .only_mobile {
    display: none; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .hide_tablet,
  .only_desktop,
  .only_mobile {
    display: none; } }
@media (max-width: 767px) {
  .hide_mobile,
  .only_desktop,
  .only_tablet {
    display: none; } }
/* 	BASED ON THE WORK ARTFULLY MASTERMINDED BY ZURB */
/*	--------------------------------------------------
	4.0 TYPOGRAPHY
	-------------------------------------------------- */
html {
  font-size: 62.5%; }

body {
  font-size: 15px;
  font-size: 1.5rem;
  /* =14px */
  font-family: "ff-tisa-sans-web-pro", Arial;
  font-weight: 400; }

input,
select,
textarea,
button,
.pricing_menu dl dt .info p.heading,
table thead tr th {
  font-size: 14px;
  font-size: 1.4rem;
  /* =14px */
  font-family: 'Merriweather Sans', sans-serif;
  font-weight: 400; }

h1, h2, h3, h4, h5, h6, .heading, nav.main {
  line-height: 1.1; }

h1, h2, h3, h4, h5, h6, .heading, nav.main, .button, .underline, nav.sub, .accordion .tab, .tabbed .tabs, a.see_all,
table thead tr th {
  font-weight: 400;
  font-family: 'Hammersmith One', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  font-size: 36px;
  font-size: 3.6rem;
  padding: 0 0 5px; }

h2 {
  font-size: 28px;
  font-size: 2.8rem;
  padding: 15px 0 10px; }

h3 {
  font-size: 22px;
  font-size: 2.2rem;
  padding: 15px 0 10px; }

h4 {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px 0; }

h5, h6 {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 0; }

body.home .newsletter p.heading,
body.home h2,
body.home h3,
body.home h4,
body.home h5 {
  font-size: 28px;
  font-size: 2.8rem;
  padding: 10px 0; }

.subheading {
  font-weight: 300;
  margin-bottom: 24px; }

p, div.text {
  padding: 0 0 15px; }

p, div.text {
  line-height: 1.5; }

p.heading {
  padding: 10px 0; }

.box .heading {
  padding-top: 0; }

p.intro, .intro {
  font-size: 18px;
  font-size: 1.8rem; }

p img {
  margin: 0; }

p#skip {
  display: none; }

p.who {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  padding: 5px 0; }

em, i {
  font-style: italic;
  line-height: inherit; }

strong, b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

/*	Blockquotes  */
blockquote p {
  font-size: 22px;
  font-size: 2.2rem;
  font-style: italic;
  line-height: 1.4;
  padding-top: 5px; }

.promo_pods blockquote p {
  font-size: 18px;
  font-size: 1.8rem; }

blockquote {
  margin: 0;
  padding: 15px 25px;
  border-width: 0 0 0 5px;
  border-style: solid; }

blockquote cite {
  display: block;
  font-size: 11px;
  font-size: 1.1rem; }

blockquote cite:before {
  content: "\2014 \0020"; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 20px auto;
  height: 0;
  width: 100%; }

abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  border-bottom: 1px solid #ddd;
  cursor: help; }

abbr {
  text-transform: none; }

@media (min-width: 768px) and (max-width: 1023px) {
  body.home .newsletter p.heading,
  body.home h2,
  body.home h3,
  body.home h4,
  body.home h5 {
    font-size: 24px;
    font-size: 2.4rem; } }
@media (max-width: 767px) {
  h1 {
    font-size: 28px;
    font-size: 2.8rem; }

  h2 {
    font-size: 22px;
    font-size: 2.2rem; }

  h3 {
    font-size: 20px;
    font-size: 2.0rem; }

  h4, h5, h6 {
    font-size: 16px;
    font-size: 1.6rem; }

  body.home .newsletter p.heading,
  body.home h2,
  body.home h3,
  body.home h4,
  body.home h5 {
    font-size: 24px;
    font-size: 2.4rem; }

  p.intro, .intro {
    font-size: 16px;
    font-size: 1.6rem; }

  blockquote p {
    font-size: 18px;
    font-size: 1.8rem; }

  .promo_pods blockquote p {
    font-size: 16px;
    font-size: 1.6rem; } }
/*	--------------------------------------------------
	END
	-------------------------------------------------- */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
/* 	--------------------------------------------------
	PLUGINS
    -------------------------------------------------- */
/* 	--------------------------------------------------
	TABLE OF CONTENTS
    -------------------------------------------------- 

	1.0 FANCYBOX
	2.0 SLICK CAROUSEL
	
*/
/*  --------------------------------------------------
    1.0 FANCYBOX             
    -------------------------------------------------- */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none; }

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("../images/fancybox/fancybox.png"); }

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none; }

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none; }

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none; }

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff; }

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff; }

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101; }

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url("../images/fancybox/fancybox.png") -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none; }

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0; }

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top; }

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block; }

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url("../images/fancybox/blank.gif");
  z-index: 1102;
  display: none; }

#fancybox-left {
  left: 0px; }

#fancybox-right {
  right: 0px; }

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block; }

#fancybox-left-ico {
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -30px; }

#fancybox-right-ico {
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -60px; }

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;
  /* IE6 */ }

#fancybox-left:hover span {
  left: 20px; }

#fancybox-right:hover span {
  left: auto;
  right: 20px; }

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001; }

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("../images/fancybox/fancybox-x.png"); }

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -162px; }

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("../images/fancybox/fancybox-y.png");
  background-position: -20px 0px; }

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -182px; }

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("../images/fancybox/fancybox-x.png");
  background-position: 0px -20px; }

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -142px; }

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("../images/fancybox/fancybox-y.png"); }

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -122px; }

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102; }

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative; }

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff; }

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left; }

#fancybox-title-over {
  padding: 10px;
  background-image: url("../images/fancybox/fancy_title_over.png");
  display: block; }

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px; }

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto; }

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap; }

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url("../images/fancybox/fancybox.png") -40px -90px no-repeat; }

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url("../images/fancybox/fancybox-x.png") 0px -40px; }

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url("../images/fancybox/fancybox.png") -55px -90px no-repeat; }

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
  background: transparent !important; }

.fancybox-ie #fancybox-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancyboxfancy_shadow_n.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancyboxfancy_shadow_ne.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancyboxfancy_shadow_e.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancyboxfancy_shadow_se.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancyboxfancy_shadow_s.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancyboxfancy_shadow_sw.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancyboxfancy_shadow_w.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancyboxfancy_shadow_nw.png', sizingMethod='scale'); }

/*  --------------------------------------------------
    2.0 SLICK CAROUSEL            
    -------------------------------------------------- */
/*
* http://kenwheeler.github.io/slick/
*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1; }

.slick-track:before, .slick-track:after {
  content: "";
  display: table; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto; }

	/*
.slick-slide {
	-moz-opacity:0.3;
	-webkit-opacity:0.3;
	-ms-opacity:0.3;
	opacity:0.3;
	}
.slick-active {
	-moz-opacity:1;
	-webkit-opacity:1;
	-ms-opacity:1;
	opacity:1;
	}
	*/
/* Arrows */
/* Dots */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75; }

/*	--------------------------------------------------
	END
	-------------------------------------------------- */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
/* 	--------------------------------------------------
    The Origin Framework Ôäó  - uSkinned.net

	LAYOUT
    -------------------------------------------------- */
/* 	--------------------------------------------------
	TABLE OF CONTENTS
    -------------------------------------------------- 

	1.0 GENERAL
	2.0 CONTENT
	3.0 HEADER
	4.0 FOOTER
	5.0 NAVIGATION
		5.1 MAIN
		5.2 TOP
		5.3 SUB
		5.4 BREADCRUMB
		5.5 PAGINATION
		5.6 SITEMAP
		5.7 SOCIAL
		5.8 QUICK LINKS
		5.9 FOOTER NAVIGATION
		5.10 SLICK CAROUSEL NAVIGATION
	6.0 BANNER
	7.0 PROMO PODS
	8.0 LISTING
	9.0 BOX
	10.0 PAGE COMPONENT
		10.1 TABBED
		10.2 ACCORDION
		10.3 QUOTES
		10.4 IMAGES
		10.5 GALLERY
		10.6 RESOURCES
		10.7 TABLES
		10.8 COMMENTS
		10.9 AUTHOR BIO
		10.10 IMAGE SLIDESHOW
		10.11 PRICING MENU
	11.0 FORMS
		11.1 BUTTONS
		11.2 AJAX LOADING
		11.3 ALERTS
	
*/
/*	--------------------------------------------------
	1.0 GENERAL
	-------------------------------------------------- */
.rounded {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }

.rounded_top {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.rounded_right {
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0; }

.rounded_bottom {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }

.rounded_left {
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px; }

.promo_pods,
.listing,
.component {
  clear: both; }

/*	--------------------------------------------------
	2.0 CONTENT
	-------------------------------------------------- */
.content {
  padding: 30px 0;
  position: relative; }

.content.promo_strip {
  padding: 30px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.content.promo_strip .row {
  display: table; }

.content.promo_strip .info {
  display: table-cell;
  vertical-align: middle; }

@media (min-width: 768px) {
  .content {
    padding: 50px 0;
    min-height: 400px; }

  .content.promo_strip {
    padding: 0;
    background-attachment: fixed; }

  .content .overlay {
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0; }

  .content .overlay.left {
    left: 0; }

  .content .overlay.right {
    right: 0; }

  .content.promo_strip,
  .content.promo_strip .info {
    height: 500px; }

  .about .heading,
  .content.promo_strip .info p.heading {
    font-size: 34px;
    font-size: 3.4rem; }

  .content.promo_strip .info p.link {
    padding-top: 10px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .about .heading,
  .content.promo_strip .info p.heading {
    font-size: 30px;
    font-size: 3.0rem; } }
@media (max-width: 767px) {
  .content #left_col,
  .content #mid_col {
    padding-bottom: 40px; }

  .content.promo_strip .info {
    text-align: center; }

  .about .heading,
  .content.promo_strip .info p.heading {
    font-size: 26px;
    font-size: 2.6rem; }

  body.home .about {
    padding-bottom: 40px; }

  .content .overlay {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0; } }
/*	--------------------------------------------------
	4.0 HEADER
	-------------------------------------------------- */
header {
  position: relative;
  z-index: 500;
  height: 60px;
  -webkit-transition: background 0.5s;
  transition: background 0.5s; }

header .row {
  padding: 0; }

header #logo {
  position: absolute;
  top: 10px;
  left: 0;
  width: 194px;
  height: 40px; }

header #logo a {
  width: 194px;
  height: 40px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://www.spotteddogtavern.com.au/images/logo.png");
  background-repeat: no-repeat;
  background-position: left bottom; }

header #logo a:active {
  position: relative;
  top: 1px; }

@media (min-width: 1024px) {
  body.home header {
    position: fixed;
    width: 100%; } }
@media (max-width: 767px) {
  header #logo a {
    background-image: url("https://www.spotteddogtavern.com.au/images/logo.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  header #logo a {
    background-image: url("https://www.spotteddogtavern.com.au/images/logo_retina.png");
    background-size: 194px 40px; } }
/*	--------------------------------------------------
	4.0 FOOTER
	-------------------------------------------------- */
footer {
  padding: 30px 0 0; }

footer .bottom {
  margin-top: 30px; }

footer p {
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem; }

@media (min-width: 1024px) {
  footer {
    padding: 50px 0 0; }

  footer .bottom {
    margin-top: 50px; } }
@media (min-width: 768px) {
  footer p {
    font-weight: 300;
    font-size: 16px;
    font-size: 1.6rem; }

  footer .heading {
    font-size: 22px;
    font-size: 2.2rem; } }
@media (max-width: 767px) {
  footer .phone {
    padding: 20px 0; }

  footer .heading {
    font-size: 20px;
    font-size: 2.0rem; } }
/*  --------------------------------------------------
    5.0 NAVIGATION             
    -------------------------------------------------- */
@media (min-width: 768px) {
  .navigation .reveal {
    display: block !important; }

  .navigation a.expand {
    display: none; } }
@media (max-width: 1024px) {
  .navigation {
    top: auto;
    height: auto;
    clear: both;
    position: relative; }

  .navigation a.expand {
    position: absolute;
    width: 35px;
    height: 60px;
    top: 0;
    right: 0;
    text-indent: -9999px;
    display: block; }

  .navigation a.expand span {
    height: 3px;
    display: block;
    width: 35px;
    position: absolute;
    right: 0; }

  .navigation a.expand span.top {
    top: 18px; }

  .navigation a.expand span.mid {
    top: 28px; }

  .navigation a.expand span.bottom {
    top: 38px; }

  .navigation a.expand.active span.mid {
    display: none; }

  .navigation a.expand.active span.top,
  .navigation a.expand.active span.bottom {
    top: 28px; }

  .navigation a.expand.active span.top {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); }

  .navigation a.expand.active span.bottom {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg); }

  /* SLIDE OUT NAV */
  html.reveal_out {
    overflow-y: hidden; }

  #site {
    position: relative;
    top: 0;
    left: 0;
    -ms-transition: left 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
    -moz-transition: left 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
    -webkit-transition: left 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
    transition: left 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s; }

  html.reveal_out #site {
    left: -220px; }

  .navigation .reveal {
    position: fixed;
    overflow-y: scroll;
    width: 220px;
    padding: 0;
    top: 0;
    bottom: 0;
    right: -100%;
    -ms-transition: right 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
    -moz-transition: right 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
    -webkit-transition: right 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
    transition: right 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s; }

  html.reveal_out .navigation .reveal {
    right: 0;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); } }
/*  --------------------------------------------------
    5.1 MAIN NAV             
    -------------------------------------------------- */
.navigation nav.main ul {
  font-size: 16px;
  font-size: 1.6rem; }

.navigation nav.main ul ul {
  font-size: 14px;
  font-size: 1.4rem; }

.navigation nav.main ul li a {
  text-decoration: none; }

.navigation nav.main ul li a span {
  display: block; }

.navigation nav.main ul li a span i {
  position: absolute;
  top: 23px;
  right: 10px; }

.navigation nav.main ul ul li a span i {
  top: 9px; }

.navigation nav.main ul li.has_child a span {
  padding-right: 20px; }

@media (min-width: 1025px) {
  nav.main {
    height: 60px;
    position: absolute;
    top: 0;
    right: 60px;
    z-index: 300; }

  nav.main ul {
    z-index: 400;
    overflow: visible;
    line-height: 1; }

  nav.main ul li {
    float: left;
    display: inline;
    position: relative; }

  nav.main ul li a {
    display: block;
    float: left;
    height: 35px;
    padding: 25px 10px 0; }

  /* DROP DOWN 2ND LEVEL */
  .navigation nav.main ul li ul {
    position: absolute;
    left: -999em;
    top: 60px;
    z-index: 2000;
    width: 200px;
    height: auto;
    padding: 0;
    display: block;
    border-top: 0; }

  .navigation nav.main ul li ul li {
    float: none;
    width: auto;
    display: block; }

  .navigation nav.main ul li ul li a {
    float: none;
    display: block;
    height: auto;
    width: auto;
    line-height: 1.3;
    padding: 10px; }

  .navigation nav.main ul li ul li a span {
    display: block;
    background: none !important; }

  .navigation nav.main ul li:hover ul ul,
  .navigation nav.main ul li.hover ul ul {
    left: -999em;
    padding: 0; }

  .navigation nav.main ul li.hover ul ul li a span {
    background: none !important; }

  .navigation nav.main ul li li:hover ul,
  .navigation nav.main ul li li.hover ul {
    left: 200px;
    top: 0; }

  .navigation nav.main ul li.last li:hover ul,
  .navigation nav.main ul li.last li.hover ul {
    left: auto;
    top: 0;
    right: 200px; }

  /* Hover effects */
  /* Method of popping out the sub-section */
  .navigation nav.main ul li:hover ul,
  .navigation nav.main ul li.hover ul {
    left: 0; }

  .navigation nav.main ul li:hover.last ul,
  .navigation nav.main ul li.hover.last ul {
    left: auto;
    right: 0; }

  .navigation nav.main ul ul li:hover.last ul,
  .navigation nav.main ul ul li.hover.last ul {
    left: 100%; } }
@media (max-width: 1024px) {
  .navigation nav.main ul {
    position: relative;
    clear: both; }

  .navigation nav.main ul li {
    display: block; }

  .navigation nav.main ul li a {
    display: block;
    padding: 10px 15px; }

  .navigation nav.main ul li.has_child a span {
    background-image: none; }

  .navigation nav.main ul ul {
    display: none; }

  .navigation nav.main ul li a i {
    display: none; } }
/*  --------------------------------------------------
    5.2 TOP NAVIGATION             
    -------------------------------------------------- */
.navigation nav.top {
  overflow: hidden;
  height: 100%; }

.navigation nav.top ul {
  color: #999;
  font-size: 12px;
  font-size: 1.2rem; }

.navigation nav.top ul li.logout a {
  display: inline; }

.navigation nav.top ul li.logout div {
  display: inline;
  margin-right: 5px; }

@media (min-width: 768px) {
  .navigation nav.top {
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: 20px;
    right: 0; }

  .navigation nav.top ul {
    color: #999;
    font-size: 12px;
    font-size: 1.2rem; }

  .navigation nav.top ul li {
    display: inline;
    float: left;
    margin-left: 20px; }

  .navigation nav.top ul li a {
    display: block;
    float: left; }

  .navigation nav.top ul li div {
    display: block;
    float: left; } }
@media (max-width: 767px) {
  .navigation nav.top ul {
    position: relative;
    clear: both; }

  .navigation nav.top ul li {
    display: block; }

  .navigation nav.top ul li a {
    display: block;
    padding: 10px 0; } }
/*  --------------------------------------------------
    5.3 SUB NAVIGATION             
    -------------------------------------------------- */
nav.sub {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 30px; }

nav.sub a {
  text-decoration: none; }

nav.sub a:hover span {
  padding-left: 5px; }

nav.sub p.heading {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0; }

nav.sub p.heading span {
  padding: 15px;
  display: block; }

nav.sub p.heading a:hover span {
  padding-left: 20px; }

nav.sub ul li {
  display: inline; }

nav.sub ul li a {
  display: block;
  padding: 12px 15px;
  border-width: 1px 0 0;
  border-style: solid; }

nav.sub ul li a.active {
  position: relative;
  bottom: 0; }

nav.sub ul li a span {
  display: block; }

nav.sub ul li ul {
  font-size: 12px;
  font-size: 1.2rem;
  border: 0 none;
  padding: 0; }

nav.sub ul li.last ul {
  border-bottom: 0 none; }

/*  --------------------------------------------------
    5.4 BREADCRUMB NAVIGATION             
    -------------------------------------------------- */
nav.breadcrumb {
  overflow: hidden;
  height: 100%;
  position: relative; }

nav.breadcrumb ul {
  font-size: 11px;
  font-size: 1.1rem; }

nav.breadcrumb ul li {
  display: inline;
  float: left;
  margin-right: 5px; }

nav.breadcrumb ul li a {
  display: block;
  float: left; }

nav.breadcrumb ul li div {
  display: block;
  float: left; }

nav.breadcrumb i.fa {
  margin: 0; }

/*  --------------------------------------------------
    5.5 PAGINATION NAVIGATION             
    -------------------------------------------------- */
nav.pagination {
  overflow: hidden;
  height: 100%;
  position: relative;
  margin: 30px 0; }

nav.pagination ul {
  text-align: center; }

nav.pagination ul li {
  margin: 0 2px;
  display: inline-block; }

nav.pagination ul li.prev,
nav.pagination ul li.next {
  position: absolute;
  float: none;
  margin: 0; }

nav.pagination ul li.prev {
  left: 0; }

nav.pagination ul li.next {
  right: 0; }

nav.pagination ul li a {
  display: inline-block; }

nav.pagination ul li span {
  display: inline-block;
  padding: 5px 10px;
  border-width: 1px;
  border-style: solid;
  border-radius: 15px; }

/*  --------------------------------------------------
    5.6 SITEMAP NAVIGATION             
    -------------------------------------------------- */
nav.sitemap {
  overflow: hidden;
  height: 100%;
  position: relative; }

nav.sitemap ul {
  margin: 5px 0 20px; }

nav.sitemap ul li {
  display: block;
  padding: 0 0 5px 14px;
  background: url("../images/bg/sitemap_line.png") no-repeat left top; }

nav.sitemap ul li ul {
  padding-bottom: 5px;
  margin-bottom: 0; }

/*  --------------------------------------------------
    5.7 SOCIAL NAVIGATION        
    -------------------------------------------------- */
.social nav {
  overflow: hidden;
  height: 100%;
  position: relative; }

.social nav ul li {
  display: inline; }

.social nav ul li a {
  display: inline-block;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  margin: 0 0 8px;
  background-image: url("../images/icons/social.png");
  background-repeat: no-repeat; }

.social nav ul li a:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8; }

.social nav ul li.facebook a {
  background-position: left top; }

.social nav ul li.twitter a {
  background-position: left -40px; }

.social nav ul li.linkedin a {
  background-position: left -80px; }

.social nav ul li.google_plus a {
  background-position: left -120px; }

.social nav ul li.pinterest a {
  background-position: left -160px; }

.social nav ul li.instagram a {
  background-position: left -200px; }

.social nav ul li.flickr a {
  background-position: left -240px; }

.social nav ul li.tumblr a {
  background-position: left -280px; }

.social nav ul li.vimeo a {
  background-position: left -320px; }

.social nav ul li.youtube a {
  background-position: left -360px; }

.social nav ul li.dribble a {
  background-position: left -400px; }

.social nav ul li.skype a {
  background-position: left -440px; }

.social nav ul li.rss a {
  background-position: left -480px; }

/*  --------------------------------------------------
    5.8 QUICK LINKS        
    -------------------------------------------------- */
.quick_links nav {
  overflow: hidden;
  height: 100%; }

.quick_links nav ul li {
  display: inline;
  float: left;
  width: 33%;
  margin-bottom: 5px; }

.quick_links nav ul li a {
  display: block;
  float: left; }

@media (min-width: 768px) and (max-width: 1023px) {
  .quick_links nav ul li {
    width: 50%; } }
@media (max-width: 767px) {
  footer .quick_links {
    padding-top: 20px;
    margin: 20px 0 20px; }

  .quick_links nav ul li {
    width: 48%; }

  .quick_links nav ul li.odd {
    clear: both; }

  .quick_links nav ul li.even {
    float: right; } }
/*  --------------------------------------------------
    5.9 FOOTER NAVIGATION             
    -------------------------------------------------- */
nav.footer {
  padding: 30px 0; }

nav.footer ul {
  font-weight: 300;
  font-size: 12px;
  font-size: 1.2rem; }

nav.footer ul li {
  display: inline-block;
  margin: 0 5px; }

nav.footer ul li.logout a {
  display: inline; }

nav.footer ul li.logout div {
  display: inline; }

@media (min-width: 768px) {
  nav.footer ul li.logout div div {
    display: block;
    float: left; } }
@media (max-width: 1023px) {
  nav.footer ul li.copyright {
    display: block;
    margin-bottom: 20px; }

  nav.footer ul li.site_credit {
    display: block;
    margin-top: 20px; } }
@media (max-width: 599px) {
  nav.footer ul li {
    display: block;
    margin-bottom: 20px; }
    nav.footer ul li.odd {
      display: none; }

  nav.footer ul li.site_credit {
    margin: 0; } }
/*  --------------------------------------------------
    5.10 SLICK CAROUSEL NAVIGATION            
    -------------------------------------------------- */
.slick-prev, .slick-next {
  z-index: 30;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 42.5%;
  background: none;
  border: 0 none;
  cursor: pointer; }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

.slick-prev:hover, .slick-next:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  opacity: 0.8; }

.slick-prev, .slick-next {
  display: table; }

.slick-prev i.fa, .slick-next i.fa {
  position: relative;
  margin: 0 !important;
  display: block;
  text-align: center;
  display: table-cell;
  vertical-align: middle; }

@media (min-width: 768px) and (max-width: 1023px) {
  .slick-prev, .slick-next {
    width: 40px;
    height: 40px;
    top: 40%; } }
@media (max-width: 767px) {
  .slick-prev, .slick-next {
    width: 35px;
    height: 35px;
    top: 40%; } }
.banner .slick-prev, .banner .slick-next {
  width: 50px;
  height: 50px; }

/*  --------------------------------------------------
    6.0 BANNER      
    -------------------------------------------------- */
.banner {
  overflow: hidden;
  height: 100%;
  position: relative; }

.banner .row {
  margin-bottom: 0; }

.banner .slides {
  overflow: hidden;
  height: 100%;
  position: relative; }

.banner,
.banner .slides .item {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.banner .container {
  display: table;
  width: 100%; }

.banner .row {
  display: table-cell;
  width: 100%;
  vertical-align: middle; }

@media (min-width: 1025px) {
  .banner {
    position: static;
    background-attachment: fixed; } }
@media (min-width: 1024px) {
  .banner .heading {
    font-size: 42px;
    font-size: 4.2rem;
    padding-bottom: 20px;
    text-shadow: 0px 0px 5px #000;
    padding-top: 0px; }

  .banner .slides .slick-prev,
  .banner .slides .slick-next {
    top: 45%; } }
@media (min-width: 768px) {
  .banner,
  .banner .container {
    height: 240px; }

  body.home .banner,
  body.home .banner .slides .item,
  body.home .banner .item .container {
    height: 80vh;
    max-height: 800px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .banner .heading {
    font-size: 36px;
    font-size: 3.6rem;
    padding-bottom: 20px; }

  .banner .slides .slick-prev,
  .banner .slides .slick-next {
    top: 40%; } }
@media (max-width: 767px) {
  .banner,
  .banner .container {
    height: auto;
    padding: 20px 0 10px; }

  body.home .banner,
  body.home .banner .slides .item,
  body.home .banner .item .container {
    height: 70vh;
    max-height: 360px;
    padding: 0;
    background-attachment: scroll; }

  .banner .heading {
    font-size: 28px;
    font-size: 2.8rem;
    padding-bottom: 20px; }

  .banner .slides .slick-prev,
  .banner .slides .slick-next {
    top: auto;
    bottom: 0; } }
/*  --------------------------------------------------
    7.0 PROMO PODS         
    -------------------------------------------------- */
.promo_pods {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 20px; }

.promo_pods .item {
  overflow: hidden;
  height: 100%;
  position: relative;
  margin-bottom: 30px;
  text-align: center; }

body.home .promo_pods .item {
  padding: 0; }

.promo_pods .item.newsletterpod form,
.promo_pods .item.lists .listing {
  padding: 20px; }

.promo_pods .item.lists .listing {
  border-width: 2px;
  border-style: solid; }

.promo_pods .item.quotes,
.promo_pods .item.codeblock,
.promo_pods .item.imagepod,
.promo_pods .item.videopod {
  padding: 0;
  border: 0 none; }

body.home .promo_pods .item a {
  display: block;
  text-decoration: none; }

.promo_pods .item.imagepod a,
.promo_pods .item.videopod a {
  display: block; }

.promo_pods .item a:hover .text {
  text-decoration: none; }

.promo_pods .item img {
  display: block;
  overflow: hidden;
  margin: 0 0 5px; }

.promo_pods .item.imagepod img,
.promo_pods .item.videopod img {
  width: 100%;
  margin: 0; }

.promo_pods .item p.heading {
  display: block;
  padding: 0 0 5px;
  font-size: 18px;
  font-size: 1.8rem; }

.promo_pods .item .text {
  display: block;
  padding-bottom: 0; }

.promo_pods .item.videopod a .overlayicon {
  display: block;
  position: absolute;
  top: 42.5%;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center; }

body.home .promo_pods .item {
  background-size: cover; }

body.home .promo_pods .item,
body.home .promo_pods .item a {
  height: 140px; }

body.home .promo_pods .item a {
  display: table;
  width: 100%; }

body.home .promo_pods .item a .info {
  z-index: 5;
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle; }

@media (min-width: 768px) {
  .promo_pods.wide .item.bookend-right {
    margin-right: 0; }

  .promo_pods.wide .item.bookend-left {
    margin-left: 0;
    clear: both; } }
@media (max-width: 767px) {
  .promo_pods .item .image {
    max-width: 140px; }

  .promo_pods .item.imagepod .image,
  .promo_pods .item.videopod .image {
    max-width: 100%; } }
@media (min-width: 480px) {
  body.home .promo_pods .item {
    width: 48%;
    float: left;
    margin-bottom: 20px; }

  body.home .promo_pods .item,
  body.home .promo_pods .item a {
    height: 170px; }

  body.home .promo_pods .item a .info p.heading {
    padding-right: 20px;
    padding-left: 20px; }

  body.home .promo_pods .item.odd {
    clear: both; }

  body.home .promo_pods .item.even {
    float: right; }

  body.home .promo_pods,
  body.home .promo_pods .item:nth-last-child(2),
  body.home .promo_pods .item.last {
    margin-bottom: 0; } }
@media (max-width: 479px) {
  body.home .promo_pods .item {
    margin-bottom: 10px; } }
@media (min-width: 480px) and (max-width: 767px) {
  .promo_pods.wide .item {
    width: 48% !important;
    float: left !important;
    display: block !important; }

  .promo_pods.wide .item.odd {
    margin-left: 0;
    clear: both; }

  .promo_pods.wide .item.even {
    margin-right: 0;
    float: right !important; } }
/*  --------------------------------------------------
    8.0 LISTING   
    -------------------------------------------------- */
.listing {
  overflow: hidden;
  height: 100%;
  position: relative;
  padding-top: 10px;
  margin-top: 10px; }

body.home .listing {
  margin: 0;
  padding: 0;
  border: 0 none; }

.promo_pods .item .listing {
  border: 0 none;
  padding: 0;
  margin: 0; }

.listing .item {
  overflow: hidden;
  height: 100%;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.promo_pods .item .listing .item {
  margin: 5px 0 15px;
  padding: 0 0 10px;
  background-image: url("../images/bg/blog_border.png");
  background-repeat: no-repeat;
  background-position: center bottom; }

body.home .listing .item {
  padding: 10px 0 15px;
  margin: 20px 0;
  background-image: url("../images/bg/blog_border.png");
  background-repeat: no-repeat;
  background-position: center bottom; }

.listing .item .image,
.listing .item .info {
  display: block; }

.listing .item a {
  display: block; }

.listing .item p.heading {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 5px; }

.listing .item p.heading a,
.listing .item a p.heading {
  text-decoration: none; }

body.home .listing .item p.heading {
  padding-bottom: 10px; }

.promo_pods .item .listing .item p.heading {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px 0; }

.listing .item .text {
  display: block;
  padding: 0 0 10px; }

.listing .item .text a {
  display: inline; }

/* GRID LISTING LAYOUT */
.listing.grid .item {
  display: inline;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
  padding: 0;
  margin-bottom: 20px;
  background-size: cover; }

.listing.grid .item a {
  display: table;
  width: 100%;
  height: 180px;
  text-decoration: none; }

.listing.grid .item .info {
  z-index: 5;
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle; }

body.home .listing.blog time,
div.meta,
.listing .item span.price,
.listing .item span.rating {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px 0;
  overflow: hidden;
  height: 100%; }

div.meta {
  padding-top: 0;
  margin-bottom: 10px;
  border-width: 1px 0;
  border-style: solid; }

.item div.meta {
  margin-top: 20px; }

.promo_pods .item .listing .item div.meta {
  border: 0 none;
  margin: 0;
  padding: 0; }

div.meta div {
  padding-top: 10px;
  overflow: hidden;
  height: 100%; }

div.meta a,
.listing .item div.meta a,
.listing .item span.price a {
  display: inline; }

div.meta span.author,
div.meta span.date,
div.meta span.comments,
div.meta span.categories,
.listing .item span.price span.now,
.listing .item span.price span.was {
  display: inline;
  float: left;
  margin-right: 5px; }

.promo_pods .item .listing .item div.meta time {
  padding: 0; }

.promo_pods .item .listing .item div.meta span.date {
  float: none;
  display: block;
  margin: 0; }

div.meta span.comments {
  float: left;
  clear: both; }

div.meta span.categories {
  float: right;
  margin: 0; }

.listing .item span.price span.was {
  text-decoration: line-through; }

div.meta span.comments {
  font-weight: 600; }

@media (min-width: 768px) {
  .page_component.listing .item .image,
  .listing.section .item .image {
    float: right;
    margin-left: 40px; }

  .listing.blog .item .image {
    width: 100%;
    padding-bottom: 10px; }

  .listing.blog .item p.heading {
    font-size: 22px;
    font-size: 2.2rem; }

  #mid_col .listing.grid .item {
    width: 49%;
    margin-bottom: 10px; }

  #left_col .listing.grid .item,
  #right_col .listing.grid .item {
    width: 49%;
    margin-bottom: 15px; }

  #wide_col .listing.grid .item {
    width: 32%; }

  .listing.grid .item a {
    height: 240px; }

  #mid_col .listing.grid .item a {
    height: 200px; }

  .listing.grid .item p.heading {
    font-size: 22px;
    font-size: 2.2rem; }

  /*
  .listing.grid .item .image {
  	float:none;
  	margin-left:0;
  	}
  .listing.grid .item .image img {
  	}
  .listing.grid .item .image,
  .listing.grid .item .info {
  	display:block;
  	}
  */
  .listing.grid .item.bookend-left {
    clear: both;
    margin-left: 0; }

  .listing.grid .item.bookend-right {
    float: right;
    margin-right: 0; } }
@media (max-width: 767px) {
  .listing .item .image {
    padding-bottom: 10px; }

  .listing .item div.meta span.categories {
    float: left;
    clear: both;
    display: block;
    padding-top: 5px; }

  .listing.grid .item {
    margin-bottom: 10px; }

  .listing.grid .item.odd {
    clear: both;
    float: left;
    margin-left: 0; }

  .listing.grid .item.even {
    float: right;
    margin-right: 0; }

  body.home .listing {
    padding-bottom: 40px; } }
@media (min-width: 480px) and (max-width: 767px) {
  .listing.grid .item {
    width: 49% !important; } }
@media (max-width: 479px) {
  .listing.grid .item {
    width: 100% !important;
    margin-right: 0;
    margin-left: 0; } }
/*  --------------------------------------------------
    9.0 BOX
    -------------------------------------------------- */
.box {
  padding: 15px; }

/*  --------------------------------------------------
    10.0 PAGE COMPONENT
    -------------------------------------------------- */
.page_component {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 30px; }

.page_component.textblock {
  margin: 0; }

.page_component.newsletter .newsletter {
  width: auto; }

.page_component.newsletter .newsletter,
.page_component.quick_links {
  padding: 20px 20px 10px;
  border-width: 2px;
  border-style: solid; }

/*  --------------------------------------------------
    10.1 TABBED
    -------------------------------------------------- */
.tabbed nav ul {
  height: 50px;
  font-size: 16px;
  font-size: 1.6rem; }

.tabbed nav ul li {
  display: inline;
  float: left;
  margin: 0 3px 0 0; }

.tabbed nav ul li a {
  display: block;
  float: left;
  text-decoration: none; }

.tabbed nav ul li a.active {
  position: relative;
  bottom: 0; }

.tabbed nav ul li a span {
  height: 33px;
  padding: 15px 20px 0;
  display: block; }

.tabbed nav ul li a.active span {
  background: none !important;
  height: 38px; }

.tabbed .panes {
  padding: 15px 15px 5px; }

/*  --------------------------------------------------
    10.2 ACCORDION
    -------------------------------------------------- */
.accordion .tab {
  margin-top: 2px;
  font-size: 16px;
  font-size: 1.6rem; }

.accordion .tab a {
  display: block;
  text-decoration: none; }

.accordion .tab a span {
  display: block;
  padding: 15px; }

.accordion .tab a:hover span {
  padding-left: 20px; }

.accordion .tab a.active {
  border-bottom: 0 none;
  position: relative; }

.accordion .tab a.active span {
  background: none !important; }

.accordion .pane {
  display: none;
  padding: 0 20px 10px; }

/*  --------------------------------------------------
    10.3 QUOTES
    -------------------------------------------------- */
/*  --------------------------------------------------
    10.4 IMAGES             
    -------------------------------------------------- */
.page_component.image {
  margin: 0 0 10px; }

.page_component.image.right {
  float: right;
  margin: 0 0 10px 20px; }

.page_component.image.left {
  float: left;
  margin: 0 20px 10px 0; }

.page_component.image img {
  display: block;
  overflow: hidden;
  max-width: 100%;
  height: auto; }

.page_component.image .text {
  position: absolute;
  padding: 10px;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 11px;
  font-size: 1.1rem; }

@media (max-width: 767px) {
  .page_component.image {
    float: none !important;
    margin: 0 auto 20px !important; }

  .page_component.image .text {
    display: block;
    position: relative;
    right: auto;
    bottom: auto;
    left: auto; } }
/*  --------------------------------------------------
    10.5 GALLERY        
    -------------------------------------------------- */
.gallery .item {
  float: left;
  display: inline;
  margin: 0 1% 15px 1%; }

.gallery .item a {
  position: relative;
  display: block; }

.gallery .item img {
  display: block;
  overflow: hidden;
  width: 100%; }

.gallery .item a .overlayicon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center; }

.gallery .item a .overlayicon i {
  margin-top: 22.5%; }

@media (min-width: 768px) {
  #mid_col .gallery .item {
    width: 49%; }

  #left_col .gallery .item,
  #right_col .gallery .item {
    width: 32%; }

  #wide_col .gallery .item {
    width: 23.5%; }

  .gallery .item.bookend-left {
    margin-left: 0;
    clear: both; }

  .gallery .item.bookend-right {
    margin-right: 0;
    float: right; } }
@media (max-width: 767px) {
  .gallery .item {
    width: 49% !important; }

  .gallery .item.odd {
    margin-left: 0;
    clear: both; }

  .gallery .item.even {
    float: right;
    margin-right: 0; }

  .gallery .item a img {
    width: 100%; } }
/*  --------------------------------------------------
    10.6 RESOURCES         
    -------------------------------------------------- */
.resources .item {
  overflow: hidden;
  height: 100%;
  padding: 20px;
  margin: 0 0 2px; }

.resources .item a {
  display: block;
  text-decoration: none; }

.resources .item p.heading {
  display: block;
  padding: 0 0 5px;
  font-size: 16px;
  font-size: 1.6rem; }

.resources .item a:hover {
  padding-left: 5px; }

.resources .item .text {
  display: block; }

.resources .item .text p {
  padding-bottom: 5px; }

.resources .item .size {
  display: block;
  font-style: italic;
  padding: 0;
  font-size: 11px;
  font-size: 1.1rem; }

/*  --------------------------------------------------
    10.7 TABLES
    -------------------------------------------------- */
table {
  width: 100%;
  margin: 0 0 30px;
  border-collapse: separate;
  *border-collapse: collapse;
  /* IE7 and lower */
  border-spacing: 0;
  /*
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -ms-border-radius: 5px; 
  border-radius: 5px; 
  */ }

table {
  border-width: 2px;
  border-style: solid; }

table tr th,
table tr td {
  padding: 15px;
  text-align: left; }

table thead tr th.first,
table tfoot tr td.first {
  border-left: none; }

table thead tr th.last,
table tfoot tr td.last {
  border-right: none; }

table tbody tr td {
  vertical-align: top;
  border: none; }

table#fancybox-title-float-wrap,
table#fancybox-title-float-wrap tr th,
table#fancybox-title-float-wrap tr td {
  background: none !important; }

/*  --------------------------------------------------
    10.8 COMMENTS            
    -------------------------------------------------- */
/*  --------------------------------------------------
    10.9 AUTHOR BIO
    -------------------------------------------------- */
.author_bio {
  margin: 30px 0;
  padding: 20px 20px 10px;
  border-width: 2px;
  border-style: solid; }

.author_bio .info p.heading {
  padding-top: 0; }

/*  --------------------------------------------------
	10.10 IMAGE SLIDESHOW
    -------------------------------------------------- */
.slideshow .item {
  display: block; }

.slideshow .item .image img {
  display: block;
  overflow: hidden; }

.slideshow .item .info .text {
  position: absolute;
  padding: 10px;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 11px;
  font-size: 1.1rem; }

/*  --------------------------------------------------
	10.11 PRICING MENU
    -------------------------------------------------- */
.pricing_menu dl {
  border-style: solid; }

.pricing_menu dl,
.pricing_menu dl dt,
.pricing_menu dl dd {
  overflow: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
  font-weight: normal; }

.pricing_menu dl dt,
.pricing_menu dl dd {
  border-style: solid; }

.pricing_menu dl dt p {
  padding: 0; }

.pricing_menu dl dd.price p {
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem; }

.pricing_menu dl dt .info p.heading {
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  padding: 0 0 5px; }

.pricing_menu dl dt .info .text p {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic; }

.pricing_menu dl dt.header p.heading,
.pricing_menu dl dd.header p.heading {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 15px;
  line-height: 1;
  font-weight: 400;
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-opacity: 0.6;
  opacity: 0.6; }

@media (min-width: 768px) {
  .pricing_menu dl {
    border-width: 0 1px 1px; }

  .pricing_menu dl dt,
  .pricing_menu dl dd {
    float: left;
    display: inline-block;
    width: 70%;
    border-width: 1px 0 0; }

  .pricing_menu dl dd {
    float: right;
    width: 30%; }

  .pricing_menu dl dt.header {
    width: 100%; }

  .pricing_menu dl dt .info,
  .pricing_menu dl dd.price p {
    padding: 15px; } }
@media (max-width: 767px) {
  .pricing_menu dl {
    border-width: 1px 1px 0; }

  .pricing_menu dl dt.header,
  .pricing_menu dl dd {
    border-width: 0 0 1px; }

  .pricing_menu dl dt,
  .pricing_menu dl dd {
    padding: 0 15px; }

  .pricing_menu dl dt {
    padding-top: 15px; }

  .pricing_menu dl dd {
    padding-bottom: 10px; }

  .pricing_menu dl dt.header,
  .pricing_menu dl dd.header {
    padding: 0; } }
/*  --------------------------------------------------
    11.0 FORMS
    -------------------------------------------------- */
fieldset {
  padding: 0 0 10px;
  margin: 0 0 10px;
  position: relative; }

fieldset.buttons {
  padding-top: 0;
  border-bottom: 0 none; }

fieldset .row {
  padding: 0; }

/* GENERAL FIELDS */
fieldset .general {
  display: block;
  padding: 5px 0;
  position: relative;
  overflow: hidden;
  height: 100%; }

fieldset .general label {
  display: block;
  padding: 0 0 5px; }

fieldset div.general span.wrap {
  position: relative;
  display: block; }

fieldset div.general input,
fieldset div.general select,
fieldset div.general textarea {
  border-width: 2px;
  border-style: solid;
  padding: 7px 10px;
  display: block;
  width: 100%;
  vertical-align: middle; }

/* CHECKBOX & RADIO BUTTONS */
fieldset .checkbox {
  padding: 5px 0;
  display: block;
  margin-top: 5px;
  overflow: hidden;
  height: 100%; }

fieldset .radiobutton {
  padding: 5px 0;
  display: block;
  margin-top: 5px;
  overflow: hidden;
  height: 100%; }

fieldset .general label,
fieldset .checkbox label,
fieldset .radiobutton label {
  display: block;
  padding: 0 0 5px; }

fieldset .checkbox label.options,
fieldset .radiobutton label.options {
  cursor: default; }

fieldset .checkbox ul li,
fieldset .radiobutton ul li {
  padding: 7px 0 3px;
  margin: 0; }

fieldset .checkbox input,
fieldset .radiobutton input {
  display: inline;
  float: left;
  margin: 2px 5px 0 0;
  padding: 0;
  border: 0 none;
  background: auto; }

/* NOTES */
fieldset label em.req {
  font-style: normal; }

fieldset span.note {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 0 0; }

/* VALIDATION */
fieldset div.general span.field-validation-error,
fieldset .error span.req {
  padding: 5px;
  display: block;
  font-size: 12px;
  font-size: 1.2rem; }

.newsletter fieldset .general label {
  display: none; }

.newsletter fieldset .general input {
  text-align: center;
  padding: 12px; }

/* SITE SEARCH */
header .site_search fieldset {
  padding: 0;
  margin: 0; }

header .site_search fieldset div.general {
  padding: 0; }

header .site_search fieldset div.general input {
  height: 40px; }

header .site_search fieldset button.button {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  width: 40px;
  height: 40px;
  display: block; }

header .site_search fieldset button.button span {
  padding: 0;
  display: block; }

.navigation a.expand_search {
  display: none; }

@media (min-width: 1025px) {
  header .site_search {
    position: absolute;
    top: 0;
    right: 0; }

  header .site_search .search_reveal {
    display: none; }

  header .site_search .search_reveal.active {
    position: absolute;
    top: 60px;
    right: 0;
    display: block;
    width: 260px; }

  header .site_search .search_reveal fieldset {
    padding: 20px; }

  header .site_search fieldset button.button {
    top: 20px;
    right: 20px; }

  .navigation a.expand_search {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none; }

  .navigation a.expand_search em {
    display: none; }

  .navigation a.expand_search span {
    display: block;
    padding: 21px 0 0;
    text-align: center; } }
@media (max-width: 1024px) {
  header .site_search {
    margin: 15px; } }
/*  --------------------------------------------------
    11.1 BUTTONS         
    -------------------------------------------------- */
span.button a,
button.button {
  display: inline-block;
  margin-right: 10px;
  /* IE7 */
  zoom: 1;
  *display: inline;
  color: #fff;
  text-align: center;
  border-width: 3px;
  border-style: solid;
  text-decoration: none !important;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  /*
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  */ }

span.button.right a,
button.button.right {
  float: right;
  margin-right: 0;
  margin-left: 10px; }

/* SIZE */
.newsletter button,
span.button.block a,
button.button.block {
  width: 100%;
  display: block;
  margin-right: 0; }

span.button.med a,
button.button.med {
  font-size: 16px;
  font-size: 1.6rem; }

body.home .newsletter button,
span.button.big a,
button.button.big {
  font-size: 22px;
  font-size: 2.2rem;
  margin-right: 20px; }

/* PADDING */
span.button a span,
button.button span {
  padding: 12px 20px;
  display: inline-block; }

span.button a:hover,
button.button:hover {
  background-image: none; }

.promo_pods span.button a,
.promo_pods button.button,
.listing span.button a,
.listing button.button {
  margin: 0; }

/* ACTIVE */
span.button a:active,
button.button:active {
  position: relative;
  top: 1px;
  box-shadow: none; }

@media (min-width: 768px) and (max-width: 1023px) {
  span.button.big a,
  button.button.big {
    font-size: 20px;
    font-size: 2.0rem; }

  span.button a span,
  button.button span {
    padding: 10px 16px; } }
@media (max-width: 767px) {
  span.button a,
  button.button {
    margin-right: 0 !important;
    clear: both; }

  span.button.big a,
  button.button.big {
    font-size: 18px;
    font-size: 1.8rem; }

  span.button a span,
  button.button span {
    padding: 8px 14px; }

  /*	
  span.button a,
  button.button {
  	display:block;
  	float:none;
  	margin:0 0 10px!important;
  	}
  button.button { 
  	width:100%;
  	}
  span.button a,
  span.button.right a,
  button.button.right {
  	display:block;
  	float:none;
  	margin:0!important;
  	clear:both;
  	}
  span.button a span,
  button.button span {
  	display:block;
  	}
  	*/ }
/*  --------------------------------------------------
    11.2 AJAX LOADING         
    -------------------------------------------------- */
.ajax_wrap {
  position: relative;
  width: 100%;
  height: 100%; }

.ajax_wrap .ajax_loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10; }

.ajax_wrap .ajax_loading .loading {
  margin: 0;
  position: relative;
  text-align: center;
  display: table;
  width: 100%;
  height: 100%; }

.ajax_wrap .ajax_loading .loading span.message {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center; }

/*  --------------------------------------------------
    11.3 ALERTS
    -------------------------------------------------- */
.alert_box {
  padding: 15px 35px 0 15px;
  margin-bottom: 15px;
  position: relative;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.alert_box a.close {
  position: absolute;
  right: 10px;
  top: 4px;
  font-size: 18px;
  font-size: 1.8rem;
  text-decoration: none !important;
  font-weight: bold;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -kthml-opacity: 0.2;
  -webkit-opacity: 0.2;
  -ms-opacity: 0.2;
  opacity: 0.2; }

.alert_box a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-opacity: 0.5;
  opacity: 0.5; }

/*	--------------------------------------------------
	END
	-------------------------------------------------- */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
/* 	--------------------------------------------------
    The Origin Framework Ôäó  - uSkinned.net

	PALETTE
    -------------------------------------------------- */
/* 	--------------------------------------------------
	TABLE OF CONTENTS
    -------------------------------------------------- 

	1.0 BACKGROUNDS
	2.0 TEXT
	3.0 BORDERS
	4.0 BUTTONS
	
	
	black		#1b1b1b
	white 		#ffffff
	grey 		#f4f4f4
	red			#d04531
	yellow		#f3ed50
	pale yellow	#fcfcf2
	
*/
/*	--------------------------------------------------
	1.0 BACKGROUNDS
	-------------------------------------------------- */
body {
  background-color: #ffffff; }

.resources .item,
.accordion .pane, .tabbed .panes,
.accordion .tab a, .tabbed .tabs a,
blockquote,
.alert_box,
.page_component .slick-prev, .page_component .slick-next,
.page_component.newsletter,
.navigation a.expand span,
.navigation a.expand_search:hover,
.navigation a.expand_search.active,
.promo_pods .item.newsletterpod,
table tbody tr.even td,
.author_bio,
.page_component.quick_links {
  background-color: rgba(255, 255, 255, 0.4); }

table thead tr th {
  background-color: #dddddd; }

.label,
body.home .promo_pods .item,
nav.sub,
.listing.grid .item {
  background-color: #d04531; }

fieldset div.general input.input-validation-error,
fieldset div.general select.input-validation-error,
fieldset div.general textarea.input-validation-error,
fieldset .error span.wrap input,
fieldset .error span.wrap select,
fieldset .error span.wrap textarea,
fieldset .error ul {
  background-color: #ffebeb; }

nav.main li:hover,
nav.main li ul {
  background-color: #f4f4f4; }

nav.main a.active {
  background-color: rgba(255, 255, 255, 0.1); }

footer,
header,
.navigation .reveal {
  background-color: #1b1b1b; }

footer .bottom {
  background-color: rgba(255, 255, 255, 0.05); }

.pricing_menu dl {
  background-color: #fcfcf2; }

/* ALERTS */
.alert_box.green {
  background-color: #7FAE00; }

.alert_box.amber {
  background-color: #ecce56; }

.alert_box.red,
fieldset div.general span.field-validation-error,
fieldset .error span.req {
  background-color: #e72020; }

.ajax_wrap .ajax_loading {
  background-color: rgba(255, 255, 255, 0.8); }

.ajax_wrap .ajax_loading .loading span.message {
  background-image: url("../images/icons/loading_on_white.gif"); }

nav.sub a.active {
  background-color: rgba(255, 255, 255, 0.2); }

nav.sub ul ul a {
  background-color: rgba(255, 255, 255, 0.1); }

body.home header,
.slideshow .text,
.image .text {
  background-color: rgba(27, 27, 27, 0.6); }

.listing.grid .item a:hover .info,
body.home .promo_pods .item a:hover .info {
  background-color: rgba(208, 69, 49, 0.8); }

.content .overlay {
  background-color: rgba(27, 27, 27, 0.05); }

.banner .slides .slick-prev,
.banner .slides .slick-next,
.content.promo_strip .overlay {
  background-color: rgba(27, 27, 27, 0.3); }

.accordion .tab a:hover span,
.tabbed nav ul li a:hover span,
nav.sub p.heading {
  background-color: rgba(27, 27, 27, 0.1); }

nav.main ul ul ul li,
nav.main ul ul li:hover,
.pricing_menu dl .header {
  background-color: rgba(27, 27, 27, 0.08); }

nav.sub a:hover {
  background-color: rgba(27, 27, 27, 0.15); }

@media (min-width: 1024px) {
  header .site_search .search_reveal {
    background-color: #f4f4f4; }

  body.home header:hover {
    background-color: #1b1b1b; } }
@media (max-width: 1023px) {
  body.home header {
    background-color: #1b1b1b; } }
/*	--------------------------------------------------
	2.0 TEXT
	-------------------------------------------------- */
body {
  color: #625c5a; }

nav.main ul ul a.active,
.promo_pods .item.videopod a,
.promo_pods .item a.see_all,
.listing .item .text a,
.promo_pods .item .text a,
.listing .item .meta a,
a,
.highlight,
a h1, a h2, a h3, a h4, a h5, a h6, a .heading,
.slick-prev, .slick-next {
  color: #78ae27; }

.label,
.alert_box.green,
.alert_box.amber,
.alert_box.red,
fieldset div.general span.field-validation-error,
fieldset .error span.req,
.slideshow .text,
.image .text,
nav.main a,
.listing.grid .item a,
.listing.grid .item a p.heading,
body.home .promo_pods .item a,
body.home .promo_pods .item a p.heading,
footer p,
nav.sub a,
nav.sub p.heading,
.banner .slides .slick-prev,
.banner .slides .slick-next,
.navigation a.expand_search {
  color: #ffffff; }

h1, h2, h3, h4, h5, h6, .heading,
thead,
abbr, acronym,
.alert_box a.close,
nav.main li:hover a,
.listing .item a,
.listing .item a p.heading,
.promo_pods .item a,
.promo_pods .item p.heading a,
.promo_pods .item a p.heading,
.pricing_menu dl dd.price p,
.accordion .tab a.active,
.tabbed nav ul li a.active,
.navigation a.expand_search:hover,
.navigation a.expand_search.active {
  color: #191919; }

footer .heading {
  color: #f3ed50; }

.subheading,
blockquote,
fieldset div.general input,
fieldset div.general select,
fieldset div.general textarea {
  color: #777777; }

fieldset span.note,
nav.footer ul li a {
  color: #999999; }

fieldset label em.req {
  color: #ff0000; }

/*	--------------------------------------------------
	3.0 BORDERS
	-------------------------------------------------- */
.borders,
.alert_box,
hr,
blockquote,
abbr, acronym,
.promo_pods .item.lists .listing,
table,
.author_bio,
.page_component.newsletter .newsletter,
.page_component.quick_links {
  border-color: #dddddd; }

fieldset .general input,
fieldset .general select,
fieldset .general textarea {
  border-color: #cccccc; }

fieldset .general input:focus,
fieldset .general select:focus,
fieldset .general textarea:focus,
blockquote,
nav.pagination ul li a:hover span {
  border-color: #78ae27; }

fieldset div.general input.input-validation-error,
fieldset div.general select.input-validation-error,
fieldset div.general textarea.input-validation-error,
fieldset .error span.wrap input,
fieldset .error span.wrap select,
fieldset .error span.wrap textarea,
fieldset .error ul {
  border-color: #ff0000; }

nav.sub ul li a {
  border-color: rgba(255, 255, 255, 0.1); }

.pricing_menu dl,
.pricing_menu dl dt,
.pricing_menu dl dd,
div.meta,
nav.pagination ul li span {
  border-color: rgba(27, 27, 27, 0.1); }

/* ALERTS */
.alert_box.green {
  border-color: #7FAE00; }

.alert_box.amber {
  border-color: #ecce56; }

.alert_box.red {
  border-color: #e72020; }

/*	--------------------------------------------------
	4.0 BUTTONS
	-------------------------------------------------- */
span.button a,
button.button {
  background-color: #78ae27;
  border-color: #78ae27; }

span.button.green a,
button.button.green {
  background-color: #7FAE00;
  border-color: #7FAE00; }

span.button.amber a,
button.button.amber {
  background-color: #F68B01;
  border-color: #F68B01; }

span.button.red a,
button.button.red {
  background-color: #C00000;
  border-color: #C00000; }

span.button.grey a,
button.button.grey {
  background-color: #999;
  border-color: #999; }

span.button.black a,
button.button.black {
  background-color: #1b1b1b;
  border-color: #1b1b1b; }

span.button a:hover,
button.button:hover {
  background-color: #1b1b1b;
  color: #ffffff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

/* BORDER BUTTONS */
span.button.borders a,
button.button.borders {
  background: none;
  color: #78ae27; }

.banner span.button.borders a {
  color: #f3ed50; }

span.button.borders a:hover,
button.button.borders:hover {
  background-color: #78ae27;
  color: #ffffff; }

span.button.borders.yellow a,
button.button.border.yellow {
  border-color: #f3ed50;
  color: #f3ed50; }

span.button.borders.yellow a:hover,
button.button.borders.yellow:hover {
  background-color: #f3ed50;
  color: #1b1b1b; }

/*	--------------------------------------------------
	END
	-------------------------------------------------- */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/*# sourceMappingURL=default.css.map */