/*---Site template files---*/
/*------------------------------------------------------
ALL PAGES BITS.LESS
-------------------------------------------------------*/
/*-------------------------------------------------------------------------
DEFAULT BODY CONTENT TEXT STYLES {CORRESPONDS TO "02-bits-and-pieces.less"}
-------------------------------------------------------------------------*/
/*------------------------------
DEFAULT INTERFACE ELEMENT STYLES
------------------------------*/
/*----------------------------------------------------------------
FOOTER STRIP TEXT STYLES {CORRESPOND TO "02-bits-and-pieces.less"}
----------------------------------------------------------------*/
/*----------------------------------------------------------------
TABLE STYLES
----------------------------------------------------------------*/
/*---------------------------------------------------------
CONTENT AREA LAYOUT.LESS
---------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*---------------------------------
ALL-PAGES-GENERAL-LAYOUT.LESS
---------------------------------*/
/*Set left and right padding to 0 if ribbon contains a navbar or user links*/
/*-----------------------------------------------------------------------
HEADER STYLES {CORRESPOND TO "02-general-site-layout.less"}
------------------------------------------------------------------------*/
/*-------------------
MAIN SITE LOGO STYLES
-------------------*/
/*-----------------------------------------------------------------------
MAIN CONTENT STRIP STYLES {CORRESPOND TO "02-general-site-layout.LESS"}
------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
FOOTER STRIP STYLES {CORRESPOND TO "02-general-site-layout.less"}
------------------------------------------------------------------------*/
/*------------------------------
USER POPOUTS CONTAINER STYLES
------------------------------*/
/*---------------------------------------------------------------------------------
GENERAL (APPLY TO ALL MEDIA QUERIES)
---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
PC MAIN NAVBAR 
---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
PC NAV ITEMS - ALL LEVELS 
---------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
PC NAV ITEMS - LEVEL 1 
--------------------------------------------------------------------------------*/
/*this padding value is subtracted from the value of "@pc-main-nav-bar-height" for item height*/
/*The side border widths are subtracted from the 
width of "@pc-main-nav-level-1-item-min-width". 
It sets menu item width, inclusive of side border widths.*/
/*The top padding of the active item will adjust to accommodate
 the top border width and maintain the same overall height.*/
