/*
BACKBONE TECHNOLOGY & EXPRESSION CMS
===============================================================================
  boutique digital agency with offices in Vancouver, Bogota, & Athens
===============================================================================
  Website:   http://www.backbonetechnology.com
  Blog:      http://www.backbonetechnology.com/blog/
  Facebook:  http://www.facebook.com/backbonetech
  Twitter:   https://twitter.com/backbonetech
  Pinterest: https://pinterest.com/backbonetech
  LinkedIn:  http://www.linkedin.com/company/backbone-technology-inc.
  Email:     info@backbonetechnology.com
  Phone:     604.713.8560
===============================================================================
  HTML5 Reset
===============================================================================
  Version 2.0
===============================================================================
  1.01 General
  1.02 Image
  1.03 Anchor
  1.04 Typography
  1.05 Float Left, Right, Clearfix, Alignment
  1.06 List
  1.07 Center UL
  1.08 Horizontal UL
  1.09 Form, Input, Fields
  1.10 Table
  1.11 Expression Tinymce Style
-------------------------------------------------------------------------------
  1.1 General
-------------------------------------------------------------------------------*/

html { border: 0; margin: 0; padding: 0; }
html, html body { height: 100%; width: 100%; }
body { font-size: 100%; }
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, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video  { border: 0; margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, dialog, footer, hettader, hgroup, menu, nav, section { display:block; }

/*-------------------------------------------------------------------------------
  1.2 Image
-------------------------------------------------------------------------------*/

object, embed {  max-width: 100%; }
img { height: auto; display: block;  overflow: hidden; }

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* prevent BG image flicker upon hover */
.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */

.mwidth, .mwidth > img{ max-width:100%; }
.mheight, .mheight > img{ max-height:100%; }

/*-------------------------------------------------------------------------------
  1.3 Anchor
-------------------------------------------------------------------------------*/

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }
a:hover, a:active { outline: none; cursor: pointer; }
a img { border: none; }


/*-------------------------------------------------------------------------------
  1.4 Typography
-------------------------------------------------------------------------------*/

blockquote:before, blockquote:after, q:before, q:after {  content: ''; }
blockquote, q { quotes: "" ""; }
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}

.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
.capitalize{ text-transform:capitalize; }

.normal{ font-weight:normal; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.underline{ text-decoration: underline; }

/*-------------------------------------------------------------------------------
  1.5 Float Left, Right, Clearfix, Alignment
-------------------------------------------------------------------------------*/

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
.clear{ clear:both; overflow: hidden; height:0; zoom: 1; }

.right { float:right; display:block; }
.left { float:left; display:block; }
.center { text-align:center;margin-left:auto;margin-right:auto; }

body .show { display:block; }
body .show-0 { display:none; }
body .show-1 { display:block; }

body .hide { display:none; }
body .hide-0 { display:block; }
body .hide-1 { display:none; }

.show-if-not-empty{ display:none; }

.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }

/*-------------------------------------------------------------------------------
  1.6 List
-------------------------------------------------------------------------------*/

ul, ul li, ol, ol li { margin:0; padding: 0; list-style-type: none; }

/*-------------------------------------------------------------------------------
  1.7 Center UL
-------------------------------------------------------------------------------*/

.cul { width:100%; overflow:hidden; position:relative }
.cul > ul { clear:left; float:left; position:relative; left:50%; text-align:center; list-style:none; margin:0; padding:0 }
.cul > ul > li { display:block; float:left; position:relative; right:50% }
.cul > ul > li > a { display:block; margin:0 10px }
.cul > ul > li > a:hover, .cul > ul > li > a:active, .cul > ul > li.active > a { }

/*-------------------------------------------------------------------------------
  1.8 Horizontal UL
-------------------------------------------------------------------------------*/

.hul > ul{ display:block; float:left; width:auto; }
.hul > ul > li{ display:block; float:left; }
.hul > ul > li > a{ display:block; float:left; }
.hul > ul > li > a:hover, .hul > ul > li > a:active, .hul > ul > li.active > a{ }

/*-------------------------------------------------------------------------------
  1.9 Form, Input, Fields
-------------------------------------------------------------------------------*/

input[type=text], input[type=password], input[type=url], input[type=email], input[type=submit], textarea, select, button, fieldset, legend{ font-family: inherit; font-size: 100%; margin:0; padding: 0; border: 0; }
input, select {vertical-align: middle;}
input[type="radio"], input.radio { vertical-align: text-bottom; }
input[type="checkbox"], input.checkbox { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
.clickable, input[type=button], input[type=submit], button, input.button, input.submit{cursor: pointer;} /* hand cursor on clickable elements */
button, input, select, textarea {margin: 0;} /* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input { line-height: normal; }
button {width: auto; overflow: visible;} /* make buttons play nice in IE */
input::-moz-focus-inner{ border:none; }
textarea{ resize:none; overflow: auto;  vertical-align: top; }
:focus { outline:0; }

/*-------------------------------------------------------------------------------
  1.10 Table
-------------------------------------------------------------------------------*/

/*table {font-size: inherit; font: 100%; border-collapse: separate; border-spacing: 0; }
table,td,tr,th { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: middle; }
th {font-weight: normal; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
td, td img {vertical-align: top;}
caption, th, td { text-align: left; font-weight: normal; float:none !important; }
td, td img { vertical-align: top; }*/

/*-------------------------------------------------------------------------------
  1.11 Expression Text Editor
-------------------------------------------------------------------------------*/

#tinymce body{ background:#FFF !important; color:#000 !important; }
#tinymce a, #tinymce a:hover, #tinymce a:active{ color:blue !important; text-decoration: underline !important; }
#tinymce ul{ padding-left:20px; margin-left:10px; margin-bottom: 15px; }
#tinymce ol{ padding-left:20px; margin-left:10px; margin-bottom: 15px; }
#tinymce ul li{ list-style: disc !important; }
#tinymce ol li{ list-style: decimal !important; }
body#tinymce, #tinymce p{ font: 15px/17px Helvetica,Arial !important; margin-bottom: 15px; }
#tinymce strong, #tinymce b{ font-weight: bold !important; }
#tinymce p{ margin:0; margin-bottom:15px !important; }
#tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6{ font-weight:bold; }
#tinymce h1{ font-size:30px !important; }
#tinymce h2{ font-size:25px !important; }
#tinymce h3{ font-size:20px !important; }
#tinymce h4{ font-size:17px !important; }
#tinymce h5{ font-size:14px !important; }
#tinymce h6{ font-size:12px !important; }

/*-------------------------------------------------------------------------------
  Fancybox Core CSS
-------------------------------------------------------------------------------*/

/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('/media/templates/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/media/templates/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/media/templates/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('/media/templates/kerr-menu-overlay-orange.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*-------------------------------------------------------------------------------
  Fancybox Buttons Helper
-------------------------------------------------------------------------------*/

#fancybox-buttons {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 8050;
}

#fancybox-buttons.top {
  top: 10px;
}

#fancybox-buttons.bottom {
  bottom: 10px;
}

#fancybox-buttons ul {
  display: block;
  width: 166px;
  height: 30px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  border: 1px solid #111;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
     -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
          box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
  background: rgb(50,50,50);
  background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
  background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
  float: left;
  margin: 0;
  padding: 0;
}

#fancybox-buttons a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-image: url('/media/templates/fancybox_buttons.png');
  background-repeat: no-repeat;
  outline: none;
  opacity: 0.8;
}

#fancybox-buttons a:hover {
  opacity: 1;
}

#fancybox-buttons a.btnPrev {
  background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
  background-position: -33px 0;
  border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
  background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
  background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
  background-position: 3px -60px;
  border-left: 1px solid #111;
  border-right: 1px solid #3e3e3e;
  width: 35px
}

#fancybox-buttons a.btnToggleOn {
  background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
  border-left: 1px solid #111;
  width: 35px;
  background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
  opacity : 0.4;
  cursor: default;
}

/*-------------------------------------------------------------------------------
  Fancybox Thumb Helper
-------------------------------------------------------------------------------*/

#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 8050;
}

#fancybox-thumbs.bottom {
  bottom: 2px;
}

#fancybox-thumbs.top {
  top: 2px;
}

#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

#fancybox-thumbs ul li {
  float: left;
  padding: 1px;
  opacity: 0.5;
}

#fancybox-thumbs ul li.active {
  opacity: 0.75;
  padding: 0;
  border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
  opacity: 1;
}

#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #222;
  background: #111;
  outline: none;
}

#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{
  outline:none;
}

.slides,
.flex-control-nav,
.flex-direction-nav{
  margin:0;
  padding:0;
  list-style:none;
}

/* FlexSlider Necessary Styles
*********************************/

.flexslider{
  margin:0;
  padding:0;
}