/*--------------------------------------------------------------------------------
PC NAV ITEMS - LEVEL 2
--------------------------------------------------------------------------------*/
/*this padding value is subtracted from the value of "@pc-main-nav-bar-height" for item height*/
/*----------------------------------------------------------------------------
979 MAIN NAV BUTTON
-----------------------------------------------------------------------------*/
/*---THE BOX OF THE BUTTON---*/
/*---TEXT ON THE MAIN NAV BUTTON---*/
/*---this height value should always be 36px---*/
/*--------------------------------------------------------------------------------
979 NAV ITEMS - ALL LEVELS 
--------------------------------------------------------------------------------*/
/*---this padding value is subtracted from the value of "@pc-main-nav-bar-height" for item height---*/
/*--------------------------------------------------------------------------------
979 NAV ITEMS - LEVEL 1
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
979 NAV ITEMS - LEVEL 2
--------------------------------------------------------------------------------*/
/*---------------------------------
USER PAGES GENERAL
---------------------------------*/
/*Set position to "fixed" and z-index to "99999999999999999999" for a fixed top ribbon.
Set left and right padding to 0 if ribbon contains a navbar or user links*/
/*---------------------------------
SYSTEM-SINGLE-LOGIN.LESS
---------------------------------*/
/*------------------------------------------------------------------------------------------------
USER POPOUTS AND CORRESPONDING BUTTONS (JOIN US - SEARCH - REGISTER - LOGIN - LOGOUT - MY ACCOUNT)
------------------------------------------------------------------------------------------------*/
/*---------------------------------
ALL-PAGES-USER-BAR-LOGOUT
---------------------------------*/
/*---------------------------------
ALL-PAGES-USER-BAR-MY-ACCOUNT.LESS
---------------------------------*/
/*---------------------------------
ALL-PAGES-USER-BAR-REGISTER.LESS
---------------------------------*/
/*---------------------------------
ALL-PAGES-USER-BAR-LOGIN.LESS
---------------------------------*/
/*---------------------------------
ALL-PAGES-USER-BAR-ACY-MAILING.LESS
---------------------------------*/
/*---------------------------------
ALL-PAGES-USER-BAR-SEARCH.LESS
---------------------------------*/
/*---------------------------------
SYSTEM-SEARCH-RESULTS.LESS
---------------------------------*/
/*---------------------------------
COMP-K2-ITEM.LESS
---------------------------------*/
/*----------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------
K2 CATEGORY PAGE STYLES
---------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------
"EXTRAS" VARIABLES DO NOT APPEAR DIRECTLY IN ANY LESS SELECTORS. 
THEY ARE ONLY USED TO SET THE VARIABLES BELOW.
---------------------------------------------------------------*/
html {
  padding: 0;
  margin: 0;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #222222 none no-repeat center top;
  margin: 0;
  padding: 0 0 0px 0;
  font-size: 62.5%;
  color: #333333;
  min-width: 320px;
}
/*--------------------------------------------------------------------------
DEFAULT RIBBON STYLES {CORRESPOND TO "01-variables-general-site-layout.less"}
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
NEVER SET HEIGHT ON RIBBON 2 OR RIBBON 3 IF RIBBON CONTAINS A BOOTSTRAP 
NAVBAR- CAUSES PROBLEMS WITH MOBILE TRANSITION IN WEBKIT BROWSERS.
---------------------------------------------------------------------------*/
.container-3 {
  max-width: 100%;
  width: 100%;
  clear: both;
  border-width: 0;
  padding: 0;
}
div.wrapper {
  background-color: #ffffff;
}
.container-2 {
  max-width: 960px;
  padding: 36px 20px 36px;
  background-color: transparent;
  background-image: none;
  margin-left: auto;
  margin-right: auto;
}
.container-1 {
  width: auto;
}
#header-ribbon-top {
  position: inherit;
  z-index: inherit;
  background: #222222;
}
/*---------------------------------------------------------*/
#header-ribbon-bottom {
  background-color: transparent;
}
/*---------------------------------------------------------*/
#footer-ribbon {
  background-color: #808080;
}
div#header {
  background: transparent;
}
/*-------------------
MAIN SITE LOGO STYLES
-------------------*/
div.custom.logo-container {
  padding: 0px 15px 0px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 260px;
}
div.custom.logo-container a {
  display: block;
}
div.custom.logo-container a:link,
div.custom.logo-container a:visited,
div.custom.logo-container a:hover {
  text-decoration: none;
}
div.custom.logo-container img {
  width: 100%;
  height: auto;
}
/*-----------------------------------------------------------------------
MAIN CONTENT STRIP STYLE OVERRIDES
-----------------------------------------------------------------------*/
#main-content-strip {
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-position: center-top;
}
#main-content-strip div.container-1 {
  background-color: transparent;
  border: 0px solid #444444;
  position: relative;
  /*Always set padding to 0. Side padding can be applied to ".container-2" and "div.body-content"*/
  padding: 0;
}
div.body-content {
  padding: 24px 0px 0px;
  margin-left: auto;
  margin-right: auto;
}
div.main-block {
  width: 100%;
  max-width: 600px;
  float: left;
  position: relative;
}
div.centred div.main-block,
div.main-block-centred,
div.main-block.centred {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
}
div.main-block.full {
  max-width: 100%;
}
div.centred div.sidebar-outer {
  display: none;
}
div.sidebar-outer {
  width: 100%;
  max-width: 270px;
  float: right;
}
div.sidebar-outer > div.sidebar {
  padding: 10px 10px 10px 10px;
  background-color: #eeeeee;
  border: 0px dotted #dddddd;
}
/*-----------------------------------------------------------------------
FOOTER STRIP STYLES {CORRESPOND TO "01-variables-general-site-layout"}
------------------------------------------------------------------------*/
div#footer-strip {
  background: transparent none repeat center top;
}
div.copyright-outer div.copyright-inner ul {
  font-size: 1em;
  margin-left: 0;
  margin-bottom: 0;
  width: 100%;
}
div.copyright-outer div.copyright-inner ul li {
  list-style: none;
  text-align: center;
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  font-size: 1.2em;
}
div.copyright-outer div.copyright-inner ul li a {
  color: #ffffff;
  text-decoration: underline;
}
div.copyright-outer div.copyright-inner ul li a:hover {
  color: #008000;
  text-decoration: underline;
}
div.user-links-loader {
  height: 0;
  width: 0;
  opacity: 0;
  background-image: url("../images/user-links-bg.png");
}
body.custom-error-page div#main-content-strip .container-2 {
  max-width: 700px;
}
div.blocks-container {
  margin: -10px;
}
div.block-outer {
  width: 25%;
  float: left;
}
div.block-inner {
  margin: 10px;
  background-color: transparent;
}
#user-ribbon.container-3 .container-2,
#header-ribbon-top.container-3 .container-2,
#header-ribbon-bottom.container-3 .container-2,
.container-3.bootstrap-navbar .container-2,
#footer-ribbon .container-2 {
  padding-top: 0;
  padding-bottom: 0;
}
.grid-row {
  float: left;
  width: 100%;
}
div.block-outer {
  float: left;
}
.six-column div.block-outer,
.six-column div.catItemViewOuter {
  width: 16.6%;
  float: left;
}
.five-column div.block-outer,
.five-column div.catItemViewOuter {
  width: 20%;
  float: left;
}
.four-column div.block-outer,
.four-column div.catItemViewOuter {
  width: 25%;
  float: left;
}
.three-column div.block-outer,
.three-column div.catItemViewOuter {
  width: 33.3%;
  float: left;
}
.two-column div.block-outer,
.two-column div.catItemViewOuter {
  width: 50%;
  float: left;
}
.one-column div.block-outer,
.one-column div.catItemViewOuter {
  width: 100%;
  float: left;
}
/*---------------SEARCH BOX STATIC----------------*/
div.moduletable.smart-search {
  display: block;
}
div.moduletable.smart-search div.finder.smart-search button {
  /*site-button*/
  background-position: center -480px;
  float: left;
}
div.moduletable.smart-search div.finder.smart-search button:hover {
  /*site-button-hover*/
  background-position: center -510px;
  float: left;
}
body.contentpane {
  padding-bottom: 0;
}
/*---BOOTSTRAP OVERRIDES---*/
[class*="span"] {
  margin-left: 0;
}
.span12,
.span11,
.span10,
.span9,
.span8,
.span7,
.span6,
.span5,
.span4,
.span3,
.span2,
.span1 {
  width: inherit;
  float: inherit;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.btn:focus {
  outline: inherit;
  outline-offset: inherit;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.table-bordered,
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child,
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child,
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child,
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-border-radius: 0px;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  box-shadow: none;
}
form {
  margin-bottom: inherit;
}
ul,
ol {
  margin: 0;
}
.btn {
  border-image-width: 0;
  box-shadow: none;
}
.btn:focus,
.btn:hover {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
}
.row-fluid {
  width: auto;
}
/*---ACTUAL STYLES---*/
body {
  line-height: inherit;
  font-family: 'Open Sans', sans-serif;
}
h1,
h2,
h3,
h4 {
  /*page-headers*/
  color: #ffffff;
  font-size: 4em;
  text-transform: none;
  text-align: center;
  font-family: 'Merriweather', serif;
  font-weight: 400;
  padding: 50px 0px 20px;
  background-color: transparent;
  line-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
a {
  color: #00bff3;
  text-decoration: underline;
}
a:visited {
  color: #777777;
  text-decoration: underline;
}
a:hover {
  color: #000000;
  text-decoration: underline;
}
a:active {
  color: #00bff3;
  text-decoration: underline;
}
div.body-content h1,
div.body-content h2,
div.body-content h3,
div.body-content h4 {
  /*body-content-headers*/
  color: #333333;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 0.5em;
  font-style: normal;
  line-height: 150%;
  padding: 0;
  background-color: transparent;
}
div.body-content h1 {
  font-size: 1.2em;
}
div.body-content h2 {
  font-size: 1.2em;
}
div.body-content h3 {
  font-size: 0.93333333em;
}
div.body-content h4 {
  font-size: 0.93333333em;
}
/*------------------------BODY CONTENT PARAGRAPH------------------------*/
div.body-content {
  /*body-content-text*/
  line-height: 150%;
  color: #222222;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-size: 1.5em;
  font-weight: 400;
  text-align: left;
}
div.body-content p {
  text-align: justify;
  line-height: 150%;
  margin-bottom: 1em;
}
button,
div.body-content button,
input.button,
div.body-content input.button,
.btn,
div.body-content .btn,
.btn-primary,
div.body-content .btn-primary,
a.btn,
div.body-content a.btn {
  width: 100%;
  max-width: 80px;
  background: transparent none repeat center top;
  *background-color: transparent;
  height: 50px;
  border: 2px solid #ffffff;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  float: left;
  display: block;
  padding: 0;
  box-sizing: border-box;
}
button:hover,
div.body-content button:hover,
input.button:hover,
input.button:focus,
input.button:active,
div.body-content input.button:hover,
div.body-content input.button:focus,
div.body-content input.button:active,
.btn:hover,
div.body-content .btn:hover,
.btn-primary:hover,
div.body-content .btn-primary:hover,
a.btn:hover,
div.body-content a.btn:hover {
  border-color: #ffffff;
  background: #ffffff none repeat center top;
  height: 50px;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  display: block;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  transition: inherit !important;
  box-shadow: inherit !important;
}
div.body-content select {
  text-transform: uppercase;
  color: #555555;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #999999;
  width: 220px;
  display: inline-block;
  height: 18px;
  line-height: 13px !important;
  margin-bottom: 9px;
  padding: 4px 6px;
  vertical-align: middle;
  height: 28px;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  font-family: Arial, Helvetica, sans-serif;
}
div.body-content select option {
  background-color: #f9f9f9;
  border-top-color: #eeeeee;
  text-transform: none;
  font-family: Arial, Helvetica, sans-serif;
  color: #555555;
  font-size: 1em;
  border-top-width: 1px;
  border-top-style: solid;
  height: 20px;
  padding-top: 4px;
}
div.body-content img {
  max-width: 100%;
  width: auto;
  height: auto;
}
div.body-content span.wf_caption.img-float-left,
div.body-content img.img-float-left {
  margin-right: 20px;
  margin-bottom: 10px;
}
div.body-content span.wf_caption.img-float-right,
div.body-content img.img-float-right {
  margin-left: 20px;
  margin-bottom: 10px;
}
input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  box-shadow: inherit;
  background-color: #f9f9f9;
  color: #333333;
  border: 1px solid #333333;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 24px;
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 96%;
  padding: 2px 3px;
  float: left;
  text-indent: 8px;
  box-sizing: border-box;
}
textarea,
textarea:focus {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  box-shadow: inherit;
  background-color: #f9f9f9;
  color: #333333;
  border: 1px solid #333333;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 96%;
  padding: 2px 3px;
  float: left;
  text-indent: 8px;
  box-sizing: border-box;
}
div.body-content input,
div.body-content input[type="text"],
div.body-content input[type="password"],
div.body-content input[type="datetime"],
div.body-content input[type="datetime-local"],
div.body-content input[type="date"],
div.body-content input[type="month"],
div.body-content input[type="time"],
div.body-content input[type="week"],
div.body-content input[type="number"],
div.body-content input[type="email"],
div.body-content input[type="url"],
div.body-content input[type="search"],
div.body-content input[type="tel"],
div.body-content input[type="color"],
div.body-content .uneditable-input,
div.body-content input:focus,
div.body-content input[type="text"]:focus,
div.body-content input[type="password"]:focus,
div.body-content input[type="datetime"]:focus,
div.body-content input[type="datetime-local"]:focus,
div.body-content input[type="date"]:focus,
div.body-content input[type="month"]:focus,
div.body-content input[type="time"]:focus,
div.body-content input[type="week"]:focus,
div.body-content input[type="number"]:focus,
div.body-content input[type="email"]:focus,
div.body-content input[type="url"]:focus,
div.body-content input[type="search"]:focus,
div.body-content input[type="tel"]:focus,
div.body-content input[type="color"]:focus,
div.body-content .uneditable-input:focus,
div.body-content textarea,
div.body-content textarea:focus {
  background-color: #f9f9f9;
  color: #333333;
  border: 1px solid #333333;
}
div.body-content textarea,
div.body-content textarea:focus {
  height: 120px;
}
div.body-content label {
  /*body-content-form-label*/
  font-style: normal;
  color: #222222;
  float: left;
  font-weight: 400;
  line-height: 100%;
  font-family: 'Open Sans', sans-serif;
  text-align: left;
}
input[type='radio'],
div.body-content input[type='radio'],
input[type='checkbox'],
div.body-content input[type='checkbox'] {
  width: 13px !important;
  height: 13px !important;
  margin-right: 5px !important;
  margin-top: 7px !important;
  margin-bottom: 0;
  float: left;
}
div.body-content table {
  border: 1px solid #333333;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  margin-bottom: 20px;
  border-collapse: collapse;
}
div.body-content table th,
div.body-content .table-striped tbody > tr:nth-child(odd) > th {
  color: #ffffff;
  background-color: #bbbbbb;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding: 5px 8px 5px;
  border: 1px solid #333333;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  font-size: 0.93333333em;
}
div.body-content table td,
div.body-content .table-striped tbody > tr:nth-child(odd) > td {
  color: #222222;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  line-height: 120%;
  padding: 5px 8px 5px;
  font-size: 1em;
  border: 1px solid #333333;
}
/*------------------------LINE-HEIGHT------------------------*/
div.body-content th,
div.body-content dd,
div.body-content dt,
div.body-content ul li,
div.body-content ol li {
  line-height: 150%;
}
div.body-content ul,
div.body-content ol {
  margin-bottom: 1em;
  padding: 0px;
}
div.body-content ul li,
div.body-content ol li {
  margin-left: 1em;
  padding-left: 0.5em;
  font-family: 'Open Sans', sans-serif;
}
div.body-content a {
  color: #00bff3;
  text-decoration: underline;
}
div.body-content a.visited {
  color: #777777;
  text-decoration: underline;
}
div.body-content a:hover {
  color: #000000;
  text-decoration: underline;
}
/*------------------------BLOCKQUOTES------------------------*/
div.body-content blockquote {
  background: transparent;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  font-size: 0.66666667em;
  margin: 1.5em 0;
  padding: 0;
  border-left-width: 0;
  width: 100%;
  position: relative;
}
div.body-content blockquote span.blockquote-open {
  width: 28px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  top: 7px;
  left: 0;
  background: url("../images/user-links-bg.png") no-repeat left -936px;
}
div.body-content blockquote span.blockquote-closed {
  width: 28px;
  margin-left: 10px;
  position: absolute;
  bottom: 0px;
  right: 0;
  height: 20px;
  background: url("../images/user-links-bg.png") no-repeat right -936px;
}
div.body-content blockquote p {
  font-size: 1em;
  padding: 0 45px;
}
div.body-content dl.dl-horizontal dt {
  color: #555;
}
div.body-content dl.dl-horizontal dd {
  margin-left: 180px;
}
div.body-content a:active {
  color: #00bff3;
}
div.body-content hr {
  border-width: 0;
  border-top: 1px solid #222222;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 150%;
  font-size: 1.5em;
}
.no-follow {
  color: #222222;
  text-decoration: none;
}
.clear,
.clr {
  clear: both;
  line-height: 0;
}
.no-display {
  display: none;
}
.show-below-979px {
  display: none;
}
.show-below-767px {
  display: none;
}
.show-below-667px {
  display: none;
}
.show-below-599px {
  display: none;
}
.show-below-479px {
  display: none;
}
.show-below-379px {
  display: none;
}
.show-below-322px {
  display: none;
}
.btn {
  padding: 0;
  margin: 0;
}
.star,
.asterisk,
div.body-content .asterisk {
  /*asterisk*/
  color: #00bff3;
  font-size: 25px;
  font-weight: 400;
  line-height: 25px;
  font-family: Arial, Helvetica, sans-serif;
}
.transparent {
  color: transparent;
}
.max-width-600px {
  max-width: 600px;
}
span.body-content-header-color {
  color: #333333;
}
.control-label span.optional {
  margin-left: 5px;
  padding-top: 3px;
  display: block;
  float: left;
}
span.empasis {
  color: #fff;
  font-size: 1.6em;
}
/*---------------------------------------------------------------------------
FOOTER STRIP TEXT STYLE OVERRIDES {CORRESPONDS TO "01-variables-bits-and-pieces.less"}
---------------------------------------------------------------------------*/
footer ul li {
  line-height: 150%;
}
span.edit-item,
a.edit-item {
  display: none;
}
div.back-to-top-button,
a.back-to-top-button {
  display: none;
  height: 36px;
  width: 36px;
  padding: 3px;
  background-color: #000000;
  opacity: 0.5;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999999999;
  border: 2px solid #ffffff;
  border-radius: 42px;
  -webkit-border-radius: 42px;
  -moz-border-radius: 42px;
  overflow: hidden;
}
a.back-to-top-button.show {
  display: block;
}
a.back-to-top-button span {
  background: url("../images/user-links-bg.png") no-repeat center bottom -5px;
  height: 36px;
  width: 36px;
  display: block;
}
.moduletable.terms-of-use-bar {
  background-color: transparent;
  background-image: url("../images/overlays/black-overlay-80.png");
  width: 100%;
  float: left;
  height: 30px;
  border-top: 1px solid #222;
  position: fixed;
  bottom: 0;
  z-index: 999999999;
}
.moduletable.terms-of-use-bar p {
  font-size: 1.3em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-align: center;
  line-height: 140%;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
.moduletable.terms-of-use-bar p a {
  text-decoration: underline;
  color: #fff;
}
div.body-content .label.label-success,
div.body-content .label.label-warning,
div.body-content .label.label-important,
div.body-content .label.label-info,
div.body-content .label.label-inverse {
  color: #fff;
  padding: 8px;
}
a.void:hover {
  cursor: default;
}
.body-content p img {
  margin-bottom: 0;
}
div.body-content span.wf_caption {
  position: relative;
  overflow: hidden;
}
div.body-content span.wf_caption > span {
  line-height: 120%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px 2%;
  background: url("../images/overlays/black-overlay-75.png") repeat center top;
  color: #fff;
  text-align: left;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 96%;
}
#k2Container.itemView div.body-content span.wf_caption span img {
  margin-bottom: 0;
}
div.body-content span.wf_caption a,
div.body-content span.wf_caption a:hover {
  color: #fff;
  text-decoration: underline;
}
div.body-content iframe {
  border-width: 0;
}
.page-header {
  border-width: 0;
}
.remove-flickr-image-link,
.remove-flickr-image-link:hover {
  cursor: default;
  z-index: -10;
}
/*-------------------
RECAPTHCA STYLES
-------------------*/
div#recaptcha_area {
  margin-bottom: 10px;
  margin-top: 10px;
}
label.formRecaptcha {
  clear: both;
  float: none !important;
}
div#recaptcha_area th,
div#recaptcha_area td {
  line-height: inherit;
}
div#recaptcha_area input#recaptcha_response_field {
  height: 20px !important;
  font-size: 1em !important;
  text-transform: none !important;
  font-style: normal !important;
  background: #fff !important;
  border-width: 0 !important;
}
div#recaptcha_area td a {
  font-style: normal !important;
  text-decoration: none;
}
span#recaptcha_privacy {
  line-height: 0;
}
span#recaptcha_privacy a {
  color: #fff !important;
  line-height: 0;
}
span#recaptcha_privacy a {
  color: #fff !important;
}
.body-content table td p,
.body-content table td b,
.body-content table td span,
.body-content table td ul,
.body-content table td ul li,
.body-content table th p,
.body-content table th b,
.body-content table th span {
  color: inherit;
  text-transform: inherit;
  font-style: inherit;
  text-align: inherit;
  font-size: 1em;
}
.body-content span,
.body-content strong,
.body-content b,
.body-content em {
  color: inherit;
}
.body-content table td a,
.body-content table th a {
  text-transform: inherit;
  font-style: inherit;
  text-align: inherit;
  font-size: 1em;
}
/*------------------------COLOR------------------------*/
div.body-content dt,
div.body-content dd,
div.body-content label,
div.body-content ul li,
div.body-content ol li {
  color: #222222;
}
.body-content span,
.body-content strong,
.body-content b,
.body-content em {
  color: inherit;
}
.body-content span,
.body-content label,
.body-content input,
.body-content textarea,
.body-content strong,
.body-content dd,
.body-content dl,
.body-content a,
.body-content ul,
.body-content ol,
.body-content li,
.body-content div.note .body-content span b,
.body-content span span,
.body-content b,
.body-content address,
.body-content table td {
  font-size: 1em;
}
.body-content ul ul,
.body-content ol ol {
  margin-bottom: 0;
}
.body-content em strong,
.body-content em span {
  font-style: inherit;
}
.body-content blockquote p {
  font-size: 1em;
}
/*-------------------------
DESKTOP MAIN NAV CONTAINERS
-------------------------*/
.navbar-outer .navbar {
  position: relative;
}
.navbar {
  /*Set the contaning ribbon to the same height as this! Don't float this element- for a right or left aligned meny, float navbar inner*/
  height: 36px;
  background: transparent none repeat center top;
  font-family: 'Merriweather', serif;
  font-size: 1em;
  margin-bottom: 0;
}
.navbar .navbar-inner {
  min-height: 0px;
  background-image: none;
  border-width: 0px;
  background-color: transparent;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  filter: none;
  margin-left: 0;
  /*float: right;
	position: relative;
    right: 50%;*/
}
.navbar .navbar-inner .container-fluid {
  padding: 0;
  /*float: right;
	position: relative;
    right: -50%;*/
}
@media (min-width: 980px) {
  .navbar .navbar-inner {
    float: left;
  }
  .navbar .navbar-inner .container-fluid {
    float: left;
    border-width: 0 0px 0 0;
    border-color: #ffff00;
    border-style: solid;
  }
}
/*--------------------------
DESKTOP MAIN NAV LEVEL 1 UL
--------------------------*/
.navbar .navbar-inner .nav-collapse ul.nav,
.navbar .navbar-inner .nav-collapse .moduletable ul.nav {
  /*Never set height for this element.
	Never set bottom border on this element*/
  border-width: 0;
  margin: 0;
}
/*----------------------------
DESKTOP MAIN NAV LEVEL 1 ITEMS
----------------------------*/
.navbar .navbar-inner .nav-collapse ul.nav > li {
  /*Never set bottom border on this element*/
  text-align: center;
  border-left-color: #ffff00;
  border-left-style: solid;
  border-left-width: 0px;
  position: relative;
  line-height: 100%;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.navbar .navbar-inner .nav-collapse ul.nav li a {
  font-family: 'Merriweather', serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.6em;
  color: #999999;
  text-transform: none;
  background-color: transparent;
  height: 60px;
  padding: 0px 15px 0;
  min-width: 0px;
  text-decoration: none;
  margin: 0;
  text-shadow: none;
}
.navbar .navbar-inner .nav-collapse ul.nav > li > a:focus,
.navbar .navbar-inner .nav-collapse ul.nav > li > a:hover {
  color: #ffffff;
  background-color: transparent;
  cursor: pointer;
}
.navbar .navbar-inner .nav-collapse ul.nav > li > a.nav-menu-no-follow:focus,
.navbar .navbar-inner .nav-collapse ul.nav > li > a.nav-menu-no-follow:hover {
  cursor: default;
  color: #999999;
  background-color: transparent;
}
.navbar .navbar-inner .nav-collapse ul.nav > .active > a {
  color: #ffffff;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media (min-width: 980px) {
  .navbar .navbar-inner .nav-collapse ul.nav > .active > a {
    padding-top: 0px;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: #ffffff;
  }
  .navbar .navbar-inner .nav-collapse ul.nav > li.highlighted {
    border-bottom-width: 0px;
  }
  .navbar .navbar-inner .nav-collapse ul.nav > li.highlighted > a {
    color: #ffffff;
    background-color: transparent;
  }
}
.navbar .navbar-inner .nav-collapse ul.nav > li.active > a:hover,
.navbar .navbar-inner .nav-collapse ul.nav > li.active > a:focus {
  cursor: default;
  color: #ffffff;
  background-color: transparent;
}
/*------------------------------------------------
DESKTOP MAIN-NAV LEVEL 2 (ANIMATED DROPDOWN MENU)
------------------------------------------------*/
.navbar .navbar-inner .nav-collapse ul.nav-child {
  position: absolute;
  top: 36px;
  border-color: #0000ff;
  border-style: solid;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  /*Keep bottom border to 0*/
  border-bottom-width: 0;
  min-width: 100%;
  margin: 0 0 0 -1px;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  padding: 0;
  list-style: none;
  background-color: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-background-clip: none;
  -moz-background-clip: none;
  background-clip: none;
  font-size: 1em;
}
.navbar .navbar-inner .nav-collapse ul.nav li ul.nav-child li {
  border-color: #0000ff;
  border-style: solid;
  border-width: 0 0 1px 0;
  /*Keep top left and right border to 0*/
  padding: 0;
  margin: 0;
  font-size: 1em;
  line-height: 100%;
}
.navbar .navbar-inner .nav-collapse ul.nav li ul.nav-child li a {
  font-weight: 300;
  font-style: #777777;
  font-size: 3.6em;
  color: #777777;
  text-align: left;
  text-transform: none;
  background-color: #ffa500;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 13px;
  height: 23px;
  text-decoration: none;
  display: block;
  clear: both;
  padding-bottom: 0;
  white-space: nowrap;
  text-shadow: none;
  margin: 0;
  min-width: 0px;
}
.navbar .navbar-inner .nav-collapse ul.nav > li:hover > .nav-child,
.navbar .navbar-inner .nav-collapse ul.nav > li > a:focus + .nav-child {
  display: block;
}
.navbar .navbar-inner .nav-collapse ul.nav li ul.nav-child li > a:hover,
.navbar .navbar-inner .nav-collapse ul.nav li ul.nav-child li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: transparent;
}
/*---adds the arrow to the current level 2 menu item---*/
.navbar .navbar-inner .nav-collapse ul.nav li ul.nav-child li.active {
  position: relative;
}
.navbar .navbar-inner .nav-collapse ul.nav li ul.nav-child li.active > a {
  color: #777777;
  background-color: #ffa500;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding-right: 40px;
}
.navbar .navbar-inner .nav-collapse ul.nav li ul.nav-child li.active div.mobile-active-1 {
  background-color: transparent;
  background-image: url(../images/user-links-bg.png);
  background-position: right -864px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 36px;
}
.navbar .navbar-inner .nav-collapse ul.nav li ul.nav-child li.active > a:hover,
.navbar .navbar-inner .nav-collapse ul.nav li ul.nav-child li.active > a:focus {
  color: #ffffff;
  background-color: transparent;
  cursor: default;
}
/*--------------------------------------------
REMOVE THE BORDER INDUCED ARROW FROM BOOTSTRAP
---------------------------------------------*/
.navbar .nav-child:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 0px solid transparent;
  border-bottom: 0px solid #00738b;
  border-left: 0px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.navbar .nav-child:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 0px solid transparent;
  border-bottom: 0px solid #00738b;
  border-left: 0px solid transparent;
  content: '';
}
/*----------------------------------------------------------
SOCIAL MEDIA LINKS
-----------------------------------------------------------*/
div.sm-links-container.centred {
  width: 100%;
  float: left;
}
div.sm-links-container.centred div.sm-links {
  float: right;
  position: relative;
  right: 50%;
}
div.sm-links-container.centred div.sm-links div.sm-links {
  float: right;
  position: relative;
  right: -50%;
}
p.sm-link {
  height: 40px;
  width: 40px;
  float: left;
  margin: 5px;
}
p.sm-link a:link {
  height: 40px;
  width: 40px;
  display: block;
  color: transparent !important;
  font-size: 0;
  background: #cccccc url("../images/sm-links.png") no-repeat;
  float: left;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
p.sm-link.twitter a:link {
  background: #cccccc url("../images/sm-links.png") no-repeat center top;
}
p.sm-link.twitter a:hover {
  background: #58ccff url("../images/sm-links.png") no-repeat center top;
}
p.sm-link.facebook a:link {
  background: #cccccc url("../images/sm-links.png") no-repeat center -40px;
}
p.sm-link.facebook a:hover {
  background: #3b5998 url("../images/sm-links.png") no-repeat center -40px;
}
p.sm-link.instagram a:link {
  background: #cccccc url("../images/sm-links.png") no-repeat center -80px;
}
p.sm-link.instagram a:hover {
  background: #9a7658 url("../images/sm-links.png") no-repeat center -80px;
}
p.sm-link.pinterest a:link {
  background: #cccccc url("../images/sm-links.png") no-repeat center -120px;
}
p.sm-link.pinterest a:hover {
  background: #cb2027 url("../images/sm-links.png") no-repeat center -120px;
}
/*------------------
category list styles
------------------*/
#k2Container div.catItemViewOuter {
  position: relative;
}
div.catItemViewOuter div.catItemView {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
div.catItemView div.catItemHeader {
  margin-bottom: 10px;
}
div.catItemView h3.catItemTitle {
  /*body-content-headers*/
  color: #333333;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 0.5em;
  font-style: normal;
  line-height: 150%;
  padding: 0;
  background-image: none;
  text-align: left;
}
div.catItemView h3.catItemTitle a:link {
  color: #333333;
  text-decoration: none;
}
div.catItemView h3.catItemTitle a:visited {
  color: #333333;
  text-decoration: none;
}
div.catItemView h3.catItemTitle a:hover {
  color: #333333;
  text-decoration: none;
}
/*----------------------------------------------------------*/
div.catItemView span.catItemDateCreated {
  font-size: 1.4em;
  font-family: 'Open Sans', sans-serif;
  color: #777777;
  font-style: normal;
  text-transform: none;
  text-align: left;
  background-color: transparent;
  margin-bottom: 4px;
  line-height: 100%;
  display: block;
  width: 100%;
}
/*-----------------------------------------------
INTRO TEXT STYLES
-----------------------------------------------*/
div.catItemIntroText p {
  color: #222222;
  font-size: 1.5em;
  font-style: normal;
  font-family: 'Open Sans', sans-serif;
  line-height: 150%;
  text-align: justify;
  font-weight: 400;
}
/*------------------------FONT-FAMILY------------------------*/
div.catItemIntroText dt,
div.catItemIntroText dd,
div.catItemIntroText label,
div.catItemIntroText ul li,
div.catItemIntroText ol li,
div.catItemIntroText b,
div.catItemIntroText td,
div.catItemIntroText th,
div.catItemIntroText span,
div.catItemIntroText textarea,
div.catItemIntroText input,
div.catItemIntroText strong {
  font-family: 'Open Sans', sans-serif;
}
/*------------------------COLOR------------------------*/
div.catItemIntroText dt,
div.catItemIntroText dd,
div.catItemIntroText label,
div.catItemIntroText ul li,
div.catItemIntroText ol li {
  color: #222222;
}
/*------------------------FONT-SIZE------------------------*/
div.catItemIntroText b,
div.catItemIntroText td,
div.catItemIntroText th,
div.catItemIntroText dt,
div.catItemIntroText dd,
div.catItemIntroText span,
div.catItemIntroText label,
div.catItemIntroText textarea,
div.catItemIntroText input,
div.catItemIntroText ul li,
div.catItemIntroText ol li,
div.catItemIntroText strong {
  font-size: 1.5em;
}
/*------------------------FONT-STYLE------------------------*/
div.catItemIntroText b,
div.catItemIntroText td,
div.catItemIntroText th,
div.catItemIntroText dt,
div.catItemIntroText dd,
div.catItemIntroText span,
div.catItemIntroText label,
div.catItemIntroText textarea,
div.catItemIntroText input,
div.catItemIntroText ul li,
div.catItemIntroText ol li,
div.catItemIntroText strong {
  font-style: normal;
}
div.catItemIntroText em {
  font-style: italic;
}
div.catItemView div.catItemImageBlock {
  max-width: 300px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 10px;
  height: auto;
  overflow: hidden;
  width: 100%;
  float: left;
}
div.catItemView div.catItemImageBlock span.catItemImage {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
div.catItemView div.catItemImageBlock span.catItemImage a {
  background-color: #cccccc;
  padding: 0px;
  display: block;
}
div.catItemView div.catItemImageBlock span.catItemImage a img {
  height: auto;
  border: none;
  width: 100% !important;
}
div.catItemView .catItemReadMore {
  font-size: 1.5em;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-transform: none;
  font-style: normal;
  float: left;
}
div.catItemView p.catItemReadMore {
  margin-bottom: 0;
}
div.catItemView .catItemReadMore a.k2ReadMore:link,
div.catItemView .catItemReadMore a.k2ReadMore:visited {
  color: #00bff3;
  text-decoration: underline;
  float: left;
  padding-bottom: 0px;
  padding-top: 0px;
  font-size: 1em;
  display: block;
}
div.catItemView div.catItemReadMore a:hover,
div.catItemView div.catItemReadMore a:active {
  color: #000000;
  text-decoration: underline;
}
div.catItemIntroText table td p,
div.catItemIntroText table td b,
div.catItemIntroText table td span,
div.catItemIntroText table td ul,
div.catItemIntroText table td ul li,
div.catItemIntroText table th p,
div.catItemIntroText table th b,
div.catItemIntroText table th span {
  color: inherit;
  text-transform: inherit;
  font-style: inherit;
  text-align: inherit;
  font-size: 1em;
}
div.catItemIntroText span,
div.catItemIntroText strong,
div.catItemIntroText b,
div.catItemIntroText em {
  color: inherit;
}
div.catItemIntroText table td a,
div.catItemIntroText table th a {
  text-transform: inherit;
  font-style: inherit;
  text-align: inherit;
  font-size: 1em;
}
div.catItemIntroText span,
div.catItemIntroText strong,
div.catItemIntroText b,
div.catItemIntroText em {
  color: inherit;
}
div.catItemIntroText p span,
div.catItemIntroText p label,
div.catItemIntroText p input,
div.catItemIntroText p textarea,
div.catItemIntroText p li,
div.catItemIntroText p strong,
div.catItemIntroText p dd,
div.catItemIntroText p dl,
div.catItemIntroText p a,
div.catItemIntroText ul,
div.catItemIntroText ul ul,
div.catItemIntroText ol ol,
div.catItemIntroText li a,
div.catItemIntroText li p,
div.catItemIntroText li li,
div.catItemIntroText ul span,
div.catItemIntroText dd strong,
div.catItemIntroText dd p,
div.catItemIntroText dd ul li,
div.catItemIntroText dd li li,
div.catItemIntroText div.note p,
div.catItemIntroText span b,
div.catItemIntroText label b,
div.catItemIntroText li strong,
div.catItemIntroText li span {
  font-size: 1em;
}
div.catItemIntroText em strong,
div.catItemIntroText em span {
  font-style: inherit;
}
/*---------------------------K2 Content Module-------------------------------------*/
div.k2ItemsBlock ul li div.moduleItemIntrotext div.k2ItemsBlock ul li div.moduleItemIntrotext p,
div.k2ItemsBlock ul li div.moduleItemIntrotext b,
div.k2ItemsBlock ul li div.moduleItemIntrotext span,
div.k2ItemsBlock ul li div.moduleItemIntrotext ul,
div.k2ItemsBlock ul li div.moduleItemIntrotext ul li,
div.k2ItemsBlock ul li div.moduleItemIntrotext strong,
div.k2ItemsBlock ul li div.moduleItemIntrotext em,
div.k2ItemsBlock ul li div.moduleItemIntrotext a,
div.moduletable div.k2ItemsBlock ul li blockquote p {
  font-size: 1em;
}
button,
div.body-content button,
input.button,
div.body-content input.button,
.btn,
div.body-content .btn,
.btn-primary,
div.body-content .btn-primary,
a.btn,
div.body-content a.btn,
div.body-content button:hover,
input.button:hover,
input.button:focus,
input.button:active,
div.body-content input.button:hover,
div.body-content input.button:focus,
div.body-content input.button:active,
.btn:hover,
div.body-content .btn:hover,
.btn-primary:hover,
div.body-content .btn-primary:hover,
a.btn:hover,
div.body-content a.btn:hover {
  font-size: 2em;
  color: #ffffff;
  width: auto;
  max-width: 100%;
  text-decoration: none;
  line-height: 50px;
  padding: 0 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
input.button:hover,
input.button:focus,
input.button:active,
.btn:hover,
.btn-primary:hover,
a.btn:hover,
div.body-content input.button:hover,
div.body-content input.button:focus,
div.body-content input.button:active,
div.body-content .btn:hover,
div.body-content .btn-primary:hover,
div.body-content a.btn:hover {
  color: #000000;
}
div.body-content button,
div.body-content input.button,
div.body-content .btn,
div.body-content .btn-primary,
div.body-content a.btn,
div.body-content button:hover,
div.body-content input.button:hover,
div.body-content input.button:focus,
div.body-content input.button:active,
div.body-content .btn:hover,
div.body-content .btn-primary:hover,
div.body-content a.btn:hover {
  font-size: 1.33333333em;
}
#footer-strip ul {
  padding-left: 0;
}
@media (max-width: 1380px) and (min-width: 980px) {
  #k2Container.home div.itemHeader {
    padding-left: 231px;
    background-color: #222;
  }
}
#k2Container.portfolio div.catItemViewOuter {
  width: 33.3%;
  float: left;
}
div.body-content .home-intro p {
  text-align: center;
  font-family: 'Merriweather', serif;
  font-size: 3.6em;
  margin: 20px 0 0 0;
}
div.body-content a.get-a-quote {
  font-size: 0;
  color: transparent;
  background-color: #00BFF3;
  border: 3px solid #fff;
  background-image: url("../images/user-links-bg.png");
  background-position: center -685px;
  background-repeat: no-repeat;
  display: block;
  width: 260px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
}
a.back-to-top-button {
  bottom: 0;
}
div.boostrap-navbar .navbar .navbar-inner .nav-collapse ul.nav {
  padding-bottom: 20px;
  background-color: #111;
}
.navbar .navbar-inner .nav-collapse ul.nav li a {
  line-height: 100%;
}
#k2Container.portfolio div.catItemView div.catItemImageBlock {
  margin: 0;
  max-width: 100%;
}
#k2Container.portfolio div.catItemViewOuter img {
  display: block;
}
p.portfolio-live-site-link {
  text-align: center;
  padding: 20px 0;
  margin: 0;
}
p.portfolio-live-site-link a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  color: #fff;
  font-size: 1.4em;
  font-family: 'Open Sans', sans-serif;
}
#k2Container div.container-3.white-block {
  background-color: #fff;
}
#k2Container.portfolio #main-content-strip {
  background-color: transparent;
}
#k2Container div#portfolio-item-client-message div.main-block {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
#k2Container div#portfolio-item-client-message blockquote {
  font-size: 2em;
  margin: 0;
  padding: 0;
}
#k2Container div#portfolio-item-client-message blockquote p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  margin-bottom: 0;
  padding-bottom: 1em;
}
div.body-content div.container-3.white-block h2 {
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 2em;
}
div.body-content div.container-3.white-block h3 {
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  font-size: 1.5em;
}
div.body-content div.container-3.white-block p,
div.body-content div.container-3.white-block b,
div.body-content div.container-3.white-block dt,
div.body-content div.container-3.white-block dd,
div.body-content div.container-3.white-block span,
div.body-content div.container-3.white-block label,
div.body-content div.container-3.white-block textarea,
div.body-content div.container-3.white-block input,
div.body-content div.container-3.white-block ul li,
div.body-content div.container-3.white-block ol li,
div.body-content div.container-3.white-block strong {
  color: #333;
}
#k2Container.services div#services-text {
  padding-bottom: 30px;
}
#k2Container.portfolio div.container-2 {
  max-width: 100%;
}
#k2Container.portfolio div.main-block {
  max-width: 660px;
}
#k2Container.portfolio div.sidebar-outer {
  max-width: 270px;
}
#k2Container.portfolio div.sidebar-outer > div.sidebar {
  padding: 0;
}
#k2Container.portfolio div.sidebar-outer > div.sidebar img {
  display: block;
}
div#k2Container.portfolio div.catItemViewOuter {
  position: relative;
  box-sizing: border-box;
  padding: 3px;
}
div#k2Container.portfolio div.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-image: url("/images/black-overlay-80.png");
  text-align: center;
  box-sizing: border-box;
  opacity: 0;
  transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
}
div#k2Container.portfolio div.catItemViewOuter:hover div.overlay {
  opacity: 1;
  transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
}
div#k2Container.portfolio div.overlay-inner {
  width: 90%;
  padding: 5%;
}
div#k2Container.portfolio div.overlay h3 {
  font-size: 2.6em;
  font-weight: 400;
  line-height: 150%;
  padding: 0;
}
div#k2Container.portfolio div.overlay a.btn {
  float: none;
  display: inline-block;
  margin: 30px 0;
}
div#k2Container.portfolio div.overlay a.live-site {
  font-size: 2em;
  display: inline-block;
  text-transform: none;
  color: #fff;
  text-decoration: none;
}
div#k2Container.portfolio div.overlay a.live-site:hover {
  text-decoration: underline;
}
.overlay-big-width {
  font-size: 1em;
}
.overlay-big-width a.btn {
  margin: 30px 0;
}
.overlay-medium-width {
  font-size: 0.9em;
}
.overlay-medium-width a.btn {
  margin: 20px 0;
}
.overlay-small-width {
  font-size: 0.7em;
}
.overlay-small-width a.btn {
  margin: 10px 0;
}
@media (min-width: 1200px) {
  div#k2Container.portfolio div.overlay {
    font-size: 1em;
  }
  div#k2Container.portfolio div.overlay a.btn {
    margin: 30px 0;
  }
}
@media (max-width: 1199px) {
  div#k2Container.portfolio div.overlay {
    font-size: 0.9em;
  }
  div#k2Container.portfolio div.overlay a.btn {
    margin: 20px 0;
  }
}
@media (max-width: 1080px) {
  div#k2Container.portfolio div.overlay {
    font-size: 0.7em;
  }
  div#k2Container.portfolio div.overlay a.btn {
    margin: 10px 0;
  }
}
@media (max-width: 979px) {
  #k2Container.portfolio div.catItemViewOuter {
    width: 50%;
  }
  div#k2Container.portfolio div.overlay {
    font-size: 1em;
  }
  div#k2Container.portfolio div.overlay a.btn {
    margin: 30px 0;
  }
}
@media (max-width: 840px) {
  div#k2Container.portfolio div.overlay {
    font-size: 0.7em;
  }
  div#k2Container.portfolio div.overlay a.btn {
    margin: 10px 0;
  }
}
@media (max-width: 540px) {
  #k2Container.portfolio div.catItemViewOuter {
    width: 100%;
  }
  div#k2Container.portfolio div.overlay {
    font-size: 1em;
  }
  div#k2Container.portfolio div.overlay a.btn {
    margin: 30px 0;
  }
}
@media (max-width: 380px) {
  div#k2Container.portfolio div.overlay {
    font-size: 0.9em;
  }
  div#k2Container.portfolio div.overlay a.btn {
    margin: 20px 0;
  }
}
div#k2Container.portfolio div.catItemHeader {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#k2Container.responsive-grid.portfolio div.catItemView h3.catItemTitle {
  color: #fff;
  font-size: 1.4em;
  font-weight: 600;
  width: 92%;
  padding-left: 4%;
  padding-right: 4%;
}
#k2Container.itemView.portfolio .container-2 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
h3.design-type {
  color: #bbb;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  padding: 0 0 10px 0;
}
#k2Container.itemView.portfolio div.itemImageBlockOuter {
  max-width: 700px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