.flexslider .slides > li{
  display:none;
  -webkit-backface-visibility:hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{
  width:100%;
  display:block;
}

.flex-pauseplay span{
  text-transform:capitalize;
}

/* Clearfix for the .slides element */
.slides:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

html[xmlns] .slides{
  display:block;
}

* html .slides{
  height:1%;
}

/* No JavaScript Fallback */
/* If you are not using another script,such as Modernizr,make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child{
  display:block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider{
  margin:0;
  position:relative;
  zoom:1;
}

.flex-viewport{
  max-height:2000px;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  transition:all 1s ease;
}

.loading .flex-viewport{
  max-height:300px;
}

.flexslider .slides{
  zoom:1;
}

.carousel li{
  margin-right:5px;
}

/* Direction Nav */
.flex-direction-nav{
  *height:0;
}

.flex-direction-nav a{
  width:30px;
  height:30px;
  margin:-20px 0 0;
  display:block;
  background:url(/media/templates/bg_direction_nav.png) no-repeat 0 0;
  position:absolute;
  top:50%;
  z-index:10;
  cursor:pointer;
  text-indent:-9999px;
  opacity:0;
}

.flex-direction-nav .flex-next{
  background-position:100% 0;
}

.flex-direction-nav .flex-prev{
}

.flexslider:hover .flex-next{
  opacity:.8;
}

.flexslider:hover .flex-prev{
  opacity:.8;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover{
  opacity:1;
}

.flex-direction-nav .flex-disabled{
  opacity:.3!important;
  filter:alpha(opacity=30);
  cursor:default;
}

/* Control Nav */
.flex-control-nav{
  width:100%;
  position:absolute;
  bottom:-40px;
  text-align:center;
}

.flex-control-nav li {
  margin:0 6px;
  display:inline-block;
  zoom:1;
  *display:inline;
}

.flex-control-paging li a{
  width:11px;
  height:11px;
  display:block;
  background:#666;
  background:rgba(0,0,0,0.5);
  cursor:pointer;
  text-indent:-9999px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  -o-border-radius:20px;
  border-radius:20px;
  box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover{
  background:#333;
  background:rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active{
  background:#000;
  background:rgba(0,0,0,0.9);
  cursor:default;
}

.flex-control-thumbs{
  margin:5px 0 0;
  position:static;
  overflow:hidden;
}

.flex-control-thumbs li{
  width:25%;
  float:left;
  margin:0;
}

.flex-control-thumbs img{
  width:100%;
  display:block;
  opacity:.7;
  cursor:pointer;
}

.flex-control-thumbs img:hover{
  opacity:1;
}

.flex-control-thumbs .flex-active{
  opacity:1;
  cursor:default;
}

@media screen and (max-width: 860px)
{
  .flex-direction-nav .flex-prev{
    opacity:1;
    left:0;
  }
  
  .flex-direction-nav .flex-next{
    opacity:1;
    right:0;
  }
}

/*  ===========================================================================
  Backbone Shortcodes CSS.min
===============================================================================
  Version 2.1
===============================================================================
    1.01 Margin
    1.02 Padding
    1.03 Border Radius
    1.04 CSS3 Transition
    1.05 CSS Background Image Framework
    1.06 Line-height
    1.07 Font-size
    1.08 Color
    1.09 Opacity
    1.10 Width
    1.11 Height
    1.12 Position
    1.13 Cursor
    1.14 Z-index
    1.15 Overflow

/*-------------------------------------------------------------------------------
  1.1 Margin
-------------------------------------------------------------------------------*/

.mauto{ margin-left:auto; margin-right:auto; }

.m5{ margin:5px; } .mt5{ margin-top:5px; } .mb5{ margin-bottom:5px; } .ml5{ margin-left:5px; } .mr5{ margin-right:5px; }
.m10{ margin:10px; } .mt10{ margin-top:10px; } .mb10{ margin-bottom:10px; } .ml10{ margin-left:10px; } .mr10{ margin-right:10px; }
.m15{ margin:15px; } .mt15{ margin-top:15px; } .mb15{ margin-bottom:15px; } .ml15{ margin-left:15px; } .mr15{ margin-right:15px; }
.m20{ margin:20px; } .mt20{ margin-top:20px; } .mb20{ margin-bottom:20px; } .ml20{ margin-left:20px; } .mr20{ margin-right:20px; }
.m25{ margin:25px; } .mt25{ margin-top:25px; } .mb25{ margin-bottom:25px; } .ml25{ margin-left:25px; } .mr25{ margin-right:25px; }
.m30{ margin:30px; } .mt30{ margin-top:30px; } .mb30{ margin-bottom:30px; } .ml30{ margin-left:30px; } .mr30{ margin-right:30px; }
.m35{ margin:35px; } .mt35{ margin-top:35px; } .mb35{ margin-bottom:35px; } .ml35{ margin-left:35px; } .mr35{ margin-right:35px; }
.m40{ margin:40px; } .mt40{ margin-top:40px; } .mb40{ margin-bottom:40px; } .ml40{ margin-left:40px; } .mr40{ margin-right:40px; }
.m45{ margin:45px; } .mt45{ margin-top:45px; } .mb45{ margin-bottom:45px; } .ml45{ margin-left:45px; } .mr45{ margin-right:45px; }
.m50{ margin:50px; } .mt50{ margin-top:50px; } .mb50{ margin-bottom:50px; } .ml50{ margin-left:50px; } .mr50{ margin-right:50px; }

.mr3p{ margin-right:3%; }
.mr5p{ margin-right:5%; }

/*-------------------------------------------------------------------------------
  1.2 Padding
-------------------------------------------------------------------------------*/

.p5{ padding:5px; } .pt5{ padding-top:5px; } .pb5{ padding-bottom:5px; } .pl5{ padding-left:5px; } .pr5{ padding-right:5px; }
.p10{ padding:10px; } .pt10{ padding-top:10px; } .pb10{ padding-bottom:10px; } .pl10{ padding-left:10px; } .pr10{ padding-right:10px; }
.p15{ padding:15px; } .pt15{ padding-top:15px; } .pb15{ padding-bottom:15px; } .pl15{ padding-left:15px; } .pr15{ padding-right:15px; }
.p20{ padding:20px; } .pt20{ padding-top:20px; } .pb20{ padding-bottom:20px; } .pl20{ padding-left:20px; } .pr20{ padding-right:20px; }
.p25{ padding:25px; } .pt25{ padding-top:25px; } .pb25{ padding-bottom:25px; } .pl25{ padding-left:25px; } .pr25{ padding-right:25px; }
.p30{ padding:30px; } .pt30{ padding-top:30px; } .pb30{ padding-bottom:30px; } .pl30{ padding-left:30px; } .pr30{ padding-right:30px; }
.p35{ padding:35px; } .pt35{ padding-top:35px; } .pb35{ padding-bottom:35px; } .pl35{ padding-left:35px; } .pr35{ padding-right:35px; }
.p40{ padding:40px; } .pt40{ padding-top:40px; } .pb40{ padding-bottom:40px; } .pl40{ padding-left:40px; } .pr40{ padding-right:40px; }
.p45{ padding:45px; } .pt45{ padding-top:45px; } .pb45{ padding-bottom:45px; } .pl45{ padding-left:45px; } .pr45{ padding-right:45px; }
.p50{ padding:50px; } .pt50{ padding-top:50px; } .pb50{ padding-bottom:50px; } .pl50{ padding-left:50px; } .pr50{ padding-right:50px; }

.pr3p{ padding-right:3%; }
.pr5p{ padding-right:5%; }

/*-------------------------------------------------------------------------------
  1.3 Border Radius
-------------------------------------------------------------------------------*/

.br1{  border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
.br2{  border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.br3{  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.br4{  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.br5{  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.br6{  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.br7{  border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.br8{  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.br9{  border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
.br10{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.br11{ border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; }
.br12{ border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
.br13{ border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
.br14{ border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; }
.br15{ border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

/*-------------------------------------------------------------------------------
  1.4 CSS3 Transition
-------------------------------------------------------------------------------*/

.unselectable{ -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -o-user-select: none;  user-select: none; }

.trans200, .trans200:hover, .trans200:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -o-transition:all 200ms ease; transition:all 200ms ease; }
.trans250, .trans250:hover, .trans250:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 250ms ease; -moz-transition:all 250ms ease; -o-transition:all 250ms ease; transition:all 250ms ease; }
.trans300, .trans300:hover, .trans300:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; }
.trans350, .trans350:hover, .trans350:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 350ms ease; -moz-transition:all 350ms ease; -o-transition:all 350ms ease; transition:all 350ms ease; }
.trans400, .trans400:hover, .trans400:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; }
.trans450, .trans450:hover, .trans450:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 450ms ease; -moz-transition:all 450ms ease; -o-transition:all 450ms ease; transition:all 450ms ease; }
.trans500, .trans500:hover, .trans500:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; }
.trans550, .trans550:hover, .trans550:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 550ms ease; -moz-transition:all 550ms ease; -o-transition:all 550ms ease; transition:all 550ms ease; }
.trans600, .trans600:hover, .trans600:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 600ms ease; -moz-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease; }
.trans650, .trans650:hover, .trans650:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 650ms ease; -moz-transition:all 650ms ease; -o-transition:all 650ms ease; transition:all 650ms ease; }
.trans700, .trans700:hover, .trans700:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 700ms ease; -moz-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; }
.trans750, .trans750:hover, .trans750:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 750ms ease; -moz-transition:all 750ms ease; -o-transition:all 750ms ease; transition:all 750ms ease; }
.trans800, .trans800:hover, .trans800:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 800ms ease; -moz-transition:all 800ms ease; -o-transition:all 800ms ease; transition:all 800ms ease; }
.trans850, .trans850:hover, .trans850:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 850ms ease; -moz-transition:all 850ms ease; -o-transition:all 850ms ease; transition:all 850ms ease; }
.trans900, .trans900:hover, .trans900:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 900ms ease; -moz-transition:all 900ms ease; -o-transition:all 900ms ease; transition:all 900ms ease; }
.trans950, .trans950:hover, .trans950:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 950ms ease; -moz-transition:all 950ms ease; -o-transition:all 950ms ease; transition:all 950ms ease; }
.trans1000, .trans1000:hover, .trans1000:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; }

/*-------------------------------------------------------------------------------
  1.5 CSS Background Image Framework
-------------------------------------------------------------------------------*/

.bgimg{ overflow:hidden; display:block; } .bgimg img{ display:none; }

/*-------------------------------------------------------------------------------
  1.6 Line-height (8px - 40px)
-------------------------------------------------------------------------------*/

.lh8{line-height:8px}.lh9{line-height:9px}.lh10{line-height:10px}.lh11{line-height:11px}.lh12{line-height:12px}.lh13{line-height:13px}.lh14{line-height:14px}.lh15{line-height:15px}.lh16{line-height:16px}.lh17{line-height:17px}.lh18{line-height:18px}.lh19{line-height:19px}.lh20{line-height:20px}.lh21{line-height:21px}.lh22{line-height:22px}.lh23{line-height:23px}.lh24{line-height:24px}.lh25{line-height:25px}.lh26{line-height:26px}.lh27{line-height:27px}.lh28{line-height:28px}.lh29{line-height:29px}.lh30{line-height:30px}.lh31{line-height:31px}.lh32{line-height:32px}.lh33{line-height:33px}.lh34{line-height:34px}.lh35{line-height:35px}.lh36{line-height:36px}.lh37{line-height:37px}.lh38{line-height:38px}.lh39{line-height:39px}.lh40{line-height:40px}

/*-------------------------------------------------------------------------------
  1.7 Font-size (8px - 30px)
-------------------------------------------------------------------------------*/

.fsize8,.font-size-8{font-size:8px;line-height:normal}.fsize9,.font-size-9{font-size:9px;line-height:normal}.fsize11,.font-size-11{font-size:11px;line-height:normal}.fsize12,.font-size-12{font-size:12px;line-height:normal}.fsize13,.font-size-13{font-size:13px;line-height:normal}.fsize14,.font-size-14{font-size:14px;line-height:normal}.fsize15,.font-size-15{font-size:15px;line-height:normal}.fsize16,.font-size-16{font-size:16px;line-height:normal}.fsize17,.font-size-17{font-size:17px;line-height:normal}.fsize18,.font-size-18{font-size:18px;line-height:normal}.fsize19,.font-size-19{font-size:19px;line-height:normal}.fsize20,.font-size-20{font-size:20px;line-height:normal}.fsize21,.font-size-21{font-size:21px;line-height:normal}.fsize22,.font-size-22{font-size:22px;line-height:normal}.fsize23,.font-size-23{font-size:23px;line-height:normal}.fsize24,.font-size-24{font-size:24px;line-height:normal}.fsize25,.font-size-25{font-size:25px;line-height:normal}.fsize26,.font-size-26{font-size:26px;line-height:normal}.fsize27,.font-size-27{font-size:27px;line-height:normal}.fsize28,.font-size-28{font-size:28px;line-height:normal}.fsize29,.font-size-29{font-size:29px;line-height:normal}.fsize30,.font-size-30{font-size:30px;line-height:normal}

/*-------------------------------------------------------------------------------
  1.8 Color, Background (#000 - #FFF)
-------------------------------------------------------------------------------*/

.color000{color:#000}.color111{color:#111}.color222{color:#222}.color333{color:#333}.color444{color:#444}.color555{color:#555}.color666{color:#666}.color777{color:#777}.color888{color:#888}.color999{color:#999}.colorAAA{color:#AAA}.colorBBB{color:#BBB}.colorCCC{color:#CCC}.colorDDD{color:#DDD}.colorEEE{color:#EEE}.colorFFF{color:#FFF}

.bc000{ border-color:#000; } .bc111{ border-color:#111; } .bc222{ border-color:#222; } .bc333{ border-color:#333; } .bc444{ border-color:#444; } .bc555{ border-color:#555; } .bc666{ border-color:#666; } .bc777{ border-color:#777; } .bc888{ border-color:#888; } .bc999{ border-color:#999; } .bcAAA{ border-color:#AAA; } .bcBBB{ border-color:#BBB; } .bcCCC{ border-color:#CCC; } .bcDDD{ border-color:#DDD; } .bcEEE{ border-color:#EEE; } .bcFFF{ border-color:#FFF; }

.bg000{background-color:#000}.bg111{background-color:#111}.bg222{background-color:#222}.bg333{background-color:#333}.bg444{background-color:#444}.bg555{background-color:#555}.bg666{background-color:#666}.bg777{background-color:#777}.bg888{background-color:#888}.bg999{background-color:#999}.bgAAA{background-color:#AAA}.bgBBB{background-color:#BBB}.bgCCC{background-color:#CCC}.bgDDD{background-color:#DDD}.bgEEE{background-color:#EEE}.bgFFF{background-color:#FFF}

.red{ color:red; }
.blue{ color:blue; }
.green{ color:#066F6A; }
.yellow{ color:yellow; }

/*-------------------------------------------------------------------------------
  1.9 Opacity
-------------------------------------------------------------------------------*/

.opacity10{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; }
.opacity9 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter:alpha(opacity=90); -moz-opacity:.9; -khtml-opacity:.9; opacity:.9 }
.opacity8 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.opacity7 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}
.opacity6 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
.opacity5 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.opacity4 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
.opacity3 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3}
.opacity2 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);filter:alpha(opacity=20);-moz-opacity:.2;-khtml-opacity:.2;opacity:.2}
.opacity1 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;opacity:.1}