#k2Container.itemView.portfolio div.itemImageBlock img {
  width: 700px !important;
}
#k2Container.itemView.portfolio img {
  max-width: 100%;
}
#k2Container.itemView.portfolio div.sidebar-outer {
  background-color: transparent;
  border-width: 0;
}
@media (min-width: 1019px) {
  #k2Container.itemView.portfolio div.itemImageBlockOuter,
  #k2Container.itemView.portfolio div.sidebar-outer {
    height: 500px;
    overflow-y: scroll;
    float: left;
  }
  #k2Container.itemView.portfolio div.sidebar-outer {
    float: right;
  }
}
div.container-3.white-block {
  padding-bottom: 20px;
}
/*.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
	width: 100% !important;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;

	height: 100%;
	background: transparent;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: transparent;
	position: relative;

}

.jspDrag
{
	background: #000;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 7px;
	border-radius: 7px;
	opacity: 0.4;
	margin-left: 4px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: transparent;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: transparent;
}

.jspVerticalBar .jspArrow.jspArrowUp
{

	background-image: url("../images/user-links-bg.png");
	background-repeat: no-repeat;
	background-position: left -540px;
}

.jspVerticalBar .jspArrow.jspArrowDown
{

	background-image: url("../images/user-links-bg.png");
	background-repeat: no-repeat;
	background-position: right -540px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}


* html .jspCorner
{
	margin: 0 -3px 0 0;
}*/
div.moduletable.logo-breadcrumbs {
  float: left;
  background-color: #000;
  height: 50px;
}
div.moduletable.logo-breadcrumbs ul {
  height: 30px;
  margin: 10px 0;
  border-left: 1px solid #555;
  border-radius: 0;
  padding: 0 10px;
}
div.moduletable.logo-breadcrumbs li {
  display: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1.5em;
  text-transform: uppercase;
  text-shadow: none;
  padding-top: 9px;
}
div.moduletable.logo-breadcrumbs li:nth-child(2) {
  display: block;
}
ul.breadcrumb {
  background-color: transparent;
  margin: 0;
  padding: 0;
  display: block;
}
ul.breadcrumb span.divider {
  display: none;
}
span.features {
  font-size: 0;
  color: transparent;
  background-image: url("../images/portfolio-icons.png");
  backgroyund-repeat: no-repeat;
  background-position: center top;
  display: block;
  float: left;
  width: 30px;
  height: 30px;
}
span.features.mobile-responsive {
  background-position: center top;
}
span.features.ecommerce {
  background-position: center -40px;
}
span.features.blog {
  background-position: center -246px;
}
span.features.email-marketing {
  background-position: center -204px;
}
span.features.custom-back-end {
  background-position: center -83px;
}
span.features.edit-content {
  background-position: center -165px;
}
span.features.portfolio {
  background-position: center -123px;
}
#k2Container.portfolio #portfolio-extras-bar {
  background-color: #444;
}
#k2Container.portfolio #portfolio-extras-bar .container-2 {
  max-width: 1000px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#k2Container.portfolio #portfolio-extras-bar div.itemNavigation {
  margin: 0 auto;
  width: 80px;
}
#k2Container.portfolio #portfolio-extras-bar div.itemNavigation a:link {
  width: 32px;
  height: 32px;
  background-image: url("../images/portfolio-icons.png");
  backgroyund-repeat: no-repeat;
  background-position: center top;
  display: block;
  float: right;
  font-size: 0;
  color: transparent;
}
#k2Container.portfolio #portfolio-extras-bar div.itemNavigation a.itemPrevious:link {
  background-position: center -293px;
}
#k2Container.portfolio #portfolio-extras-bar div.itemNavigation a.itemNext:link {
  background-position: center -341px;
  margin-left: 16px;
}
#portfolio-item-main-text p {
  text-align: center;
}
div.container-3.boostrap-navbar .container-2 {
  padding: 0;
}
div.custom.logo-container {
  float: left;
  padding: 0;
  position: fixed;
  left: 0;
  top: 50px;
  z-index: 9999999999999999;
  max-width: 100%;
  background: #000;
}
div.custom.logo-container > a {
  width: 180px;
  float: left;
  background-image: url("../images/logo-desktop.png");
  background-position: 7px 8px;
  background-repeat: no-repeat;
  background-color: #000;
  height: 50px;
}
div.custom.logo-container img {
  display: none;
}
.navbar .navbar-inner,
.navbar .navbar-inner .container-fluid {
  right: inherit;
  position: inherit;
}
div.custom.logo-container a.desktop-menu-button {
  width: 50px;
  height: 50px;
  display: block;
  background-color: #00bff3;
  background-image: url("../images/user-links-bg.png");
  background-position: 6px -641px;
  background-repeat: no-repeat;
}
.nav-on div.custom.logo-container a.desktop-menu-button {
  background-position: -188px -641px;
}
.nav-wrapper {
  opacity: 0;
  visibility: hidden;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
  background-color: #111;
  z-index: 99999;
  transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -webkit-transition: all 0.5s linear 0s;
}
.nav-on .nav-wrapper {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -webkit-transition: all 0.5s linear 0s;
}
div.boostrap-navbar div.container-2 {
  max-width: 100%;
}
div.boostrap-navbar .navbar .navbar-inner .nav-collapse ul.nav {
  margin-top: 120px;
  background-color: #111;
  padding-left: 0;
}
div.boostrap-navbar#header-ribbon-bottom .navbar .nav > li {
  float: none;
  text-align: left;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
div.boostrap-navbar#header-ribbon-bottom .navbar .nav > li a {
  padding: 10px 60px;
  display: block;
  height: auto;
}
#k2Container.home div#main-content-strip {
  background-color: #222222;
}
#k2Container.home div#main-content-strip .itemHeader {
  padding-bottom: 38px;
}
#k2Container.home div#main-content-strip img {
  width: 100%;
}
#k2Container.home div#main-content-strip div.container-2 {
  position: relative;
  padding: 0;
  max-width: 100%;
}
div.home-slider {
  position: absolute;
  left: 44.8%;
  top: 12.6%;
  width: 32.3%;
}
#portfolio-link .body-content {
  text-align: center;
}
#portfolio-link .body-content a.btn {
  display: inline-block;
  float: none;
}
@media (max-width: 1020px) {
  body {
    padding-top: 50px;
  }
  div.custom.logo-container {
    top: 0;
    width: 100%;
  }
  div.boostrap-navbar .navbar .navbar-inner .nav-collapse ul.nav {
    margin-top: 70px;
  }
}
/*-----------------------------
MEDIA QUERY FOR 980px AND ABOVE
-----------------------------*/
@media (min-width: 980px) {
  h1,
  h2,
  h3,
  h4 {
    padding-top: 58px;
  }
  #system-messages {
    padding: 0;
  }
  #k2Container.home div.body-content {
    padding-top: 0;
  }
  div#header {
    padding-top: 60px;
    background-position: center 60px;
    height: 78px;
  }
}
@media (max-width: 979px) {
  .show-below-979px {
    display: block;
  }
  .hide-below-979px {
    display: none;
  }
  .container-2 {
    padding: 20px 20px 20px;
  }
  h1,
  h2,
  h3,
  h4 {
    padding-left: 20px;
    padding-right: 20px;
  }
  #main-content-strip div.container-1 {
    border-width: 0px;
  }
  div.body-content,
  #main-content-strip div.body-content {
    padding: 20px 20px 20px;
  }
  #k2Container div.main-block {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}