.opacity10, .opacity9, .opacity8, .opacity7, .opacity6, .opacity5, .opacity4, .opacity3, .opacity2, .opacity1{
  transition:      250ms all ease;
  -moz-transition:  250ms all ease;
  -webkit-transition:  250ms all ease;
  -o-transition:    250ms all ease;
  -ms-transition:    250ms all ease;
}

/*-------------------------------------------------------------------------------
  1.10 Width px & percentage
-------------------------------------------------------------------------------*/

/* 10% - 100% by 5% each*/
.width10p{width:10%}.width15p{width:15%}.width20p{width:20%}.width25p{width:25%}.width30p{width:30%}.width35p{width:35%}.width40p{width:40%}.width45p{width:45%}.width50p{width:50%}.width55p{width:55%}.width60p{width:60%}.width65p{width:65%}.width70p{width:70%}.width75p{width:75%}.width80p{width:80%}.width85p{width:85%}.width90p{width:90%}.width95p{width:95%}.width100p{width:100%}

/* 5px - 100px by 5px each*/
.width5{width:5px}.width10{width:10px}.width15{width:15px}.width20{width:20px}.width25{width:25px}.width30{width:30px}.width35{width:35px}.width40{width:40px}.width45{width:45px}.width50{width:50px}.width55{width:55px}.width60{width:60px}.width65{width:65px}.width70{width:70px}.width75{width:75px}.width80{width:80px}.width85{width:85px}.width90{width:90px}.width95{width:95px}.width100{width:100px}

/* 150px - 1500px by 50px each */
.width150{width:150px}.width200{width:200px}.width250{width:250px}.width300{width:300px}.width350{width:350px}.width400{width:400px}.width450{width:450px}.width500{width:500px}.width550{width:550px}.width600{width:600px}.width650{width:650px}.width700{width:700px}.width750{width:750px}.width800{width:800px}.width850{width:850px}.width900{width:900px}.width950{width:950px}.width1000{width:1000px}.width1050{width:1050px}.width1100{width:1100px}.width1150{width:1150px}.width1200{width:1200px}.width1250{width:1250px}.width1300{width:1300px}.width1350{width:1350px}.width1400{width:1400px}.width1450{width:1450px}.width1500{width:1500px}

/*-------------------------------------------------------------------------------
  1.11 Height
-------------------------------------------------------------------------------*/

/* 10% - 100% by 5% each*/
.height10p{height:10%}.height15p{height:15%}.height20p{height:20%}.height25p{height:25%}.height30p{height:30%}.height35p{height:35%}.height40p{height:40%}.height45p{height:45%}.height50p{height:50%}.height55p{height:55%}.height60p{height:60%}.height65p{height:65%}.height70p{height:70%}.height75p{height:75%}.height80p{height:80%}.height85p{height:85%}.height90p{height:90%}.height95p{height:95%}.height100p{height:100%}

/* 5px - 100px by 5px each*/
.height5{height:5px}.height10{height:10px}.height15{height:15px}.height20{height:20px}.height25{height:25px}.height30{height:30px}.height35{height:35px}.height40{height:40px}.height45{height:45px}.height50{height:50px}.height55{height:55px}.height60{height:60px}.height65{height:65px}.height70{height:70px}.height75{height:75px}.height80{height:80px}.height85{height:85px}.height90{height:90px}.height95{height:95px}.height100{height:100px}

/* 150px - 1500px by 50px each */
.height150{height:150px}.height200{height:200px}.height250{height:250px}.height300{height:300px}.height350{height:350px}.height400{height:400px}.height450{height:450px}.height500{height:500px}.height550{height:550px}.height600{height:600px}.height650{height:650px}.height700{height:700px}.height750{height:750px}.height800{height:800px}.height850{height:850px}.height900{height:900px}.height950{height:950px}.height1000{height:1000px}.height1050{height:1050px}.height1100{height:1100px}.height1150{height:1150px}.height1200{height:1200px}.height1250{height:1250px}.height1300{height:1300px}.height1350{height:1350px}.height1400{height:1400px}.height1450{height:1450px}.height1500{height:1500px}

/*-------------------------------------------------------------------------------
  1.12 Position
-------------------------------------------------------------------------------*/

/* top: 0px - 10px by 1px each */
.top0{top:0}.top1{top:1px}.top2{top:2px}.top3{top:3px}.top4{top:4px}.top5{top:5px}.top6{top:6px}.top7{top:7px}.top8{top:8px}.top9{top:9px}.top10{top:10px}

/* top: 15px - 70px by 5px each */
.top15{top:15px}.top20{top:20px}.top25{top:25px}.top30{top:30px}.top35{top:35px}.top40{top:40px}.top45{top:45px}.top50{top:50px}.top55{top:55px}.top60{top:60px}.top65{top:65px}.top70{top:70px}

/* bottom: 0px - 10px by 1px each */
.bottom0{bottom:0}.bottom1{bottom:1px}.bottom2{bottom:2px}.bottom3{bottom:3px}.bottom4{bottom:4px}.bottom5{bottom:5px}.bottom6{bottom:6px}.bottom7{bottom:7px}.bottom8{bottom:8px}.bottom9{bottom:9px}.bottom10{bottom:10px}

/* bottom: 15px - 70px by 5px each */
.bottom15{bottom:15px}.bottom20{bottom:20px}.bottom25{bottom:25px}.bottom30{bottom:30px}.bottom35{bottom:35px}.bottom40{bottom:40px}.bottom45{bottom:45px}.bottom50{bottom:50px}.bottom55{bottom:55px}.bottom60{bottom:60px}.bottom65{bottom:65px}.bottom70{bottom:70px}

/* left: 0px - 10px by 1px each */
.left0{left:0}.left1{left:1px}.left2{left:2px}.left3{left:3px}.left4{left:4px}.left5{left:5px}.left6{left:6px}.left7{left:7px}.left8{left:8px}.left9{left:9px}.left10{left:10px}

/* left: 15px - 70px by 5px each */
.left15{left:15px}.left20{left:20px}.left25{left:25px}.left30{left:30px}.left35{left:35px}.left40{left:40px}.left45{left:45px}.left50{left:50px}.left55{left:55px}.left60{left:60px}.left65{left:65px}.left70{left:70px}

/* right: 0px - 10px by 1px each */
.right0{right:0}.right1{right:1px}.right2{right:2px}.right3{right:3px}.right4{right:4px}.right5{right:5px}.right6{right:6px}.right7{right:7px}.right8{right:8px}.right9{right:9px}.right10{right:10px}

/* right: 15px - 70px by 5px each */
.right15{right:15px}.right20{right:20px}.right25{right:25px}.right30{right:30px}.right35{right:35px}.right40{right:40px}.right45{right:45px}.right50{right:50px}.right55{right:55px}.right60{right:60px}.right65{right:65px}.right70{right:70px}

/*-------------------------------------------------------------------------------
  1.13 Cursor
-------------------------------------------------------------------------------*/

.cpointer{ cursor:pointer; }
.cdefault{ cursor:default; }
.cmove{ cursor:move; }
.ccrosshair{ cursor:crosshair; }

/*-------------------------------------------------------------------------------
  1.14 Z Index
-------------------------------------------------------------------------------*/

/* z-index: 1-10 */
.z1{position:relative;z-index:1}.z2{position:relative;z-index:2}.z3{position:relative;z-index:3}.z4{position:relative;z-index:4}.z5{position:relative;z-index:5}.z6{position:relative;z-index:6}.z7{position:relative;z-index:7}.z8{position:relative;z-index:8}.z9{position:relative;z-index:9}.z10{position:relative;z-index:10}

.static{ position: static; }
.relative{ position: relative; }
.absolute{ position:absolute; }
.fixed{ position:fixed; }

/*-------------------------------------------------------------------------------
  1.15 Overflow
-------------------------------------------------------------------------------*/

.of-hidden, .overflow-hidden{ overflow:hidden; }
.ofx-hidden, .overflow-x-hidden{ overflow-x:hidden; }
.ofy-hidden, .overflow-y-hidden{ overflow-y:hidden; }

/*-------------------------------------------------------------------------------
  1.16 Border
-------------------------------------------------------------------------------*/