@media (max-width: 769px) {
  .show-below-767px {
    display: block;
  }
  .hide-below-767px {
    display: none;
  }
}
@media (max-width: 669px) {
  .show-below-667px {
    display: block;
  }
  .hide-below-667px {
    display: none;
  }
}
@media (max-width: 599px) {
  .show-below-599px {
    display: block;
  }
  .hide-below-599px {
    display: none;
  }
  h1,
  h2,
  h3,
  h4 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .container-2 {
    padding: 10px 10px 10px;
  }
  #main-content-strip div.container-1 {
    border-width: 0px;
  }
  div.body-content,
  #main-content-strip div.body-content {
    padding: 20px 20px 20px;
  }
}
@media (max-width: 479px) {
  .show-below-479px {
    display: block;
  }
  .hide-below-479px {
    display: none;
  }
  body {
    font-size: 56%;
  }
  div.moduletable.footer-strip-content {
    margin-bottom: 30px;
  }
  div.moduletable.footer-strip-content.footer-strip-content-contact {
    width: 180px;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  div.moduletable.footer-strip-content.footer-strip-content-contact h3 {
    background-image: url(../images/footer-strip-content-items.png);
    background-position: 36px top;
  }
  div.moduletable.footer-strip-content.footer-strip-content-contact p {
    text-align: center;
  }
}
@media (max-width: 379px) {
  .show-below-379px {
    display: block;
  }
  .hide-below-379px {
    display: none;
  }
  div#dynamic_recaptcha_1 {
    margin-left: -20px;
  }
}
@media (max-width: 322px) {
  .show-below-322px {
    display: block;
  }
  .hide-below-322px {
    display: none;
  }
  h1,
  h2,
  h3,
  h4 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .container-2 {
    padding-left: 5px 5px 5px;
  }
  #main-content-strip div.container-1 {
    border-width: 0px;
  }
  div.body-content,
  #main-content-strip div.body-content {
    padding-top: 20px 20px 20px;
  }
}