.bt{ border-top:1px solid #CCC; }
.bb{ border-bottom:1px solid #CCC; }
.bl{ border-left:1px solid #CCC; }
.br{ border-right:1px solid #CCC; }


/*-------------------------------------------------------------------------------
  Box Sizing
-------------------------------------------------------------------------------*/

.box-sizing-bb{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.box-sizing-cb{
  box-sizing:  content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.box-sizing-pb{
  box-sizing:  padding-box;
  -moz-box-sizing: padding-box;
  -webkit-box-sizing: padding-box;
}

/*-------------------------------------------------------------------------------
  3 Columns with Equal Height Framework
-------------------------------------------------------------------------------*/

.equal-height-3col .container3{
  clear:left;
  float:left;
  width:100%;
  overflow:hidden;
}

.equal-height-3col .container2{
  clear:left;
  float:left;
  width:100%;
  position:relative;
  right:33.33%;
}

.equal-height-3col .container1{
  float:left;
  width:100%;
  position:relative;
  right:33.33%;
}

.equal-height-3col .col1{
  float:left;
  width:33.33%;
  position:relative;
  left:66.66%;
  overflow:hidden;
}

.equal-height-3col .col2{
  float:left;
  width:33.33%;
  position:relative;
  left:66.66%;
  overflow:hidden;
}

.equal-height-3col .col3{
  float:left;
  width:33.33%;
  position:relative;
  left:66.66%;
  overflow:hidden;
}

/*-------------------------------------------------------------------------------
  Responsive Shortcodes
-------------------------------------------------------------------------------*/

.browser-only{ display:block; }
.mobile-only{ display:none; }
.landscape-only{ display:none; }
.portrait-only{ display:none; }

@media only screen and (max-width: 767px)
{
  #page .browser-only{ display:none; }
  #page .mobile-only{ display:block; }
  #page .mobile-tc{ text-align: center; }
  #page .mobile-tc > img{ display: inline; }
  
  .mobile-hul-to-cul{
    width:100%;
    overflow:hidden;
    position:relative;
  }
  
  .mobile-hul-to-cul > ul{
    clear:left;
    float:left;
    position:relative;
    left:50%;
    text-align:center;
    list-style: none;
    margin:0;
    padding:0;
  }
  
  .mobile-hul-to-cul > ul > li{
    display:block;
    float:left;
    position:relative;
    right:50%;
  }
  
  .mobile-hul-to-cul > ul > li > a{
    display:block;
    margin:0 5px;
  }
}


@media only screen and (max-width: 767px)
{
  .portrait-only{ display:block; }
  .landscape-only{ display:none; }
}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
  .portrait-only{ display:none; }
  .landscape-only{ display:block; }
}


/* gasper families
----------------------------------------- */

@font-face {
  font-family: 'gasperB';
  src: url('/media/templates/Gaspar_Bold.eot');
  src: url('/media/templates/Gaspar_Bold.eot?#iefix') format('embedded-opentype'),
       url('/media/templates/Gaspar_Bold.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gasperR';
  src: url('/media/templates/Gaspar_Regular.eot');
  src: url('/media/templates/Gaspar_Regular.eot?#iefix') format('embedded-opentype'),
       url('/media/templates/Gaspar_Regular.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gasperI';
  src: url('/media/templates/Gaspar_Regular_Italic.eot');
  src: url('/media/templates/Gaspar_Regular_Italic.eot?#iefix') format('embedded-opentype'),
       url('/media/templates/Gaspar_Regular_Italic.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* maven
---------------------------------------- */

@font-face {
  font-family: 'mavenR';
  src: url('/media/templates/MavenPro-Regular.eot');
  src: url('/media/templates/MavenPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('/media/templates/MavenPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'mavenM';
  src: url('/media/templates/MavenPro-Medium.eot');
  src: url('/media/templates/MavenPro-Medium.eot?#iefix') format('embedded-opentype'),
       url('/media/templates/MavenPro-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'mavenB';
  src: url('/media/templates/MavenPro-Bold.eot');
  src: url('/media/templates/MavenPro-Bold.eot?#iefix') format('embedded-opentype'),
       url('/media/templates/MavenPro-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'mavenBlack';
  src: url('/media/templates/MavenPro-Black.eot');
  src: url('/media/templates/MavenPro-Black.eot?#iefix') format('embedded-opentype'),
       url('/media/templates/MavenPro-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Conv_Digory_Doodles_PS';
	src: url('/media/Digory_Doodles_PS.eot');
	src: local('☺'), url('/media/Digory_Doodles_PS.woff') format('woff'), url('/media/Digory_Doodles_PS.ttf') format('truetype'), url('/media/Digory_Doodles_PS.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'ke_aloharegular';
    src: url('/media/ke_aloha-webfont.woff2') format('woff2'),
         url('/media/ke_aloha-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ke_aloharegular';
    src: url('/media/ke_aloha-webfont.woff2') format('woff2'),
         url('/media/ke_aloha-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* header
------------------------------------------------------- */

.kerr .header-top { background:#2C1302;min-height:28px; }

.kerr .header-top .container > .six,.kerr .header-top .container > .ten { display:none; }

.kerr .header-top .container > .six.active,.kerr .header-top .container > .ten.active { display:block; }

.kerr .header-top .login-nav { text-align:right; }

.kerr .header-top .login-nav > a { font:15px/28px mavenR;color:#c54d2a;text-transform:uppercase;margin-left:20px; }

.kerr .header-top .login-nav.active { position:absolute;bottom:10px;right:10px;background:url(/media/templates/kerr-arrow-up-bg.png) no-repeat 0 50%; }

.kerr .header-top .blue { color:#FFF;background:#96D2D0; }

.kerr .header-top .blue .login { border-left:1px solid #FFF;border-right:1px solid #FFF;padding:20px 25px; }

.kerr .header-top .register { padding:20px 0px; }

.ie7 #page .mobile-only { display:none; }

/* slideshow
------------------------------------------------------- */

.kerr .slideshow-overlay { background:url(/media/templates/kerr-green-overlay.png) repeat 0 0;width:100%;height:100%;position:absolute;z-index:1;opacity:0.7; }

.kerr.body-article .slideshow-overlay { background-image:url(/media/kerr-orange-overlay.png); }

.kerr #home-slideshow { width:100%;height:610px;position:relative; }

.kerr.sub #home-slideshow { height:260px;border-bottom:6px solid #51A09B; }

.kerr #home-slideshow .container { z-index:4; }

.kerr .home-logo { position:absolute;top:50%;left:50%;z-index:2;margin:-134px 0px 0px -135px; }

.kerr .logo { margin-top:25px;float:left; }

.kerr .logo > a > img,.kerr .logo > a > h2 { float:left; }

.kerr .logo > a > h2 { font:29px/31px mavenBlack;color:#FFF;margin-left:20px; }

/* header menu
------------------------------------------------------- */

.header-menu { margin-top:25px; }

.header-menu form,.header-menu .links { float:right; }

.header-menu .links a { margin:0px 0px 0px 10px;float:left; }

.header-menu .text,.mobile-nav .text { font:13px/15px mavenR;color:#FFF;width:230px;background:transparent;border:0px none;border-bottom:1px solid #FFF;padding-bottom:2px;margin:5px 20px 0px 0px; }

/* main nav
------------------------------------------------------- */

.kerr .main-nav { top:80px;left:80px;position:absolute; }

.ie7 .kerr .main-nav { width:100%; }

.kerr .main-nav .item { padding:6px;position:relative;margin:0px 7px;display:inline-block;transition:350ms height ease; }

.ie7 .kerr .main-nav .item { display:block;float:left; }

.kerr .main-nav .item.active { border:1px solid #FFF;border-radius:5px; }

.kerr .main-nav a,.kerr .lvl-2s .lvl-2 a { font:14px/15px mavenM;color:#FFF;text-transform:uppercase;display:block;float:left; }

.kerr .lvl-2s-container { background:url(/media/templates/kerr-menu-overlay-orange.png) repeat 0 0;padding:10px 0px;z-index:50;display:none; }

.kerr .lvl-2s .lvl-2 > a { margin:0px 10px;text-transform:none;display:inline; }

.kerr .lvl-2s .lvl-2 > a:hover,.kerr .lvl-2s .lvl-2 > a.active { text-decoration:underline; }


/* content
-------------------------------------------------------- */

.kerr #content { position:relative;z-index:2; }

.kerr .orange-container { background:url(/media/templates/kerr-wood-bg-orange.jpg) repeat 0 0;padding-top:90px; }

.kerr .yellow-container { background:#F1F0D8 url(/media/templates/kerr-wood-bg.png) repeat 0 0;padding-top:90px; }

.kerr.home .yellow-container { padding:120px 0px 50px; }

.kerr .blue-container { background:url(/media/templates/kerr-wood-bg-blue.jpg) repeat-x 0 0;padding:50px 0px 0px; }
.kerr .blue-container time { display: none !important }

.kerr .home-featured-article h1,.kerr .merchants-menu h2,.special-offers h2, .vintage-home h2 { 
  font:36px/38px mavenBlack;
  color:#FFF;
  padding-bottom:30px;
  text-align:center;
  text-transform:uppercase;
  display:block;
  background:url(/media/templates/kerr-headline-bg-white.png) no-repeat 50% 100%;
  margin:0px 0px 20px;
  text-shadow:0px 2px 2px #333;
}

.kerr .home-featured-article { 
  font:15px/20px mavenR;
  color:#FFF;
  text-align:center;  
  margin:0px 50px 20px;
}

.kerr .home-ctas { position:relative;bottom:-50px; }

.kerr .home-ctas .item { height:198px;border:1px solid #FFF;border-radius:5px;box-shadow:0px 2px 5px #666;position:relative;cursor:pointer; }

.kerr .home-ctas .label {
  background:url(/media/templates/kerr-menu-overlay-orange.png) repeat 0 0;
  height:50px;
  position:absolute;
  bottom:0;
  font:20px/50px gasperB;
  color:#FFF;
  text-align:center;
  text-transform:uppercase;
  width:100%;
  letter-spacing:2px;
}

.kerr .home-ctas .item.odd .label { background-image:url(/media/templates/kerr-menu-overlay-green.png); }

.kerr .merchants-menu h2, .vintage-home h2 { background:url(/media/templates/kerr-headline-bg-black.png) no-repeat 50% 100%;color:#2c1300;text-shadow:0px 2px 2px #999; }

.kerr .merchants-menu .item { height:335px;border:1px solid #116F6A;border-radius:5px;box-shadow:0px 2px 5px #666;position:relative;cursor:pointer;background-color:#fff !important; }

.kerr .merchants-menu .item time { background:#C34E31;font:13px/25px mavenBlack;color:#FFF;height:25px;padding:0px 15px;position:absolute;top:10px;left:0;text-transform:uppercase;box-shadow:0px 2px 2px #333; }

.kerr .merchants-menu .item .info { position:absolute;z-index:2;bottom:0;background:#EEECD2;font:12px/14px mavenR;color:#2c1300;width:220px;height:155px; }

.kerr .merchants-menu .item .info h2 { font:16px/18px gasperB;color:#066f6a;padding:15px 0px;text-align:center;text-transform:uppercase;background:#98D2CF;display:block;margin:0; }

.kerr .merchants-menu .item .info h3 { font:13px/15px mavenBlack;color:#c54d2a; text-transform:uppercase;display:block; }

.kerr .merchants-menu .item .info .desc { height:65px; }

#page.kerr .more-details { 
  font:20px/24px gasperB;
  color:#FFF;
  background:url(/media/templates/kerr-menu-overlay-green.png) repeat 0 0;
  position:absolute;
  z-index:3;
  text-align:center;
  width:100%;
  height:100%;
  transition:350ms all ease;
  opacity:0;  
  letter-spacing:2px;
  text-transform:uppercase;
  top:0;
  left:0;
} 

.kerr .more-details > span { display:block;margin-top:-25px;top:50%;position:relative; }

#page.kerr .item:hover .more-details { opacity:1; }

.ie7 .kerr .more-details, .ie8 .kerr .more-details { display:none; }

.ie7 .kerr .item:hover .more-details, .ie8 .kerr .item:hover .more-details { display:block; }

.kerr .merchants-menu .slides { height:345px; }

.flex-direction-nav a.flex-next,.flex-direction-nav a.flex-prev {
  background:url(/media/templates/kerr-nav-next.png) no-repeat 0 0; 
  width:21px;
  height:22px;
  right:-40px;
  margin-top:-10px;
}

.flex-direction-nav a.flex-prev {
  background:url(/media/templates/kerr-nav-prev.png) no-repeat 0 0; 
  left:-40px;
}

.flex-direction-nav a.flex-next:hover,.flex-direction-nav a.flex-prev:hover { background-position:0px 100%; }

/* special offers
-------------------------------------------------------- */

.special-offers { background:#98D2CF;border-radius:5px;border:1px solid #FFF;box-shadow:0px 2px 5px #666;padding:30px 0px 20px; }

.special-offers h2 { color:#C34E31;background-image:url(/media/templates/kerr-headline-bg-orange.png); }

.sub .special-offers { padding-top:20px; }

.sub .special-offers h2 { font:24px/26px mavenBlack;color:#2c1300;margin:0;background:none;padding:0px 0px 20px;text-shadow:0 1px 2px #333333; }

.sub .special-offers time { font:13px/15px mavenBlack;color:#c54d2a;text-transform:uppercase; }

.special-offers .bgimg { width:100%;height:150px; }

.special-offers h3 { font:16px/16px gasperB;color:#066f6a;padding:15px 20px;background:#F1F0D8;display:block;text-transform:uppercase; }

.special-offers .desc { font:12px/14px mavenR;color:#2c1300;height:50px;overflow:hidden; }

.special-offers .info { padding:10px 20px; }

.special-offers .flex-direction-nav a.flex-next,.special-offers .flex-direction-nav a.flex-prev { margin-top:-55px;left:-25px; }

.special-offers .flex-direction-nav a.flex-next { right:-25px;left:auto; }

#page.kerr .btn {
  font:14px/25px mavenM;
  color:#fff;
  text-transform:uppercase;
  text-align:center;
  text-decoration:none;
  background:#C34E31;
  border:1px solid #FFF;
  border-radius:5px;
  padding:0px 35px;
  display:inline-block;
  height:25px;
  transition:background-color 350ms ease;
}

#page.kerr .btn.processing,#page.kerr .btn.processing:hover { background:#C34E31 url(/media/ajax-loader.gif) no-repeat 95% 50%; }

#page.kerr .btn:hover { background:#2C1302; }

#page.kerr .btn.ajax:hover { background-color:#c34e31; }

#page.kerr .btn.brown { background:#2C1302; }

#page.kerr .btn.brown:hover { background:#C34E31; }

#page.kerr .btn.transparent { background:transparent; }

#page.kerr .btn.preview { background:url(/media/templates/kerr-icon-preview.png) 95% 50% no-repeat;padding:0px 35px 0px 15px; }

#page.kerr .kerr-form .btn.inline { padding:0px 20px;width:auto; }

#page.kerr .btn.medium { line-height:30px;height:30px;padding:0px 25px; }

/* home news + events + tweets
--------------------------------------------------------- */

.news-events { background:#98D2CF;border-radius:5px;border:1px solid #FFF;box-shadow:0px 2px 5px #666;margin-top:30px; }

.kerr .news-events .one-third { width:312px; }

.kerr .news-events .one-third.middle { width:314px; }

.home-news-menu.home-events { border-left:1px solid #FFF;border-right:1px solid #FFF;min-height:438px; }

.home-news-menu > h2 { 
  font:36px/70px mavenBlack;
  color:#066f6a;
  text-shadow:0px 2px 2px #999;
  text-transform:uppercase;
  height:70px;
  margin:0;
  padding:0px 25px;
  float:left;
}

.home-news-menu .icon-news { background:#F1F0D8 url(/media/templates/kerr-home-icon-news.png) no-repeat 50% 50%;width:80px;height:74px;float:right; }

.home-news-menu .icon-events { background:#F1F0D8 url(/media/templates/kerr-home-icon-events.png) no-repeat 50% 50%;width:80px;height:74px;float:right; }

.home-news-menu .icon-tweets { background:#F1F0D8 url(/media/templates/kerr-home-icon-tweets.png) no-repeat 50% 50%;width:80px;height:74px;float:right; }

.home-news-menu .items { border-top:1px solid #FFF; }

.home-news-menu .items .item { border-bottom:1px dashed #FFF;padding:15px 25px; }

.home-news-menu .items .item time { font:13px/15px mavenBlack;color:#c54d2a;text-transform:uppercase;text-align:left; }

.home-news-menu .items .item h3 { font:12px/14px mavenR;color:#2c1300;text-align:left;height:45px;overflow:hidden; }

.home-news-menu .items .item .bgimg { border-radius:5px;margin-right:15px;overflow:hidden;width:58px;height:58px;float:left;display:block; }

.home-news-menu .items.tweets { padding:10px 25px;height:266px;overflow:hidden; }

/* home map
---------------------------------------------------- */

.kerr #map { width:100%;height:380px;overflow:hidden;transition:350ms all ease; }

.kerr-map { 
  border-bottom:2px solid #C34E31;
  box-shadow:0px 6px 5px #555;
  position:relative;
  z-index:10;
  transition:350ms all ease; 
  -webkit-user-select: none;  
  -khtml-user-select: none;  
  -moz-user-select: none;  
  -o-user-select: none;  
  user-select: none;
}

.kerr-map .map-btn { width:135px;height:60px;background:url(/media/templates/kerr-map-btn.png) no-repeat 0 100%;float:right;margin:0px 0px 10px;cursor:pointer; }

.kerr-map.close .map-btn { background-position:0 0; }

.kerr-map .map-logo { 
  background:url(/media/templates/kerr-map-logo2.png) no-repeat 50% 100%;
  width:230px;
  height:118px;
  position:relative;
  top:188px;
  left:-60px; 
}

.kerr-map .map-logo > img { position:absolute;left:60px;top:-75px;transition:350ms all ease; }

.kerr .map-container { border-bottom:2px solid #C34E31; }

.kerr .map-container.close { border:0px none; }

.kerr .map-container.close #map { height:0px; }

.kerr-map.close .map-logo { background-image:none; }

.kerr-map.close .map-logo > img { top:-28px; }

.kerr-map.close { border:0px none;box-shadow:none; } 

/* footer
----------------------------------------------------- */

.kerr #footer { background:#116F6A;padding:20px 0px; }

.kerr.sub #footer { position:relative;z-index:3; }

.kerr-contact { position:relative;top:0;transition:350ms all ease; }

.kerr #footer.close .kerr-contact { top:115px; }

.kerr-contact h2 { font:13px/15px mavenBlack;color:#96d2cf;margin:0px 0px 5px;text-transform:uppercase; }

.kerr-contact address,.kerr-contact address a { font:12px/14px mavenR;color:#96d2cf; }

.footer-nav .item { float:left;margin:0px 10px 10px; }

.footer-nav .lvl-1 {
  font:18px/20px gasperB;
  color:#FFF;
  text-transform:uppercase;
  margin:0px 0px 5px;
  display:block;
}

.footer-nav .lvl-2 {
  font:13px/15px mavenB;
  color:#96d2cf;
  text-transform:uppercase;
  margin:0px 0px 5px;
  display:block;
}

.footer-social-menu,.footer-copyright { margin:30px 0px 0px; }

.footer-social-menu a { margin-right:10px;display:inline-block; }

.footer-copyright h2 { font:13px/15px mavenB;color:#96d2cf;float:right;text-transform:uppercase; }

.kerr.home .header-nav { padding-bottom:20px; }

/* sub page 
-------------------------------------------------------- */

.kerr.sub .header-nav { background:url(/media/templates/kerr-sub-header-overlay.png) repeat 0 0;padding:0px 0px 20px;border-bottom:1px solid #F1F0D8;position:relative;z-index:5; }

.kerr.sub .main-content { background:url(/media/templates/kerr-footer-village-bg.png) repeat-x 50% 100% #F1F0D8;padding-bottom:300px;min-height:400px; }

.kerr.sub .main-content > .container { margin-top:-73px; }

.kerr.sub.full-width .main-content > .container { margin-top:-97px; }

.kerr.sub .footer-logo { display:block;margin:-60px 0px 25px; }

/* breadcrumbs
------------------------------------------------- */

.kerr-breadcrumbs { margin:10px 0px; }

.kerr-breadcrumbs .sixteen > a,.kerr-breadcrumbs .sixteen > span { font:13px/15px mavenR;color:#9ad3cf; }

.kerr-breadcrumbs .sixteen > a:hover,.kerr-breadcrumbs .sixteen > a.active { color:#FFF; }

.kerr-breadcrumbs .sixteen > span { margin:0px 5px; }

/* secondary nav
------------------------------------------------- */

.kerr .secondary-nav { border-radius:5px;overflow:hidden;box-shadow:0px 2px 5px #666;border:1px solid #FFF;margin:0px 0px 30px; }

.kerr .secondary-nav .current { font:23px/25px mavenBlack;color:#FFF;background:#BD492E;padding:20px 15px;display:block;text-shadow:0px 2px 2px #333;text-transform:uppercase;border-bottom:1px dashed #FFF; }

.kerr .secondary-nav .lvl-1 { background:#9CD3CF;position:relative; }

.kerr .secondary-nav .lvl-1 a { font:16px/18px gasperB;color:#066f6a;display:block;text-transform:uppercase;border-bottom:1px dashed #FFF;padding:10px 20px;transition:350ms all ease; }

.kerr .secondary-nav .lvl-1:hover a,.kerr .secondary-nav .lvl-1.active a { color:#FFF; }

.kerr .secondary-nav .lvl-1.active { background:#BD492E; }

.kerr .secondary-nav .lvl-1 .arrow { 
  background:url(/media/templates/kerr-sub-menu-arrow-down.png) no-repeat 50% 50%;
  position:absolute;
  right:0px;
  top:0px;
  width:50px; 
  height:40px;
  cursor:pointer;
  transition:350ms all ease;
  transform:rotate(0deg);
  display:none;
}

.kerr .secondary-nav .lvl-1 .arrow.expanded,.kerr .secondary-nav .lvl-1 .arrow:hover { transform:rotate(180deg); }

.kerr .secondary-nav ul.lvl-2 { background:#9CD3CF;padding-left:40px;display:none;border-bottom:1px dashed #FFF; }

.kerr .secondary-nav ul.lvl-2.active { display:block; }

.kerr .secondary-nav ul.lvl-2 li { list-style-image:url(/media/templates/kerr-secondary-nav-bullet.jpg);padding:5px 0px; }

.kerr .secondary-nav ul.lvl-2 li:hover,.kerr .secondary-nav ul.lvl-2 li.active { list-style-image:url(/media/templates/kerr-secondary-nav-bullet-active.jpg); }

.kerr .secondary-nav ul.lvl-2 li a { font:13px/15px mavenBlack;color:#066f6a;display:block;text-transform:uppercase;transition:350ms all ease; }

.kerr .secondary-nav ul.lvl-2 li:hover a,.kerr .secondary-nav ul.lvl-2 li.active a { color:#c54d2a; }

/* default article
------------------------------------------------- */

.kerr-default-article h1 { font:24px/26px mavenBlack;color:#2c1300;margin:0 0 10px;text-transform:uppercase;letter-spacing:0.5px; }

.kerr-default-article .desc { color:#bf4827;margin:0px 0px 20px;text-transform:uppercase; }
/*.kerr-default-article .desc p { color:#bf4827 }*/

.kerr-default-article,.kerr-default-article p { font:14px/20px mavenR;color:#2c1300; }

.kerr-default-article .btext p { margin:0px 0px 15px; }

.kerr-default-article .btext a { color:#bf4827;text-decoration:underline; }

.kerr-default-article .attch-img { width:100%;border-radius:5px;margin:0px 0px 20px; }

.kerr-default-article .btext h2 { font:16px/18px gasperB;color:#066f6a;margin:0px 0px 10px;text-transform:uppercase; }

.kerr-default-article .btext h3 { font:13px/15px mavenBlack;color:#c54d2a;margin:0px 0px 10px;text-transform:uppercase; }

.kerr-default-article .btext ul,.kerr-default-article .btext ol { margin:0px 0px 15px 50px; }

.kerr-default-article .btext ul li,.kerr-default-article .btext ol li { list-style-image:url(/media/templates/kerr-bullet-list.png);margin:0px 0px 5px; }

.kerr-default-article .social-media-tools { margin:20px 0px 50px; }

.kerr-default-article .social-media-tools a { 
  margin-right:10px; 
  background-position:0 50%;
  background-repeat: no-repeat;
  width:30px;
  height:30px;
  display:inline-block;
  vertical-align:bottom;
}

.kerr-default-article .social-media-tools a span { border:1px solid #FFF;border-radius:3px;font:13px/30px mavenBlack;color:#FFF;height:30px;padding:0px 5px; }

.kerr-default-article .social-media-tools a.Facebook { background-image:url(/media/templates/kerr-article-share-fb.png);padding-left:25px; }

.kerr-default-article .social-media-tools a.Twitter { background-image:url(/media/templates/kerr-article-share-tw.png);padding-left:35px; }

.kerr-default-article .social-media-tools a.Email { background-image:url(/media/templates/kerr-article-share-email.png); }

.kerr-default-article .social-media-tools a.Print { background-image:url(/media/templates/kerr-article-share-print.png); }

.kerr-default-article header { float:left; }

.kerr-default-article header h2 { font:40px/42px mavenBlack;color:#fff;text-transform:uppercase;margin:10px 0px 0px;display:block;overflow:hidden;text-shadow:0px 1px 1px #666; }

/* mobile nav
-------------------------------------------------------------- */

.mobile-nav { background:#2c1300;width:100%;position:absolute;overflow:hidden;z-index:0;text-align:center;transition:500ms all ease;opacity:0; }

.ie7 .mobile-nav,.ie8 .mobile-nav { display:none; }

.nav-open .mobile-nav { opacity:1;z-index:50; }

.ie7 .nav-open .mobile-nav,.ie8 .nav-open .mobile-nav { display:block; }

.mobile-nav .mobile-logo { 
  position:relative;
  left:50%;
  -webkit-transform:translateY(-110px);
  transform:translateY(-110px);
  transition:450ms all ease 0.6s;
  margin:0px 0px 0px -28px;
  padding-bottom:20px;
  text-align:center;
  display:block;
}

.nav-open .mobile-nav .mobile-logo { -webkit-transform:translateY(15px);transform:translateY(15px); }

.mobile-nav .lvl-1 { font:18px/20px gasperB;color:#fff;margin:30px 0px 20px;display:block;text-transform:uppercase; }

.mobile-nav .lvl-2 { font:12px/14px mavenB;color:#fff;margin:0px 0px 10px;display:block;text-transform:uppercase; }

.mobile-nav .lvl-1:hover,.mobile-nav .lvl-2:hover,.mobile-nav .lvl-1.active,.mobile-nav .lvl-2.active { color:#c54d2a; }

/* trigger */

.mobile-trigger {
    background:transparent;
    border: 0 none;
    height: 25px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    left: -5px;
    top: 2px;
    width: 28px;
    z-index: 900;
   -webkit-transform:scale(0.7);
    transform:scale(0.7);
}

.mobile-trigger span:before {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
}

.mobile-trigger span:before,.mobile-trigger span:after {
    background-color: #FFFFFF;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition:350ms all ease;
    width: 100%;
}

.mobile-trigger span:after {
   -webkit-transform: translateY(9px);
    transform: translateY(9px);
}

.mobile-trigger span {
    background-color: #FFF;
    display: block;
    font-size:0;
    height:3px;
   -webkit-transform:translateY(0px);
    transform:translateY(0px);
    transition:350ms all ease;
    width: 100%;
}

.nav-open .mobile-trigger span:before, .on-top.nav-open .mobile-trigger span:before {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
}

.nav-open .mobile-trigger span:after, .on-top.nav-open .mobile-trigger span:after {
   -webkit-transform: translateY(-16px) rotate(-45deg);
    transform: translateY(-16px) rotate(-45deg);
}

.nav-open .mobile-trigger span, .on-top.nav-open .mobile-trigger span {
    background-color: #FFFFFF;
   -webkit-transform: translateY(16px);
    transform: translateY(16px);
}

/* featured video
------------------------------------------------------------ */

.featured-article { background:#98D2CF;border-radius:5px;border:1px solid #FFF;box-shadow:0px 2px 5px #666;overflow:hidden; }

.sub .featured-article h2 { font:24px/26px mavenBlack;color:#2c1300;margin:0;padding:0px 0px 20px;text-shadow:0 1px 2px #333333; }

.sub .featured-article time { font:13px/15px mavenBlack;color:#c54d2a;text-transform:uppercase; }

.featured-article .bgimg { width:100%;height:270px;position:relative; }

.featured-article .bgimg .play-btn { position:absolute;top:50%;left:50%;width:72px;height:71px;background:url(/media/templates/kerr-play-btn.png) no-repeat 50% 50%;display:block;margin:-35px 0px 0px -35px; }

.featured-article h3 { font:24px/26px mavenBlack;color:#2c1300;display:block;text-transform:uppercase; }

.featured-article .desc { font:14px/16px mavenR;color:#2c1300;height:50px;overflow:hidden;text-transform:none; }

.featured-article .info { padding:20px; }

/* article menu 
------------------------------------------------------------ */

.kerr-article-menu { margin:20px 0px 0px; }

.kerr-article-menu .item { border:1px solid #B9B19B;border-radius:5px;margin:0px 0px 20px;overflow:hidden;height:195px;position:relative; }

#page.kerr .kerr-article-menu .item a { text-decoration:none; }

.kerr-article-menu .item a.more-details { background-image:url(/media/templates/kerr-menu-overlay-orange.png); }

.kerr-article-menu .item a.more-details > span { margin-top:-12px; }

.kerr-article-menu .item .bgimg { width:100%;height:195px;background:url(/media/kerr-logo.png) no-repeat 50% 50% #417066; }

.kerr-article-menu .item .info { padding:15px 20px; }

.kerr-article-menu .item .info time,.kerr-article-menu .item .info h4.sub-title { font:13px/15px mavenBlack;color:#c54d2a;margin:0px 0px 10px;text-transform:uppercase; }

.kerr-article-menu .item .info h2 { font:24px/26px mavenBlack;color:#2c1300;margin:0px;text-transform:uppercase;max-height:55px;overflow:hidden; }

.kerr-article-menu .item .info .desc { font:14px/20px mavenR;color:#2c1300;height:80px;overflow:hidden;text-transform:none;margin:0px; }

.kerr-article-menu .item .info label { color:#066f6a; }

.kerr .pagination { text-align:center; }

.kerr .pagination a { font:18px/20px mavenBlack;color:#1c7571;margin:0px 10px; }

.kerr .pagination a:hover,.kerr .pagination a.active { color:#c54d2a; }

.kerr-article-menu.board .item,.kerr-article-menu.board .item .bgimg,.kerr-article-menu.business-listing .item,.kerr-article-menu.business-listing .item .bgimg { height:154px; }

.kerr-article-menu.business-listing.search-results .item,.kerr-article-menu.business-listing.search-results .item .bgimg,.kerr-article-menu.business-listing.search-results .item .info .desc { height:auto; }

.kerr-article-menu.board .item .info h2 { color:#066f6a;font:16px/18px gasperB;height:auto;margin:0 0 5px }

.kerr-article-menu.business-listing .item .info h2 { font:13px/15px mavenBlack;color:#c54d2a;height:auto;margin:0 0 5px; }

.kerr-article-menu .item .info h4.sub-title { margin:0 0 5px; }

.kerr-article-menu.board .item .info .desc,.kerr-article-menu.business-listing .item .info .desc { height:65px; }

.section-title { display:block;margin:0px 0px 60px; }

.section-title h2 { font:40px/42px mavenBlack;color:#FFF;text-shadow:0px 1px 1px #666;text-transform:uppercase; }

.contact .contact-article .footer-social-menu .primary { display:none; }

.contact .contact-article .footer-social-menu .secondary { display:block; }

.kerr.contact h3,.kerr.contact h1 { font:24px/26px mavenBlack;color:#2c1300;margin:0px 0px 20px;text-transform:uppercase; }

.kerr.contact { font:14px/17px mavenR;color:#2c1300; }

.kerr.contact .contact-article p,.kerr.contact .contact-article a { font-family:mavenM;color:#2c1300; }

.kerr.contact .contact-article .eight { width:auto;margin:0; }

.kerr.contact .contact-article .item { margin:0px 0px 20px; }

.kerr.contact .contact-article .item h2 { font:16px/18px gasperB;color:#066f6a;text-transform:uppercase; }

.kerr.contact .contact-article .item .more { font:13px/15px mavenB;color:#bf4827;text-decoration:underline;margin-top:5px;display:block; }

/* form
------------------------------------------------------------- */

.kerr-form input,.kerr-form textarea { background:transparent; }

.kerr-form .field { height:28px;border:1px solid #C66048;border-radius:5px;background:#FFF;margin:0px 0px 20px;padding:0px 10px; }

.kerr-form .field .text { font:14px/28px mavenR;color:#2c1300;height:28px;width:100%; }

.kerr-form .field.textarea { height:auto;padding:5px 10px; }

.kerr-form .field.textarea textarea { width:100%;font:14px/16px mavenR;color:#2c1300; }

.kerr-form .field.textarea .mce-edit-area,.kerr-form .field.textarea .mce-panel { border:0px none; }

.kerr-form .field.error { margin:0px 0px 5px; }

#page.kerr .kerr-form .btn { width:100%;padding:0; }

#page.kerr .kerr-form .btn.mt20 { margin-top:20px; }

.kerr-form .msg { font:13px/16px mavenR;color:#c54d2a;margin:10px 0px 0px; }

.kerr-form label.error { font:13px/15px mavenR;display:block;float:none;margin:0 0 5px;text-transform:none; }

/* business listing editor */

.kerr-form .section { border:1px solid #C05237;border-radius:5px;padding:15px 10px 5px;margin-top:20px; }

.kerr-form .section .one-third { width:292px; }

.kerr-form .section h2 { font:24px/26px mavenBlack;color:#2a0e00;text-transform:uppecase;text-shadow:0px 1px 1px #666;margin:0px 0px 10px;float:left;padding-left:20px; }

.kerr-form .section h2.nowrap { white-space:nowrap; }

.kerr-form .section h2.pl10 { padding-left:10px; }

.kerr-form .section aside { float:right;font:13px/15px mavenBlack;color:#066f6a; }

.kerr-form label,.kerr-form a { font:13px/15px mavenBlack;color:#c54d2a;text-transform:uppercase;margin:0 0 10px 10px;display:block; }

.kerr-form a { text-decoration:underline;display:inline-block;margin-left:0; }

.kerr-form .section .field { border:0px none; }

.kerr-form .text.facebook { background:url(/media/templates/kerr-input-facebook.png) no-repeat 100% 50%; }
.kerr-form .text.twitter { background:url(/media/templates/kerr-input-twitter.png) no-repeat 100% 50%; }
.kerr-form .text.youtube { background:url(/media/templates/kerr-input-youtube.png) no-repeat 100% 50%; }
.kerr-form .text.linkedin { background:url(/media/templates/kerr-input-linkedin.png) no-repeat 100% 50%; }

.kerr-form .section.two-cols .ten { margin-left:20px;width:608px; }

.kerr-form.success h1 { color:#116F6A;font:24px/26px mavenBlack;letter-spacing:0.5px;margin:30px 0px 0px; }

.kerr-form .captcha-link { color:#BF4827;margin:10px 0px;display:block; }

.kerr-form #recaptcha_image,.kerr-form #recaptcha_image img { width:100% !important;height:auto !important; }

/* photo uploader */
.kerr-form .image-selector .bgimg { width:105px;height:105px;background:url(/media/templates/kerr-logo-upload-bg.png) no-repeat 0 0; }
.kerr-form .image-selector .thumb { width:105px;height:105px;border-radius:5px;display:block;overflow:hidden; }
.ie7 .kerr-form .files,.ie8 .kerr-form .files,.ie9 .kerr-form .files { display:block; }
.ie7 .image-selector output,.ie7 .image-selector .image-selector-label,.ie8 .image-selector output,.ie8 .image-selector .image-selector-label,.ie9 .image-selector output,.ie9 .image-selector .image-selector-label { display:none !important; }

/* custom select */
.custom-select-wrap {
  background:#FFF url('/media/templates/kerr-dropdown-bg.png') no-repeat 91% 50%;
  height:28px;
  border-radius:5px;
  border:1px solid #C05338;
  margin:0px 0px 20px;
  padding:0px 10px;
  font:14px/28px mavenR;
  color:#2c1300;
  white-space:nowrap;
  position:relative;
}

#page .custom-select-wrap,#page .custom-select { height:28px; }

#page .custom-select-wrap select,#page .custom-select { }

#page .custom-select-wrap select { width:100%!important;z-index:40;opacity:0; }

#page .custom-select-wrap select.inline { width:auto; }

.custom-select-wrap option { font:14px/28px mavenR;color:#2c1300;width:100%; }

.custom-select-wrap .custom-select select,.custom-select-wrap .custom-select { z-index:20; } 

#page.kerr .multiple-select { font:14px/16px mavenR;color:#2C1300;width:100%;border-radius:5px;border:1px solid #C05338;height:140px;margin:0px 0px 20px;background:#FFF url(/media/templates/kerr-dropdown-bg.png) no-repeat 98% 10%; }

/* login
--------------------------------------------------------- */

.kerr .login .link { color:#C54D2A;font:14px/16px mavenR;text-transform:uppercase;text-decoration:underline;display:block; }

.kerr .login h2,.kerr .header-top h2 { font:18px/21px mavenBlack;margin:0px 0px 20px;text-transform:uppercase;color:#FFF;text-align:left;text-shadow:0px 1px 1px #666; }

/* search filters
--------------------------------------------------------- */

.kerr-search-filters { border:1px solid #2A0E01;border-radius:5px;margin-bottom:20px; }

.kerr-search-filters .search-tools { padding:15px 20px 20px;border-bottom:1px dashed #2a0e01; }

.kerr-search-filters .search-tools .link.green { display:block;text-decoration:underline; }

.kerr-search-filters .search-tools.noborder { border:0px none; }

.kerr-search-filters .alpha-list { padding:20px 20px 15px; }

.kerr-search-filters .alpha-list > a { font:14px/18px mavenB;color:#066f6a;width:20px;height:20px;border:1px solid #FFF;border-radius:5px;display:block;background:#9CD3CF;text-align:center;float:left; }

.kerr-search-filters .alpha-list > a:hover,.kerr-search-filters .alpha-list > a.active { background:#BD492E;color:#FFF; }

.kerr-search-filters .alpha-list h3 { font:13px/15px mavenBlack;color:#2a0e00;margin:0px 0px 10px; }

.kerr-search-filters h2,.kerr-search-filters h3 { font:24px/26px mavenBlack;color:#2C1300;text-shadow:0px 0px 1px #333333;margin:0px 0px 10px; }

.kerr-search-filters h3 { font-size:20px;line-height:22px; }

.kerr-search-filters fieldset { padding:10px;background:#FFF;border-radius:5px; }

.kerr-search-filters fieldset.nobg { background:none;padding:0px 0px 10px; }

.kerr-search-filters fieldset .custom-select-wrap { margin:0;background-image:url(/media/kerr-arrow-down-green.png);background-color:#9CD3CF;border-radius:5px;color:#126F6A;font-size:12px;border:0px none;overflow:hidden; }

.kerr-search-filters fieldset .columns.right { float:right; }

.kerr-search-filters fieldset .text { width:100%;height:28px;line-height:28px; }

#page.kerr .kerr-search-filters fieldset .btn { height:28px; }

#business-listing.loading { background:url(/media/ajax-loader-3.gif) no-repeat 50% 75px;min-height:155px; }

/* business details
---------------------------------------------------------------- */

.kerr-business-details { font:14px/16px mavenR;color:#2c1300; }

.kerr-business-details .photo { border-radius:5px;width:100%; }

.kerr-business-details .list > span.value { display:none; }

.kerr-business-details .list > span.value.selected { display:inline; }

.kerr-business-details .list > span.selected .comma:nth-last-child { display:none; }

.kerr-business-details .inner-container.three { width:180px; }

.kerr-business-details .inner-container.four { width:200px; }

.kerr-business-details h3 { color:#c54d2a;font:13px/15px mavenBlack;text-transform:uppercase;white-space:nowrap; }

.kerr-business-details header a { font:13px/15px mavenR;color:#28807b;display:block;text-decoration:underline; }

.kerr-business-details header .info { margin:0px 0px 10px; }

.kerr-business-details .footer-social-menu { margin:10px 0px 0px; }

.kerr-business-details .footer-social-menu a { display:inline-block; }

.kerr-business-details .tabs .tab { 
   font:14px/40px mavenB;
   color:#FFF;
   text-transform:uppercase;
   height:40px;
   padding:0px 40px;
   display:block;
   float:left;
   text-align:center;
   background:#2C7F7B; 
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top:1px solid #FFF;
   border-left:1px solid #FFF;
   border-right:1px solid #FFF;
   transition:350ms all ease;
   position:relative;
   z-index:2;
}

.kerr-business-details .tabs { margin:20px 0px 0px; }

.kerr-business-details .tabs .tab:hover,.kerr-business-details .tabs .tab.active { background:#98D2CF;color:#277f7b; } 

.kerr-business-details .tabs .tab-contents { position:relative;z-index:1; }

.kerr-business-details .tabs .tab-contents .tab-html { 
  border-top:5px solid #98D2CF;border-radius:5px;box-shadow:0px 0px 5px #666;background:#FFF;margin-top:-5px;padding:25px;opacity:0;position:absolute;z-index:0;width:100%; }

.kerr-business-details .tabs .tab-contents .tab-html.active{ opacity:1;z-index:1; }

.kerr-business-details #business-map { width:100%;height:300px;border-radius:5px; }

/* restaurant guide + pp list  
----------------------------------------------------- */

.container .column.hide { display:none; }

.res-filters { margin-bottom:10px; }

.res-filters a { display:block;float:left;font:16px/18px gasperR;color:#066F6A;margin-right:30px; }

.res-filters a.active { font-family:gasperB; }

/* opentable styles
----------------------------------------------------- */

.OT_title {
    color: #0F0F0F !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 16px !important;
    margin: 0 !important;
}

.OT_subtitle {
    color: #0F0F0F !important;
    font-size: 8px !important;
    font-weight: normal !important;
    letter-spacing: 0.15em;
    line-height: 10px !important;
    height:auto !important;
    margin:10px 0px !important;
}

.OT_searchTimeField, .OT_searchDateField, .OT_searchPartyField { font-size:12px !important; }

/*-------------------------------------------------------------------------------
	Rating
-------------------------------------------------------------------------------*/

.rating-nav{
	margin:10px 0;
}

.rating-nav a{
	background:url(/media/rating-star.png) 50% 0%;
	width:25px;
	height:25px;

	-webkit-transition: all 300ms ease;
		   -moz-transition: all 300ms ease;
		    -ms-transition: all 300ms ease;
		     -o-transition: all 300ms ease;
		        transition: all 300ms ease;
			
}

.rating-nav a.active{
	background-position: 50% -60px;
}

.rating-nav a.hover{
	background-position: 50% -30px;
}

.rating-nav .rating-count{
	font-size: 13px;
    line-height: 24px;
    padding-left: 8px;
}

/* photo gallery */

.tile-gallery .thumbnail-tile { margin:5px 3px;display:inline-block;background-color:#000; }

.tile-gallery .thumbnail-tile .bgimg { width:150px;height:150px;background-size:cover !important; }

/*-------------------------------------------------------------------------------
  Media Queries / Default Screen
-------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px)
{
  
  #page .mobile-only,#page .tablet-only { display:none; }
  
}

/*-------------------------------------------------------------------------------
  Media Queries / Tablet (Portrait)
-------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px)
{
  
  #page .tablet-only { display:block; }
  #page .mobile-only { display:none; }
  
  /* home */
  .kerr .news-events .one-third,.kerr .news-events .one-third.middle { width:248px; }
  .home-news-menu .icon-tweets,.home-news-menu .icon-events,.home-news-menu .icon-news { display:none; }
  .home .flex-direction-nav { display:none; }
  .kerr .main-nav { bottom:-20px; }
  .kerr .lvl-2s-container { top:150px; }
  
  /* internal */
  .kerr.sub .header-nav { padding-bottom:35px; }
  .kerr-default-article header { float:left; }
  .kerr-default-article header h2 { font-size:24px;line-height:26px;height:55px;margin-top:20px; }
  
  /* business listing form */
  .kerr-form .section .one-third { width:228px; }
  .kerr .btn.inline { font-size:11px;padding:0px 10px; }
  .kerr-form .section.two-cols .ten { width:476px; }
  #page.kerr .kerr-form .image-selector-label.btn { font-size:11px;padding:0px 10px; }
  #page.kerr .search-tools .btn.inline { padding:0px 23px; } 
  
  /* business details */
  .kerr-business-details .inner-container.three,.kerr-business-details .inner-container.four { width:auto;margin:0; }
  .kerr-business-details .tabs .tab-contents .tab-html { width:88%;height:300px;overflow:auto; }
  
  .kerr-business-details .three.columns { width:auto; }
  .opentableres { margin:20px auto;width:170px; }
}

/*-------------------------------------------------------------------------------
  Media Queries / Mobile (All)
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px)
{
 
  #page .mobile-only { display:block; }
  #page .non-mobile-only { display:none; }
  
  /* home */
  .kerr .header-top .login a { font-size:12px; }
  .home-news-menu.home-events { border:0px none;border-top:1px solid #FFF;border-bottom:1px solid #FFF; }
  .kerr .header-nav,.home-featured-article .text { display:none; }
  .kerr .lvl-2s-container { display:none; }
  .kerr #home-slideshow,.kerr.sub #home-slideshow { height:240px; }
  .kerr .home-logo { height:150px;margin:-75px 0px 0px -80px; }
  .kerr .orange-container,.kerr .yellow-container,.kerr.home .yellow-container { padding-top:25px; }
  .kerr .orange-container { padding-bottom:20px; }
  .kerr .blue-container { background:url(/media/templates/kerr-wood-bg-blue-resp.jpg) repeat-x 50% 0% #116F6A;padding-bottom:10px; }
  .kerr .home-ctas { bottom:0; }
  .kerr .home-featured-article h1, .kerr .merchants-menu h2, .special-offers h2, .vintage-home h2 { padding-bottom:15px;font-size:30px;line-height:32px;margin-bottom:10px; }
  .kerr .home-ctas .item { margin-bottom:20px; }
  .kerr .merchants-menu { width:220px;margin:0px auto; }
  .kerr .special-offers { width:280px;margin:0px auto;padding-top:20px;padding-bottom:15px;margin-bottom:20px; }
  .kerr .merchants-menu .four { margin-right:25px; } 
  .kerr .merchants-menu .flexslider { margin-top:25px; }
  .kerr .home-ctas > .one-third { display: block;float: none;margin: 0 auto;width: 300px; }
  .special-offers .flex-direction-nav a.flex-next { right:-20px; }
  .special-offers .flex-direction-nav a.flex-prev { left:-20px; }
    
  .kerr .news-events { background:transparent;border:0px none;border-radius:0;box-shadow:none;margin-top:0; }
  .kerr .news-events .one-third,.kerr .news-events .one-third.middle { background:#98D2CF;border: 1px solid #FFFFFF;border-radius: 5px;display: block;float: none;margin: 0 auto 20px;overflow: hidden;width: 280px; }
  .kerr .news-events .one-third.middle { border-top:0px none;border-bottom:0px none; }
  .home-news-menu .items .item:last-child { display:none; }
  .kerr .footer-nav { display:none; }
  .kerr #footer { text-align:center; }
  .footer-copyright h2 { float:none;font-size:11px; }
  .home-news-menu > h2 { font-size:30px; }
  .kerr-map .map-logo { background-position:-12px -55px; }
  .kerr-map .map-logo img,.sub #footer .footer-logo > img { width:80px; }
  .kerr-map.close .map-logo { top:55px;height:40px; }
  .kerr #footer.close .kerr-contact { top:0; }
  .kerr .header-top .login-nav.active { bottom:0px;right:0px; }
  
  /* internal */
  .kerr-breadcrumbs { display:none; }
  .kerr.sub #home-slideshow { height:185px; }
  .sub .secondary-nav { margin-top:20px; }
  .sub .social-media-tools { float:none;text-align:center;margin-top:0;margin-bottom:35px; }
  .kerr.sub .main-content { padding-bottom:155px; }
  .kerr.sub .main-content > .container { margin-top:-180px; }
  .sub #footer .footer-logo { margin-top:-110px; }
  .kerr-default-article header { float:none; }
  .kerr-default-article header h2 { font-size:24px;line-height:26px;height:55px;margin-top:20px; }
  .kerr-article-menu .item { height:auto; }
  .kerr-form .section h2.nowrap { white-space:normal; }
  
  /* contact */
  .kerr.contact .form-container { margin:20px 0px; }

  /* business listing form */
  .kerr-form .section .one-third { width:100%; }
  .kerr-default-article .listing-btn { margin:0 auto;float:none;text-align:center; }
  .kerr-form .section h2 { padding-left:10px; }
  .kerr-form .btn.medium.inline { width:100%;padding:0; }
  .kerr-search-filters fieldset .columns.right { }
  .kerr .search-tools .columns { width:100%; }
  .kerr .search-tools .columns.two { margin-left:10px;width:25%; }
  #page.kerr .search-tools .columns.two .btn { padding:0px 10px; }
  .kerr .search-tools .columns.three { width:64%; }
  
  /* business details */
  .kerr-business-details .photo { width:150px;margin:0px auto 20px; }
  .tab-contents { height:355px; }
  .kerr-business-details .tabs .tab-contents .tab-html { width:83%;height:300px;overflow:auto; }
  .kerr-business-details .tabs { margin-top:5px; }
  .kerr-article-menu.board .item,.kerr-article-menu.business-listing .item { height:auto; }
  .opentableres { margin:20px auto;width:170px; }
  
  /* galelry */
  .tile-gallery .thumbnail-tile { width:47%; }
  .tile-gallery .thumbnail-tile .bgimg { width:100%;height:200px; }
}

/*-------------------------------------------------------------------------------
  Media Queries / Mobile (Landscape)
-------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px)
{

  /* article menu */
  .kerr .kerr-article-menu { width:300px;margin-left:auto;margin-right:auto; }
  .kerr .kerr-article-menu .four,.kerr .kerr-article-menu .seven { width:300px; } 
  
  /* business listing form */
  .kerr-form .section.two-cols .ten,.kerr-form .section.two-cols .five { width:398px;margin-left:0; }
  #page.kerr .search-tools .columns.two .btn { padding:0px 25px; }
  .kerr .search-tools .columns.three { width:68%; }
  .kerr .kerr-article-menu.board,.kerr .kerr-article-menu.business-listing { width:420px; }
  
  /* business details */
  .kerr-business-details .tabs .tab-contents .tab-html { width:88%; }
}

/*-------------------------------------------------------------------------------
  Media Queries / Mobile (Portrait)
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 479px)
{
  
  /* header */
  .kerr .header-top .blue { width:320px;margin-left:-10px; }
  
  /* business listing form */
  .kerr-form .section.two-cols .ten,.kerr-form .section.two-cols .five { width:278px;margin-left:0; }
  
  /* gallery */
  .tile-gallery .thumbnail-tile { width:95%; }
  
}

.form-default-article{
	margin-top:20px;
}
.form-default-article .form-blurb {
	background-color:#51A09B;
  	padding:10px;
  	border-radius:4px;
  	border:1px solid #fff;
  	box-shadow: 0px 2px 5px #666;
}
.form-default-article .form-blurb p {
	color:#fff;
}

.form-default-article .form-blurb strong {
	font-weight:bold;
  	font-size:16px;
}

/* Thank you page */

.thank-you h2 {
    font: 20px/22px mavenBlack;
    color: #2c1300;
    margin: 0 0 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

@media screen and (max-width:767px) {
  .form-default-article {
    width: 280px;
    margin: 0px auto 20px;
    padding:20px 0 15px;    
  }
}

/* Gallery CSS 1 */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* Gallery CSS 2 */

.gallery-thumnails {
	max-width:100%;
  	background-color:#eee;
}

.gallery-thumnails .thumbnail {
    background-color: rgba(1, 1, 1, 0.1) !important;
    background-size: auto 100% !important;
    float: left;
  	width: 23%;    
    margin: 1%;
  	
}

.gallery-thumnails .thumbnail a {
	width:inherit;
  	height:inherit;
}

.gallery-thumnails .thumbnail a img {
	max-width:100%;
  	width:100%;
}


#page.kerr.vintage-home .yellow-container{
  padding: 0;
  background: #F1F0D8 url('/media/Market-Pattern4.jpeg') repeat 0 0;
}

.vintage-home .vintage-ctas a{
  color: #bf4827;
  text-decoration: underline;
}

.vintage-home .field {
  border: 1px solid #a1896b;
}

#page.kerr.vintage-home .logo img{
  max-width: 115px;
}

.vintage-home .home-featured-article img{
  max-width: 100%;
  padding: 20px 0;
}

.vintage-home .home-featured-article{
  color: #2c1300;
  margin: 0px 50px 0 0;
}

.vintage-home .home-featured-article .text{
  display: block;
}

.vintage-home .home-featured-article .tealText {
  color:#257d86; 
}

.vintage-home .home-featured-article .tealText p {
  font-family: 'mavenB';
}

.vBox {
  display:inline-block;
  width:100%;
  text-align:center;
      max-width: 480px;
    margin: 0 auto;
}

.vintage-home .em{
  font: 16px/16px gasperB;
  color: #257d86!important;
  padding: 15px 20px;
  display: block;
  text-transform: uppercase;
  max-width: 725px; 
  margin: 0 auto; 
}

.vintage-home .events .em{
  padding: 0 0 15px;
}

.vintage-home .p30 h3 {
  margin:0 0 20px 0;
  color:#257d86; 
  font-family: 'mavenB';
}

.vintage-home .vintage-ctas img {
  margin:0 auto;
  max-width:260px;
  float:none;
}

.vintage-home .events{
  bottom: auto;
  margin: 20px 0px 30px;
}

.vintage-home .container h2.vTitle {
  font-family: 'Conv_Digory_Doodles_PS';
  font-size:26px;
  text-transform:none;
  color:#463428;
}
.vintage-home .label {
  font-family: 'Conv_Digory_Doodles_PS'!important;
  font-size:12px!important;line-height:55px!important;
  text-transform:none!important;

}
.vintage-home .label{
  background:#257d86!important;
}

.kerr .home-ctas .item.odd .label {
  background:#257d86!important;
}

.vintage-home .btn {
  background:#a1896b!important;
}

.vintage-home .home-ctas .item{
  background:url('/media/bg-vintage-icons.png') no-repeat center center;background-size:cover;
  font-family: mavenR;
  color: #FFF;
  border: none;
  cursor: default;
  border-radius:20px;
      float: left;
}

.vintage-home footer h2{
  background: none;
  text-shadow: none;
}

.vintage-ctas{
  margin-bottom: 60px;
  text-align:center;
}

.kerr .vintage-ctas .item {
  height: auto;
  border: 1px solid #257d86;
  border-radius: 20px;
  box-shadow: 0px 2px 5px #666;
  position: relative;
  overflow:hidden;
  float:left;
}

.kerr .vintage-ctas .item .info{
  position: relative;
  bottom: auto;
  height: 100%;
  z-index: 2;
  bottom: 0;
  font-family: mavenR;
  color: #FFF;
  background:linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35) ),url(/media/footer-bg.jpeg) repeat 0 0;
  float:left;
}

#page.kerr.vintage-home .kerr-form .btn{
  width: auto;
  padding: 0px 35px;
}

.vintage-home #footer{
  /*background:#257d86;*/
  background: linear-gradient( rgba(48, 147, 157, 0.75), rgba(37, 125, 134, 0.75) ), url("/media/footer-bg.jpeg");
}

.vintage-home #footer .footer-copyright h2{
  color: #fff;
}


@media only screen and (max-width: 767px){
  #page.kerr.vintage-home .logo{
    float: none;
  }

  #page.kerr.vintage-home .logo img{
    float: none;
    margin: 0 auto;
  }
}
.vEvents {
 	margin-bottom:30px;
}
.vEvents .events {
  	width:80%;
  	margin:0 10% 0 10%;
  	padding:60% 0 0 0;
 	background:url('/media/kraftribbon.png') no-repeat top center;
  	background-size:100% auto; 
  	float:left;
}
.vEvents img {
    width: 50%;
    float: left;
}
.vEvents .column{
    position:absolute;
  	width:100%;
  top:33%;
    padding:10px 0 0 0;
	text-align: center;
    min-height: 140px;
    line-height: 140px;
    text-align:center;
    /*font-size:5.5vw;*/
    font-size: 64px;
    font-family: 'ke_aloharegular';
    color:#dcfaf0;
    background-size:100% auto!important;
    cursor:pointer;
}
.vEvents .column:first-child {
  top:1%;
  
}
.vEvents .column:last-child {
  top:62%;
}
.vEvents .column .lContent {
	display:none;  
}
.vEvents p {
  width:100%;
  font-family: 'Montserrat', sans-serif!important;  
  font-size:50px;
  color:#644f1b ;
  float:left;
  text-align:center;
  line-height: 80px;
}
.vEvents p span {
  font-size:60px;
}
/* ----- generic styles for lightbox ----- */
.eLightBox {
  display:table;
  visibility:hidden;
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  text-align:center;
  float:left;
  background:rgba(0,0,0,0.5);
  z-index:3;
}
.eLightBox .lContainer {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}
.eLightBox .lContainer .lContent {
  position:relative;
  display:inline-block;
  padding:40px;
  max-width:580px;
  width:100%;
  color:#FFF;
  text-align:left;
  background:linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35) ), url(/media/footer-bg.jpeg) repeat 0 0;
  border: 1px solid #257d86;
  border-radius: 20px;
  box-shadow: 0px 2px 5px #666;
  box-sizing: border-box;
}
.eLightBox .lContainer .lContent p, .eLightBox .lContainer .lContent ul li {
  color:#FFF;
  font-family: 'Montserrat', sans-serif!important;  
}
.eLightBox .lContainer .lContent ul li {
  margin:5px 0 5px 0;  
}
.eLightBox .lContainer .lContent ul li:last-child {
  margin:5px 0 0 0;  
}
.eLightBox .lContainer .lContent p:first-child {
  margin:0 0 20px 0;
  text-align:center;
}
.eLightBox .lContainer .lContent p strong {
  font-family: 'mavenB';
  font-size:26px;
  text-transform:none;
  color:#FFF; 
}
.eLightBox .lContainer .lContent a {
  color: #bf4827;
  text-decoration: underline; 
}
.eLightBox .lContainer .lContent i {
  position:absolute; 
  top:6px;
  right:10px;
  font-size:30px;
  color:#268286;
  cursor:pointer;
}
.vBox img {margin:0 auto;float:none;}
.vBox p {
 font-family: 'Montserrat', sans-serif!important;
  margin:30px 0 0 0;
  width: 100%;
  float: right;
  color:#644f1b ;
}
.vBox .center.mt20 {
  margin:20px 0 40px 0;
 width:100%;
  float:right;
}
.vEvents h2 {
  margin:0; 
}
.sContainer {position:relative;padding:50% 0 0 0;margin:0 5% 0 5%;width:90%;float:left;background:#FFF;border: 1px solid #257d86;}
.sContainer div {position:absolute;top:0;left:0;right:0;bottom:0;float:left;background-size:cover!important;opacity:0;}
.sContainer div:first-child {opacity:1;}
.sList {margin:0 5% 0 5%;width:90%;height:120px;float:left;overflow:hidden;border: 1px solid #257d86;}
.sList ul {float:left;background:#FFF;}
.sList ul li {display:inline-block;width:120px;height:120px;cursor:pointer;float:left;background-size:cover!important;opacity:0.5;}
.sList ul li:hover, .sList ul li.active {opacity:1;}
.sList ul li img {display:none;}
.slider i {display:none;opacity:0.4;}
.slider i.fa-caret-left {position:absolute;bottom:40px;left:-20px;font-size:50px;color:#257d86;z-index:1;cursor:pointer;}
.slider i.fa-caret-right {position:absolute;bottom:40px;right:-20px;font-size:50px;color:#257d86;z-index:1;cursor:pointer;}

img.fLogo {height:100px;float:left;}
#footer nav.vFooter {float:right;}
#footer .vCopy h2 {margin:20px 0 0 0;width:100%;text-align:right;}
.slider {margin-bottom:20px;}

@media only screen and (max-width: 550px){
  .sContainer {padding:75% 0 0 0;}
  .slider i.fa-caret-left {left:-26px;}
.slider i.fa-caret-right {right:-26px;}
  .kerr .vintage-ctas .item .info{
   	float:left; 
        width: 100%;
  }
  .kerr .vintage-ctas .item {
      width: 100%;  
  height: auto;
  }
  .vintage-home .vintage-ctas img {
   position:relative; 
  }
  .vBox p {
 font-family: 'Montserrat', sans-serif!important;
  margin:10px 0 0 0;
  width: 100%;
  float: right;
}
  .vBox .center.mt20 {
   width:100%;
    margin:20px 0 40px 0;
  }
  
  #footer .eight.columns {
    text-align: center;
  }
  
  #footer .eight.columns img.fLogo {
    margin:0 auto;
    float:none;
  }
  #footer nav.vFooter {
   	width:100%; 
  }
  #footer .vCopy h2 {
   	text-align:center; 
  }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    .vEvents .column {min-height:110px;line-height:110px}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
    .vEvents .column {min-height:50px;line-height:50px}
    .vEvents p {font-size:6vw;line-height:40px;}
    .vEvents p span {font-size:8vw;}
  .vintage-home .home-featured-article {width:100%;}
}
@media only screen and (max-width: 479px) and (min-width: 240px){
    .vEvents .column {min-height:30px;line-height:30px}
    .vEvents p {font-size:6vw;line-height:40px;}
    .vEvents p span {font-size:8vw;}
  .vintage-home .home-featured-article {width:100%;}
}

/* ----- Keyframes ----- */
@-webkit-keyframes fadeIn {
	0%   {opacity:0;visibility:hidden;}
	100% {opacity:1;visibility:visible;}
}
@-moz-keyframes fadeIn {
	0%   {opacity:0;visibility:hidden;}
	100% {opacity:1;visibility:visible;}
}
@-o-keyframes fadeIn {
	0%   {opacity:0;visibility:hidden;}
	100% {opacity:1;visibility:visible;}
} 
@keyframes fadeIn {
	0%   {opacity:0;visibility:hidden;}
	100% {opacity:1;visibility:visible;}
}
@-webkit-keyframes fadeOut {
	0%   {opacity:1;visibility:visible;}
    100% {opacity:0;visibility:hidden;}
}
@-moz-keyframes fadeOut {
    0%   {opacity:1;visibility:visible;}
    100% {opacity:0;visibility:hidden;}
}
@-o-keyframes fadeOut {
    0%   {opacity:1;visibility:visible;}
    100% {opacity:0;visibility:hidden;}
}
@keyframes fadeOut {
    0%   {opacity:1;visibility:visible;}
    100% {opacity:0;visibility:hidden;}
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}