@charset "utf-8";@import url(/media/system/css/system.css);

/**
 * @copyright	Copyright (C) 2005 - 2018 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Import project-level system CSS */


/* Unpublished */
.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}

span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 0;
}

.img-fulltext-float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-intro-float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-intro-float-none {
}
/**
 * @copyright	Copyright (C) 2005 - 2018 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(/templates/system/images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(/templates/system/images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(/templates/system/images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore,
.button2-left .article {
	background: url(/templates/system/images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(/templates/system/images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(/templates/system/images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(/templates/system/images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}

.img_caption .right {
        float: right;
        margin-left: 1em;
}

.img_caption .left p {
        clear: left;
        text-align: center;
}

.img_caption .right p {
        clear: right;
        text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}


/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(/templates/system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
@media screen {
#art-main
{
  background: #FFFFFF;
  margin: 0 auto;
  font-size: 13px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  position: relative;
  width: 100%;
  min-height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  overflow: hidden;
}

table, ul.art-hmenu
{
  font-size: 13px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
  margin: 0;
  padding: 0;
}

.art-button
{
  border: 0;
  border-collapse: separate;
  -webkit-border-radius: 0;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #2386C0;
  background: -webkit-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: -moz-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: -o-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: -ms-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: linear-gradient(to bottom, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  -svg-background: linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  border-width: 0;
  margin: 0 auto;
  height: 34px;
}

.art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent, ul.art-vmenu a
{
  text-align: left;
}

.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered
{
  font-size: 16px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 200%;
}

.art-postcontent p
{
  margin: 12px 0;
}

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover, .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
  font-weight: normal;
  font-size: 32px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent a, .art-postcontent a:link
{
  font-size: 16px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #333333;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #333333;
}

.art-postcontent  a:hover, .art-postcontent a.hover
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #45AAD6;
}

.art-postcontent h1
{
  color: #333333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-blockcontent h1
{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
{
  font-size: 28px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-postcontent h2
{
  color: #2386C0;
  font-size: 28px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-blockcontent h2
{
  font-size: 28px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
{
  font-size: 28px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-postcontent h3
{
  color: #333333;
  font-size: 24px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-blockcontent h3
{
  font-size: 24px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
{
  font-size: 24px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-postcontent h4
{
  color: #2386C0;
  font-size: 24px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-blockcontent h4
{
  font-size: 24px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
{
  font-size: 24px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-postcontent h5
{
  color: #999999;
  font-size: 24px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-blockcontent h5
{
  font-size: 24px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
{
  font-size: 24px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-postcontent h6
{
  color: #000000;
  margin: 0;
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-blockcontent h6
{
  margin: 0;
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
{
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 150%;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
{
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
{
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul
{
  list-style-type: none;
}

ol
{
  list-style-position: inside;
}

html, body
{
  height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html
{
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body
{
  padding: 0;
  margin: 0;
  min-width: 1200px;
  color: #666666;
}

.art-header:before, #art-header-bg:before, .art-layout-cell:before, .art-layout-wrapper:before, .art-footer:before, .art-nav:before, #art-hmenu-bg:before, .art-sheet:before
{
  width: 100%;
  content: " ";
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}

.art-header:after, #art-header-bg:after, .art-layout-cell:after, .art-layout-wrapper:after, .art-footer:after, .art-nav:after, #art-hmenu-bg:after, .art-sheet:after, .cleared, .clearfix:after
{
  clear: both;
  font: 0/0 serif;
  display: block;
  content: " ";
}

form
{
  padding: 0 !important;
  margin: 0 !important;
}

table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}

li h1, .art-postcontent li h1, .art-blockcontent li h1
{
  margin: 1px;
}

li h2, .art-postcontent li h2, .art-blockcontent li h2
{
  margin: 1px;
}

li h3, .art-postcontent li h3, .art-blockcontent li h3
{
  margin: 1px;
}

li h4, .art-postcontent li h4, .art-blockcontent li h4
{
  margin: 1px;
}

li h5, .art-postcontent li h5, .art-blockcontent li h5
{
  margin: 1px;
}

li h6, .art-postcontent li h6, .art-blockcontent li h6
{
  margin: 1px;
}

li p, .art-postcontent li p, .art-blockcontent li p
{
  margin: 1px;
}

.art-shapes
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
}

.art-slider-inner
{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.art-slidenavigator > a
{
  display: inline-block;
  vertical-align: middle;
  outline-style: none;
  font-size: 1px;
}

.art-slidenavigator > a:last-child
{
  margin-right: 0 !important;
}

.art-sheet
{
  background: #262626;
  background: transparent;
  margin: 0 auto;
  position: relative;
  cursor: auto;
  width: 1200px;
  z-index: auto !important;
}

.art-layout-wrapper
{
  position: relative;
  margin: 0 auto 0 auto;
  z-index: auto !important;
}

.art-content-layout
{
  display: table;
  width: 100%;
  table-layout: fixed;
}

.art-content-layout-row
{
  display: table-row;
}

.art-layout-cell
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top;
}

.art-postcontent .art-content-layout
{
  border-collapse: collapse;
}

div.art-vmenublock img
{
  margin: 0;
}

.art-vmenublockcontent
{
  margin: 0 auto;
}

ul.art-vmenu, ul.art-vmenu ul
{
  list-style: none;
  display: block;
}

ul.art-vmenu, ul.art-vmenu li
{
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  line-height: 0;
}

ul.art-vmenu
{
  margin-top: 0;
  margin-bottom: 0;
}

ul.art-vmenu ul
{
  display: none;
  margin: 0;
  padding: 0;
  position: relative;
}

ul.art-vmenu ul.active
{
  display: block;
}

ul.art-vmenu>li>a
{
  background: #5D2490;
  background: transparent;
  margin: 0 auto;
  font-size: 14px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #999999;
  min-height: 40px;
  line-height: 40px;
}

ul.art-vmenu a
{
  display: block;
  cursor: pointer;
  z-index: 1;
  position: relative;
}

ul.art-vmenu li
{
  position: relative;
}

ul.art-vmenu>li
{
  margin-top: 1px;
}

ul.art-vmenu>li>ul
{
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

ul.art-vmenu>li:first-child
{
  margin-top: 0;
}

ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover
{
  background: #000000;
  background: transparent;
  margin: 0 auto;
}

ul.art-vmenu a:hover, ul.art-vmenu a.active:hover
{
  color: #000000;
}

ul.art-vmenu>li>a.active:hover>span.border-top, ul.art-vmenu>li>a.active:hover>span.border-bottom
{
  background-color: transparent;
}

ul.art-vmenu>li>a.active
{
  background: #000000;
  background: transparent;
  margin: 0 auto;
  color: #000000;
}

ul.art-vmenu>li:after, ul.art-vmenu>li>ul:after, ul.art-vmenu>li:before, ul.art-vmenu>li>ul:before
{
  display: block;
  position: absolute;
  content: ' ';
  left: 0;
  right: 0;
  top: -1px;
}

ul.art-vmenu>li:after, ul.art-vmenu>li>ul:after
{
  z-index: 1;
  height: 0;
  border-bottom: 1px solid #EEEEEE;
}

ul.art-vmenu>li:before, ul.art-vmenu>li>ul:before
{
  z-index: 0;
  height: 1px;
  background-color: transparent;
}

ul.art-vmenu>li:first-child:before, ul.art-vmenu>li:first-child:after
{
  display: none;
}

ul.art-vmenu>li>ul:before
{
  margin: 0 auto;
  display: block;
  position: absolute;
  content: ' ';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

ul.art-vmenu li li a
{
  margin: 0 auto;
  position: relative;
}

ul.art-vmenu ul li
{
  margin: 0;
  padding: 0;
}

ul.art-vmenu li li
{
  position: relative;
  margin-top: 3px;
}

ul.art-vmenu ul a
{
  display: block;
  position: relative;
  min-height: 30px;
  overflow: visible;
  padding: 0;
  padding-left: 0;
  padding-right: 0;
  z-index: 0;
  line-height: 30px;
  color: #666666;
  font-size: 12px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin-left: 0;
  margin-right: 0;
}

ul.art-vmenu ul a:visited, ul.art-vmenu ul a.active:hover, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active
{
  line-height: 30px;
  color: #666666;
  font-size: 12px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin-left: 0;
  margin-right: 0;
}

ul.art-vmenu ul ul a
{
  padding-left: 0;
}

ul.art-vmenu ul ul ul a
{
  padding-left: 0;
}

ul.art-vmenu ul ul ul ul a
{
  padding-left: 0;
}

ul.art-vmenu ul ul ul ul ul a
{
  padding-left: 0;
}

ul.art-vmenu ul>li>a:hover, ul.art-vmenu ul>li>a.active:hover
{
  margin: 0 auto;
}

ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a.active:hover
{
  text-decoration: none;
  color: #111111;
}

ul.art-vmenu ul a:hover:after
{
  background-position: center;
}

ul.art-vmenu ul a.active:hover:after
{
  background-position: center;
}

ul.art-vmenu ul a.active:after
{
  background-position: bottom;
}

ul.art-vmenu ul>li>a.active
{
  margin: 0 auto;
}

ul.art-vmenu ul a.active, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active:hover
{
  text-decoration: none;
  color: #111111;
}

ul.art-vmenu li li:after
{
  display: block;
  position: absolute;
  content: ' ';
  height: 1px;
  top: -3px;
  left: 0;
  right: 0;
  z-index: 1;
  border-bottom: 1px solid #EEEEEE;
}

ul.art-vmenu li li:before
{
  display: block;
  position: absolute;
  content: ' ';
  left: 0;
  right: 0;
  top: -3px;
  z-index: 0;
  height: 3px;
}

ul.art-vmenu>li>ul>li:first-child:before, ul.art-vmenu>li>ul>li:first-child:after
{
  display: none;
}

.art-block
{
  background: #FFFFFF;
  background: transparent;
}

div.art-block img
{
  border: none;
  margin: 0;
}

.art-blockheader
{
  background: #000000;
  background: transparent;
  border-bottom: 1px solid #999999;
  padding: 12px 0;
  margin: 0 auto;
}

.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover
{
  color: #999999;
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-indent: 0;
  line-height: 200%;
}

.art-blockcontent
{
  background: #FFFFFF;
  background: transparent;
  margin: 0 auto;
  color: #666666;
  font-size: 16px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 200%;
}

.art-blockcontent table, .art-blockcontent li, .art-blockcontent a, .art-blockcontent a:link, .art-blockcontent a:visited, .art-blockcontent a:hover
{
  color: #666666;
  font-size: 16px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 200%;
}

.art-blockcontent p
{
  margin: 6px 0;
}

.art-blockcontent a, .art-blockcontent a:link
{
  color: #2386C0;
  font-size: 14px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.art-blockcontent a:visited, .art-blockcontent a.visited
{
  color: #2386C0;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}

.art-blockcontent a:hover, .art-blockcontent a.hover
{
  color: #45AAD6;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}

.art-block li
{
  font-size: 16px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 125%;
  color: #878787;
}

.art-breadcrumbs
{
  margin: 0 auto;
}

a.art-button, a.art-button:link, a:link.art-button:link, body a.art-button:link, a.art-button:visited, body a.art-button:visited, input.art-button, button.art-button
{
  text-decoration: none;
  font-size: 16px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #FFFFFF;
  margin: 0 5px 0 0 !important;
  overflow: visible;
  cursor: pointer;
  text-indent: 0;
  line-height: 34px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.art-button img
{
  margin: 0;
  vertical-align: middle;
}

.firefox2 .art-button
{
  display: block;
  float: left;
}

input, select, textarea, a.art-search-button span
{
  vertical-align: middle;
  font-size: 16px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.art-block select
{
  width: 96%;
}

input.art-button
{
  float: none !important;
  -webkit-appearance: none;
}

.art-button.active, .art-button.active:hover
{
  background: #2386C0;
  background: -webkit-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: -moz-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: -o-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: -ms-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: linear-gradient(to bottom, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  -svg-background: linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  border-width: 0;
  margin: 0 auto;
}

.art-button.active, .art-button.active:hover
{
  color: #FFFFFF !important;
}

.art-button.hover, .art-button:hover
{
  background: #45AAD6;
  background: -webkit-linear-gradient(top, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  background: -moz-linear-gradient(top, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  background: -o-linear-gradient(top, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  background: -ms-linear-gradient(top, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  background: linear-gradient(to bottom, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  -svg-background: linear-gradient(top, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  border-width: 0;
  margin: 0 auto;
}

.art-button.hover, .art-button:hover
{
  color: #FFFFFF !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea
{
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  margin: 0 auto;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea
{
  width: auto;
  padding: 10px 0;
  color: #666666 !important;
  font-size: 14px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-variant: normal;
  text-indent: 5px;
  text-shadow: none;
}

input.art-error, textarea.art-error
{
  background: #000000;
  border: 1px solid #E2341D;
  margin: 0 auto;
}

input.art-error, textarea.art-error
{
  color: #808080 !important;
  font-size: 13px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

form.art-search input[type="text"]
{
  background: #FFFFFF;
  border-radius: 0;
  border: 1px solid #EDEDED;
  margin: 0 auto;
  width: 100%;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #666666 !important;
  font-size: 14px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

form.art-search
{
  background-image: none;
  border: 0;
  display: block;
  position: relative;
  top: 0;
  padding: 0;
  margin: 5px;
  left: 0;
  line-height: 0;
}

form.art-search input, a.art-search-button
{
  -webkit-appearance: none;
  top: 0;
  right: 0;
}

form.art-search>input, a.art-search-button
{
  bottom: 0;
  left: 0;
  vertical-align: middle;
}

form.art-search input[type="submit"], input.art-search-button, a.art-search-button
{
  background: #696969;
  border-radius: 0;
  margin: 0 auto;
}

form.art-search input[type="submit"], input.art-search-button, a.art-search-button
{
  position: absolute;
  left: auto;
  display: block;
  border: 0;
  top: 1px;
  bottom: 1px;
  right: 1px;
  padding: 0 6px;
  color: #E3E3E3 !important;
  font-size: 13px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
}

a.art-search-button span.art-search-button-text, a.art-search-button:after
{
  vertical-align: middle;
}

a.art-search-button:after
{
  display: inline-block;
  content: ' ';
  height: 100%;
}

a.art-search-button, a.art-search-button span, a.art-search-button:visited, a.art-search-button.visited, a.art-search-button:hover, a.art-search-button.hover
{
  text-decoration: none;
  font-size: 13px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

a.art-search-button
{
  line-height: 100% !important;
}

label.art-checkbox:before
{
  border: 1px solid #666666;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  content: ' ';
}

label.art-checkbox
{
  cursor: pointer;
  font-size: 13px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
  display: inline-block;
  color: #000000 !important;
  position: relative;
}

.art-checkbox>input[type="checkbox"]
{
  margin: 0 5px 0 0;
}

label.art-checkbox.active:before
{
  border: 1px solid #666666;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  display: inline-block;
}

label.art-checkbox.hovered:before
{
  border: 1px solid #FFFFFF;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  display: inline-block;
}

label.art-radiobutton:before
{
  background: #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  margin: 0 auto;
  width: 12px;
  height: 12px;
}

label.art-radiobutton
{
  cursor: pointer;
  font-size: 13px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 12px;
  display: inline-block;
  color: #000000 !important;
}

.art-radiobutton>input[type="radio"]
{
  vertical-align: baseline;
  margin: 0 5px 0 0;
}

label.art-radiobutton.active:before
{
  background: #363636;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  display: inline-block;
}

label.art-radiobutton.hovered:before
{
  background: #595959;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  display: inline-block;
}

label.art-checkbox input[type="checkbox"]
{
  display: none;
}

label.art-checkbox.art-checked:after
{
  content: url(/templates/jpsmetal2018/images/checkboxicon.png);
  position: absolute;
  left: 3px;
  top: 2px;
}

.art-comments
{
  border-top: 1px dotted #696969;
  margin: 0 auto;
  margin-top: 25px;
}

.art-comments h2
{
  color: #292929;
}

.art-comment-inner
{
  background: #E2E8EE;
  background: transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 5px;
  margin: 0 auto;
  margin-left: 94px;
}

.art-comment-avatar
{
  float: left;
  width: 80px;
  height: 80px;
  padding: 1px;
  background: #fff;
  border: 1px solid #E2E8EE;
}

.art-comment-avatar>img
{
  margin: 0 !important;
  border: none !important;
}

.art-comment-content
{
  padding: 10px 0;
  color: #404040;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment
{
  margin-top: 6px;
}

.art-comment:first-child
{
  margin-top: 0;
}

.art-comment-header
{
  color: #292929;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 100%;
}

.art-comment-header a, .art-comment-header a:link, .art-comment-header a:visited, .art-comment-header a.visited, .art-comment-header a:hover, .art-comment-header a.hovered
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 100%;
}

.art-comment-header a, .art-comment-header a:link
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #878787;
}

.art-comment-header a:visited, .art-comment-header a.visited
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #878787;
}

.art-comment-header a:hover, .art-comment-header a.hovered
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #878787;
}

.art-comment-content a, .art-comment-content a:link, .art-comment-content a:visited, .art-comment-content a.visited, .art-comment-content a:hover, .art-comment-content a.hovered
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment-content a, .art-comment-content a:link
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #696969;
}

.art-comment-content a:visited, .art-comment-content a.visited
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #545454;
}

.art-comment-content a:hover, .art-comment-content a.hovered
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #696969;
}

.art-pager
{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 5px;
  text-align: center;
}

.art-pager>*:last-child
{
  margin-right: 0 !important;
}

.art-pager>span
{
  cursor: default;
}

.art-pager>*
{
  border: 1px solid #EEEEEE;
  padding: 7px;
  margin: 0 4px 0 auto;
  line-height: normal;
  position: relative;
  display: inline-block;
  margin-left: 0;
}

.art-pager a:link, .art-pager a:visited, .art-pager .active
{
  line-height: normal;
  font-size: 14px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #666666;
}

.art-pager .active
{
  background: #2386C0;
  background: -webkit-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: -moz-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: -o-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: -ms-linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  background: linear-gradient(to bottom, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  -svg-background: linear-gradient(top, #309BD9 0, #2797D8 14%, #1E73A4 100%) no-repeat;
  border: 1px solid #2386C0;
  padding: 7px;
  margin: 0 4px 0 auto;
  color: #FFFFFF;
}

.art-pager .more
{
  border: 1px solid #EEEEEE;
  margin: 0 4px 0 auto;
}

.art-pager a.more:link, .art-pager a.more:visited
{
  color: #666666;
}

.art-pager a:hover
{
  background: #45AAD6;
  background: -webkit-linear-gradient(top, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  background: -moz-linear-gradient(top, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  background: -o-linear-gradient(top, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  background: -ms-linear-gradient(top, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  background: linear-gradient(to bottom, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  -svg-background: linear-gradient(top, #60B7DC 0, #2EA0D1 86%, #2C9AC9 100%) no-repeat;
  border: 1px solid #45AAD6;
  padding: 7px;
  margin: 0 4px 0 auto;
}

.art-pager  a:hover, .art-pager  a.more:hover
{
  color: #FFFFFF;
}

.art-pager>*:after
{
  margin: 0 0 0 auto;
  display: inline-block;
  position: absolute;
  content: ' ';
  top: 0;
  width: 0;
  height: 100%;
  right: 0;
  text-decoration: none;
}

.art-pager>*:last-child:after
{
  display: none;
}

.art-commentsform
{
  background: #E2E8EE;
  background: transparent;
  padding: 10px;
  margin: 0 auto;
  margin-top: 25px;
  color: #292929;
}

.art-commentsform h2
{
  padding-bottom: 10px;
  margin: 0;
  color: #292929;
}

.art-commentsform label
{
  display: inline-block;
  line-height: 25px;
}

.art-commentsform input:not([type=submit]), .art-commentsform textarea
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.art-commentsform .form-submit
{
  margin-top: 10px;
}

.art-post
{
  background: #FFFFFF;
  background: transparent;
}

a img
{
  border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img
{
  margin: 0 0 0 0;
}

.art-metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin: 2px;
}

.art-article table, table.art-article
{
  border-collapse: collapse;
  margin: 1px;
}

.art-post .art-content-layout-br
{
  height: 0;
}

.art-article th, .art-article td
{
  padding: 2px;
  vertical-align: top;
  text-align: left;
}

.art-article th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
}

pre
{
  overflow: auto;
  padding: 0.1em;
}

.preview-cms-logo
{
  border: 0;
  margin: 1em 1em 0 0;
  float: left;
}

.image-caption-wrapper
{
  padding: 0 0 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-caption-wrapper img
{
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-caption-wrapper div.art-collage
{
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-caption-wrapper p
{
  font-size: 80%;
  text-align: right;
  margin: 0;
}

.art-postheader
{
  color: #111111;
  margin: 0;
  font-size: 28px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered
{
  font-size: 28px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.art-postheader a, .art-postheader a:link
{
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #111111;
}

.art-postheader a:visited, .art-postheader a.visited
{
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #111111;
}

.art-postheader a:hover, .art-postheader a.hovered
{
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #999999;
}

.art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-shadow: 0 1px 0 rgba(23, 23, 23, 0.5);
  color: #141414;
}

.art-postheadericons
{
  padding: 1px;
}

.art-postheadericons a, .art-postheadericons a:link
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #000000;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
  color: #595959;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  text-decoration: underline;
  color: #1C1C1C;
}

.art-postediticon:before
{
  content: url(/templates/jpsmetal2018/images/system/edit.png);
  margin-right: 6px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  bottom: auto;
}

.opera .art-postediticon:before
{
  bottom: 0;
}

.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
{
  content: url(/templates/jpsmetal2018/images/postbullets.png);
  margin-right: 6px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

.opera .art-postcontent ul>li:before, .opera   .art-post ul>li:before, .opera   .art-textblock ul>li:before
{
  bottom: 0;
}

.art-postcontent li, .art-post li, .art-textblock li
{
  font-size: 16px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 200%;
  color: #666666;
  margin: 0;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol
{
  padding: 0;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
{
  padding-left: 13px;
}

.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
{
  margin-left: -13px;
}

.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul
{
  margin: 1em 0 1em 0;
}

.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul
{
  margin: 0.5em 0 0.5em 0;
}

.art-postcontent li, .art-post li, .art-textblock li
{
  margin: 0 0 0 0;
}

.art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li
{
  overflow: visible;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
{
  overflow-x: visible;
  overflow-y: hidden;
}

blockquote
{
  background: #FAFAFA url(/templates/jpsmetal2018/images/postquote.png) no-repeat scroll;
  padding: 10px 10px 10px 43px;
  color: #666666;
  font-size: 16px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  text-align: left;
  overflow: auto;
  clear: both;
}

blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a, blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link, blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited, blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
{
  color: #666666;
  font-size: 16px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  text-align: left;
}

blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer blockquote p
{
  margin: 0;
  margin: 2px 0 2px 15px;
}

.Navigator .art-ccs-navigator img, .Navigator img
{
  border: 0;
  margin: 0;
  vertical-align: middle;
}

tr.Navigator td, td span.Navigator
{
  text-align: center;
  vertical-align: middle;
}

.Sorter img
{
  border: 0;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  position: static;
  z-index: 1;
  width: 12px;
  height: 6px;
}

.Sorter a
{
  position: relative;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #757575;
}

.Sorter a:link
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #757575;
}

.Sorter a:visited, .Sorter a.visited
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #757575;
}

.Sorter a:hover, .Sorter a.hover
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #595959;
}

.Sorter
{
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #404040;
}

.art-footer
{
  margin: 0 auto;
  position: relative;
  color: #EEEEEE;
  font-size: 14px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 200%;
  text-align: left;
  padding: 0;
}

.art-footer a, .art-footer a:link, .art-footer a:visited, .art-footer a:hover, .art-footer td, .art-footer th, .art-footer caption
{
  color: #EEEEEE;
  font-size: 14px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 200%;
}

.art-footer p
{
  padding: 0;
  text-align: left;
}

.art-footer a, .art-footer a:link
{
  color: #FFFFFF;
  font-size: 14px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.art-footer a:visited
{
  color: #FFFFFF;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}

.art-footer a:hover
{
  color: #45AAD6;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: underline;
}

.art-footer h1
{
  color: #FFFFFF;
  font-size: 36px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  line-height: 150%;
}

.art-footer h2
{
  color: #999999;
  font-size: 28px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  line-height: 150%;
}

.art-footer h3
{
  color: #FFFFFF;
  font-size: 28px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  line-height: 150%;
}

.art-footer h4
{
  color: #999999;
  font-size: 28px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  line-height: 150%;
}

.art-footer h5
{
  color: #FFFFFF;
  font-size: 24px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  line-height: 150%;
}

.art-footer h6
{
  color: #999999;
  font-size: 24px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  line-height: 150%;
}

.art-footer img
{
  border: none;
  margin: 0;
}

.art-footer-inner
{
  margin: 0 auto;
  width: 1200px;
  padding-right: 0;
  padding-left: 0;
}

.art-rss-tag-icon
{
  background: url(/templates/jpsmetal2018/images/footerrssicon.png) no-repeat scroll;
  margin: 0 auto;
  min-height: 28px;
  min-width: 35px;
  display: inline-block;
  text-indent: 38px;
  background-position: left center;
  vertical-align: middle;
}

.art-rss-tag-icon:empty
{
  vertical-align: middle;
}

.art-facebook-tag-icon
{
  background: url(/templates/jpsmetal2018/images/footerfacebookicon.png) no-repeat scroll;
  margin: 0 auto;
  min-height: 32px;
  min-width: 32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
  vertical-align: middle;
}

.art-facebook-tag-icon:empty
{
  vertical-align: middle;
}

.art-twitter-tag-icon
{
  background: url(/templates/jpsmetal2018/images/footertwittericon.png) no-repeat scroll;
  margin: 0 auto;
  min-height: 32px;
  min-width: 32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
  vertical-align: middle;
}

.art-twitter-tag-icon:empty
{
  vertical-align: middle;
}

.art-tumblr-tag-icon
{
  background: url(/templates/jpsmetal2018/images/tumblricon.png) no-repeat scroll;
  margin: 0 auto;
  min-height: 32px;
  min-width: 32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
  vertical-align: middle;
}

.art-tumblr-tag-icon:empty
{
  vertical-align: middle;
}

.art-pinterest-tag-icon
{
  background: url(/templates/jpsmetal2018/images/pinteresticon.png) no-repeat scroll;
  margin: 0 auto;
  min-height: 32px;
  min-width: 32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
  vertical-align: middle;
}

.art-pinterest-tag-icon:empty
{
  vertical-align: middle;
}

.art-vimeo-tag-icon
{
  background: url(/templates/jpsmetal2018/images/vimeoicon.png) no-repeat scroll;
  margin: 0 auto;
  min-height: 33px;
  min-width: 32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
  vertical-align: middle;
}

.art-vimeo-tag-icon:empty
{
  vertical-align: middle;
}

.art-youtube-tag-icon
{
  background: url(/templates/jpsmetal2018/images/youtubeicon.png) no-repeat scroll;
  margin: 0 auto;
  min-height: 32px;
  min-width: 32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
  vertical-align: middle;
}

.art-youtube-tag-icon:empty
{
  vertical-align: middle;
}

.art-linkedin-tag-icon
{
  background: url(/templates/jpsmetal2018/images/linkedinicon.png) no-repeat scroll;
  margin: 0 auto;
  min-height: 32px;
  min-width: 32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
  vertical-align: middle;
}

.art-linkedin-tag-icon:empty
{
  vertical-align: middle;
}

.art-footer li
{
  font-size: 11px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #E2E8EE;
}

.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #757575;
}

.art-page-footer
{
  position: relative;
  z-index: auto !important;
  padding: 1em;
  text-align: center !important;
  text-decoration: none;
  color: #595959;
}

.art-lightbox-wrapper
{
  background: #333;
  background: rgba(0, 0, 0, .8);
  bottom: 0;
  left: 0;
  padding: 0 100px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1000000;
}

.art-lightbox, .art-lightbox-wrapper .art-lightbox-image
{
  cursor: pointer;
}

.art-lightbox-wrapper .art-lightbox-image
{
  border: 6px solid #fff;
  border-radius: 3px;
  display: none;
  max-width: 100%;
  vertical-align: middle;
}

.art-lightbox-wrapper .art-lightbox-image.active
{
  display: inline-block;
}

.art-lightbox-wrapper .lightbox-error
{
  background: #fff;
  border: 1px solid #b4b4b4;
  border-radius: 10px;
  box-shadow: 0 2px 5px #333;
  height: 80px;
  opacity: .95;
  padding: 20px;
  position: fixed;
  width: 300px;
  z-index: 100;
}

.art-lightbox-wrapper .loading
{
  background: #fff url(/templates/jpsmetal2018/images/preloader-01.gif) center center no-repeat;
  border: 1px solid #b4b4b4;
  border-radius: 10px;
  box-shadow: 0 2px 5px #333;
  height: 32px;
  opacity: .5;
  padding: 10px;
  position: fixed;
  width: 32px;
  z-index: 10100;
}

.art-lightbox-wrapper .arrow
{
  cursor: pointer;
  height: 100px;
  opacity: .5;
  filter: alpha(opacity=50);
  position: fixed;
  width: 82px;
  z-index: 10003;
}

.art-lightbox-wrapper .arrow.left
{
  left: 9px;
}

.art-lightbox-wrapper .arrow.right
{
  right: 9px;
}

.art-lightbox-wrapper .arrow:hover
{
  opacity: 1;
  filter: alpha(opacity=100);
}

.art-lightbox-wrapper .arrow.disabled
{
  display: none;
}

.art-lightbox-wrapper .arrow-t, .art-lightbox-wrapper .arrow-b
{
  background-color: #fff;
  border-radius: 3px;
  height: 6px;
  left: 26px;
  position: relative;
  width: 30px;
}

.art-lightbox-wrapper .arrow-t
{
  top: 38px;
}

.art-lightbox-wrapper .arrow-b
{
  top: 50px;
}

.art-lightbox-wrapper .close
{
  cursor: pointer;
  height: 22px;
  opacity: .5;
  filter: alpha(opacity=50);
  position: fixed;
  right: 39px;
  top: 30px;
  width: 22px;
  z-index: 10003;
}

.art-lightbox-wrapper .close:hover
{
  opacity: 1;
  filter: alpha(opacity=100);
}

.art-lightbox-wrapper .close .cw, .art-lightbox-wrapper .close .ccw
{
  background-color: #fff;
  border-radius: 3px;
  height: 6px;
  position: absolute;
  left: -4px;
  top: 8px;
  width: 30px;
}

.art-lightbox-wrapper .cw
{
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.art-lightbox-wrapper .ccw
{
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

.art-lightbox-wrapper .close-alt, .art-lightbox-wrapper .arrow-right-alt, .art-lightbox-wrapper .arrow-left-alt
{
  color: #fff;
  display: none;
  font-size: 2.5em;
  line-height: 100%;
}

.ie8 .art-lightbox-wrapper .close-alt, .ie8 .art-lightbox-wrapper .arrow-right-alt, .ie8 .art-lightbox-wrapper .arrow-left-alt
{
  display: block;
}

.ie8 .art-lightbox-wrapper .cw, .ie8 .art-lightbox-wrapper .ccw
{
  display: none;
}

.art-content-layout .art-sidebar1
{
  background: #262626;
  background: transparent;
  margin: 0 auto;
  width: 250px;
}

.art-content-layout .art-content
{
  margin: 0 auto;
}

fieldset
{
  border: none;
}

fieldset dl
{
  display: block;
  margin: 0;
  padding: 0;
  background: none;
}

fieldset dt
{
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 12em;
  height: 2em;
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
  background: none;
  line-height: 2em;
  overflow: hidden;
}

fieldset dd
{
  display: block;
  min-height: 2em;
  margin: 0 0 0 12em;
  padding: 0;
  background: none;
  line-height: 2em;
}

fieldset label
{
  display: inline-block;
  width: 12em;
}

fieldset textarea
{
  vertical-align: text-top;
}

.img-fulltext-left, .img-intro-left
{
  float: left;
  display: block;
  border: none;
  padding: 0;
  margin: 0 0.3em 0.3em 0;
  margin-top: 0;
}

.img-fulltext-right, .img-intro-right
{
  float: right;
  display: block;
  border: none;
  padding: 0;
  margin: 0 0 0.3em 0.3em;
  margin-top: 0;
}

ul.pagenav
{
  clear: both;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

ul.pagenav li, ul.pagenav li:before
{
  display: block;
  background: none;
  margin: 0;
  padding: 0;
  width: 50%;
  text-align: center;
  content: normal;
}

ul.pagenav li.pagenav-prev
{
  float: left;
}

ul.pagenav li.pagenav-next
{
  margin: 0 0 0 50%;
}

div.item-page dl.tabs
{
  display: block;
  margin: 0;
  padding: 0;
}

div.item-page dl.tabs:before
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: left;
  width: 1em;
  height: 2em;
  overflow: hidden;
}

div.item-page dl.tabs dt
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: left;
  height: 2em;
  overflow: hidden;
  border-left: 1px solid black;
  border-top: 1px solid black;
}

div.item-page dl.tabs dt h3
{
  margin: 0;
  padding: 0 1em;
  line-height: 2em;
  font-size: 100%;
  overflow: hidden;
}

div.item-page dl.tabs dt h3 a
{
  text-decoration: none;
}

div.item-page dl.tabs:after
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  border-left: 1px solid black;
  content: " ";
  overflow: hidden;
  height: 2em;
}

div.item-page div.current
{
  clear: both;
  border: 1px solid black;
}

div.item-page div.current dd.tabs
{
  margin: 0;
  padding: 0;
}

div.item-page .panel
{
  border: 1px solid black;
  margin-top: -1px;
}

div.item-page .panel h3
{
  margin: 0;
  padding: 0;
}

div.item-page .panel h3 a
{
  display: block;
  padding: 6px;
  text-decoration: none;
}

div.item-page .panel h3.pane-toggler-down a
{
  border-bottom: 1px solid black;
}

div.item-page .panel .pane-slider
{
  margin: 0;
  padding: 0;
}

div.item-page div.pagination ul
{
  clear: both;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

div.item-page div.pagination li
{
  display: block;
  width: 50%;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
  white-space: nowrap;
}

div.item-page div.pagination:after
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.edit.item-page select + div
{
  width: 100% !important;
}

.edit.item-page div > ul
{
  border: 1px solid #B9C2CB;
}

.edit.item-page .search-field
{
  overflow: visible;
}

.edit.item-page .search-field > input
{
  width: 100% !important;
}

.edit.item-page ul > li:before
{
  content: normal;
}

.edit.item-page fieldset
{
  border: 1px solid black;
}

.edit.item-page fieldset legend
{
  padding: 7px;
  font-weight: bold;
}

#editor-xtd-buttons
{
  float: left;
  padding: 0;
}

.toggle-editor
{
  float: right;
}

#searchForm .phrases-box
{
  display: block;
  float: left;
}

#searchForm .ordering-box
{
  text-align: right;
}

#searchForm .phrases-box label, #searchForm .ordering-box label, #searchForm .only label
{
  display: inline-block;
  width: auto;
  height: 2em;
  margin: 0;
  padding: 0 0.3em;
}

#mod-finder-searchform label
{
  display: block;
}

#mod-finder-searchform input.inputbox
{
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 300px;
}

#login-form fieldset label
{
  width: 100%;
}

#login-form #form-login-username label, #login-form #form-login-password label
{
  display: block;
}

#login-form #form-login-username input, #login-form #form-login-password input
{
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 300px;
}

.breadcrumbs img
{
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

dl.stats-module
{
  padding: 0.3em 0 0.3em 0.3em;
  margin: 0;
}

dl.stats-module dt
{
  float: left;
  display: block;
  line-height: 1.5em;
  min-height: 1.5em;
  width: 10em;
  padding: 0.3em 0.3em 0 0;
  margin: 0;
  font-weight: bold;
}

dl.stats-module dd
{
  display: block;
  line-height: 1.5em;
  min-height: 1.5em;
  margin: 0 0 0 10em;
}

div.mod-languages ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

div.mod-languages li
{
  background: none;
  margin: 0 0.3em;
  padding: 0;
}

div.mod-languages ul.lang-inline li
{
  display: inline;
}

div.mod-languages ul.lang-block li
{
  display: block;
}

div.mod-languages img
{
  border: none;
  margin: 0;
  padding: 0;
}

div.clr
{
  clear: both;
}

#system-message ul li
{
  background-image: none;
}

ul.actions, ul.actions li, ul.actions li img
{
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

ul.actions li
{
  background: none;
  list-style: none;
}

.items-row
{
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.items-row .item
{
  display: table-cell;
  vertical-align: top;
}

.items-row .row-separator
{
  display: none;
}

div.pagination p.counter
{
  display: inline-block;
  margin: 0 0.3em 0 0;
  padding: 0;
  background: none;
}

div.pagination ul, div.pagination ul li, div.pagination ul > li:before
{
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0 0.3em;
  background: none;
  content: normal;
}

div.tip-wrap
{
  background: #fff;
  border: 1px solid #aaa;
}

div.tip-wrap div.tip
{
  padding: 0.3em;
}

div.tip-wrap div.tip-title
{
  font-weight: bold;
}

table.category
{
  width: 100%;
}

table.category thead th img
{
  padding: 0 0 0 0.3em;
  margin: 0;
  border: none;
}

span.hasTip a img
{
  padding: 0;
  margin: 0;
  border: none;
}

div.categories-list ul li span.item-title, div.cat-children ul li span.item-title
{
  display: block;
  margin: 0 0 0.3em 0;
}

div.categories-list ul li div.category-desc, div.cat-children ul li div.category-desc
{
  margin: 0 0 0.3em 0;
}

div.categories-list dl, div.cat-children dl
{
  display: block;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  background: none;
}

div.categories-list dl dt, div.cat-children dl dt, div.categories-list dl dd, div.cat-children dl dd
{
  display: inline-block;
  padding: 0;
  margin: 0;
  background: none;
}

div.img_caption p.img_caption
{
  padding: 0.3em 0;
  margin: 0;
}

form .search label, form .finder label
{
  display: none;
}

#search-searchword
{
  margin-bottom: 5px;
}

.cols-2 .column-1, .cols-2 .column-2, .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3
{
  float: left;
  clear: right;
}

.cols-2 .column-1
{
  width: 50%;
}

.cols-2 .column-2
{
  width: 50%;
}

.cols-3 .column-1
{
  width: 33%;
}

.cols-3 .column-2
{
  width: 33%;
}

.cols-3 .column-3
{
  width: 34%;
}

.row-separator
{
  clear: both;
  float: none;
  font-size: 1px;
  display: block;
}

ul.categories-module li h1, ul.categories-module li h2, ul.categories-module li h3, ul.categories-module li h4, ul.categories-module li h5, ul.categories-module li h6
{
  display: inline;
}

.only, .phrases
{
  border: solid 1px #ccc;
  margin: 10px 0 0 0px;
  padding: 15px;
  line-height: 1.3em;
}

div.tags
{
  display: inline;
}

.tag-category ul > li:before
{
  content: normal;
}

ul.list-striped > li:before
{
  content: normal;
}

.list-striped
{
  border-top: 1px solid #ddd;
}

.list-striped li, .list-striped dd
{
  border-bottom: 1px solid #ddd;
}

.accordion
{
  margin-bottom: 18px;
}

.accordion-group
{
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.accordion-heading
{
  border-bottom: 0;
}

.accordion-heading .accordion-toggle
{
  display: block;
  padding: 8px 15px;
}

.accordion-toggle
{
  cursor: pointer;
}

.accordion-inner
{
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

.accordion-body.in:hover
{
  overflow: visible;
}

.collapse.in
{
  height: auto;
}

.collapse
{
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  -moz-transition: height .35s ease;
  -o-transition: height .35s ease;
  transition: height .35s ease;
}

.element-invisible
{
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */
}
@media screen {
.mega_css3 .menubar,
.mega_css3 ul.megamenu {
	font-family: Oswald, Arial;
	font-size: 16px;
text-transform:uppercase;
font-weight:bold;letter-spacing:1px;
}
.mega_css3 ul.megamenu ul {
	font-family: Oswald, Arial;
	font-size: 14px;
	text-transform:capitalize;
font-weight:bold;

}
.mega_css3 a {
	color: #000;
	border-bottom:2px solid #fff;
}
.mega_css3 ul.level0 > li.active > a {
	color:#000;	
	background: #fff;
		border-bottom:2px solid #000;

}
.mega_css3 ul.level0 > li > a:hover,
.mega_css3 ul.level0 > li:hover > a {
	color:#000;	
background: #fff;
		border-bottom:2px solid #000;

}
.mega_css3.mega_css3_light .childcontent-inner {
	background: #fff;  border:1px solid #eee;  
	
	
}

.mega_css3.mega_css3_light ul.level1 li.mega a.mega {
	color: #fff;
}

.mega_css3.mega_css3_light .group-title .menu-title {
	color: #666;
}


.mega_css3 ul.level1 li.mega a:hover,
.mega_css3 ul.level1 li.mega a.over {
	background: #fff;

	color: #fff !important;      
}

.mega_css3 ul.level1 li.mega .group-title a:hover,
.mega_css3 ul.level1 li.mega .group-title a.over {
	background: none !important;
}

.mega_css3 ul.level1 li.mega .group-title a:hover .menu-title,
.mega_css3 ul.level1 li.mega .group-title a.over .menu-title {
	color: #fff;
}

.mega_css3 ul.level0 li a {

}

.mega_css3 ul.level1 li a {
	text-shadow: none;
}

.mega_css3 ul.level1 li.mega a.mega.active {
	color: #fff;
}

.mega_css3.mega_css3_light ul.level1 li.mega .group > .group-title > a.mega:hover,
.mega_css3.mega_css3_light ul.level1 li.mega .group-title a:hover .menu-title,
.mega_css3.mega_css3_light ul.level1 li.mega .group-title a.over .menu-title {
	color: #111;
}
.mega_css3 ul.megamenu li {
	overflow: visible;
	position: relative;
}
.mega_css3 ul.level0 {
	float: left;
}

.mega_css3 ul.level0 li.mega {
	background: none;
	display: block;
	float: left;

}

.mega_css3 ul.level0 > li.first {
	margin-left: 0px;
	margin-right:15px;
}

.mega_css3 ul.level0 > li.last1 {
	margin-left: 0px;
	
}
.mega_css3 ul.level0 > li {
	margin-left: 0px;
	
}

.mega_css3 ul.level0 li.mega a.mega {
	display: block;
	line-height: normal;
	text-decoration:none;
	padding:10px 0px;


}

.mega_css3 ul.level0 li.mega .has-image {
	padding-left: 25px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}

.mega_css3 ul.level0 li.mega span.menu-title {
	display: block;
	line-height: 1.4;
}

.mega_css3 ul.level0 li.mega span.menu-desc {
	display: block;
	font-weight: normal;
	font-size: 92%;
}

.mega_css3 ul.level0 li.mega a img {
	float: left;
	padding-right: 5px;
}

.mega_css3 ul.level0 li.over, ul.level0 li.haschild-over {
}

.mega_css3 ul.level0 li.haschild a.mega span.menu-title,
.mega_css3 ul.level0 li.haschild-over a.mega span.menu-title {
	background: url(/templates/images/arrow3.png) no-repeat left center;
}

.mega_css3 ul.level0 li.haschild a.mega span.menu-desc,
.mega_css3 ul.level0 li.haschild-over a.mega span.menu-desc {
	padding-left: 16px;
}

.mega_css3 ul.level0 li.active {
}

/* lv - 1 and below
-----------------------------------*/
/* Layout ---*/
.mega_css3 li.mega .childcontent {
	display: block;
	height: auto;
	position: absolute;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	visibility: hidden;
	opacity: 0;
	margin: 20px 0 0 0;
}

.mega_css3 li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.mega li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.mega li.mega li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent {
	margin: 0 0 0 20px;
	visibility: hidden;
	opacity: 0;
}

.mega_css3 li.haschild-over .childcontent,
.mega_css3 li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.mega li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent {
	margin: 0;
	visibility: visible;
	opacity: 1;
}

.mega_css3 li.mega .right,
.mega_css3 li.haschild-over li.mega .right,
.mega_css3 li.mega li.haschild-over li.mega .right,
.mega_css3 li.mega li.mega li.haschild-over li.mega .right,
.mega_css3 li.mega li.mega li.mega li.haschild-over li.mega .right,
.mega_css3 li.mega li.mega li.mega li.mega li.haschild-over li.mega .right {
	right: auto; /*hide the menu*/
}

.mega_css3 li.haschild-over .right {
	right: 0; /*show on parent:hover*/
}

.mega_css3 li.mega li.haschild-over .right,
.mega_css3 li.mega li.mega li.haschild-over .right,
.mega_css3 li.mega li.mega li.mega li.haschild-over .right,
.mega_css3 li.mega li.mega li.mega li.mega li.haschild-over .right,
.mega_css3 li.mega li.mega li.mega li.mega li.mega li.haschild-over .right {
	right: 12em; /*show on parent:hover*/
}

.mega_css3 ul.level1 li.mega {
	float: none;

}

.mega_css3 ul.level1 .childcontent {
	top: 0.3em;
	left: 14.5em;
}

/* Columns ---*/
.mega_css3 .megacol {
	float: left;
}

/* Styling ---*/
.mega_css3 ul.level1 li.mega a.mega {
	border: 0;
	font-weight: normal;
	padding: 6px 5px;
}

.mega_css3 ul.level1 li.mega a.mega span.menu-title {
	background: none;
	padding: 0;
}

.mega_css3 ul.level1 li.haschild > a,
.mega_css3 ul.level1 li.haschild-over > a {
	background-image: url(/templates/images/arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	padding: 0;
}

.mega_css3 ul.level1 li.over, ul.level1 li.haschild-over {
}

.mega_css3 ul.level1 li.group {
	background: none;
}

/* CHILD CONTENT
-----------------------------------*/
.mega_css3 .childcontent {
	z-index: 999;
}

.mega_css3 .childcontent-inner {
	background: #fff;
}

.mega_css3 .level1 .childcontent-inner {
}

.mega_css3 .childcontent .sl-moduletable {
	line-height: 1.5;
	margin: 10px 0;
	padding: 0;
}

.mega_css3 .childcontent .sl-moduletable h3 {
	background: none;
	margin-left: 10px;
	margin-right: 10px;
	text-indent: 5px;
	text-transform: none;
}

.mega_css3 .childcontent .sl-moduletable .sl-box-ct {
	padding: 0 5px;
}

.mega_css3 .childcontent .sl-moduletable a {
	text-decoration: none;
}

.mega_css3 .childcontent .sl-moduletable a:hover,
.mega_css3 .childcontent .sl-moduletable a:focus,
.mega_css3 .childcontent .sl-moduletable a:active {
	text-decoration: none;
}

.mega_css3 .childcontent .sl-moduletable ul:first-child {
	margin-top: 0 !important;
}

.mega_css3 .childcontent .sl-moduletable li {
	margin-bottom: 5px;
}

/* Grouped --- */
.mega_css3 .group {
}

.mega_css3 .group-title {
	overflow: hidden;
}

.mega_css3 .group-title .menu-title {
}

.mega_css3 .group-title .menu-desc {
	padding-left: 0 !important;
}

.mega_css3 .group-content .sl-moduletable,
.mega_css3 .group-content ul.megamenu {
	padding: 10px; /* Group-content's gutter*/
}

/* reset --- */
.mega_css3 .childcontent ul.megamenu .sl-moduletable {
	padding: 0;
}

.mega_css3 .childcontent ul.megamenu .sl-moduletable h3 {
	margin-left: 0;
	margin-right: 0;
}


.mega_css3 ul.level0 li.haschild a span.menu-title,
.mega_css3 ul.level0 li.haschild-over a span.menu-title {
    background: url(/templates/images/arrow3.png) no-repeat scroll left 50% transparent;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}





.mega_css3 a.over,
.mega_css3 a.active {
}


.mega_css3 ul.level0 a.mega span.menu-title,
.mega_css3 ul.level0 li.haschild a.mega span.menu-title,
.mega_css3 ul.level0 li.haschild-over a.mega span.menu-title {
	background: none;
}

.mega_css3 ul.level1 li.first {
	border-top: 0;
}

.mega_css3 ul.level1 li.mega a.mega {
	border: 0;
	
	color: #bcbcbc;
}

.mega_css3 .childcontent-inner {
	background: #666;  

}

/* CHILD CONTENT */
.mega_css3 .childcontent-inner {
	margin-bottom: 5px;
}

.mega_css3 .childcontent .sl-moduletable {
	color: #333;
}

.mega_css3 .childcontent .sl-moduletable a {
	color: #333;
	border-bottom: 1px dotted #fff;
}

.mega_css3 .childcontent .sl-moduletable h3 {
	background: none;
	border-bottom: 1px dotted #666;
	text-transform: uppercase;
}

/* Grouped --- */
.mega_css3 .group-title {
	border-bottom: 1px solid #666;
	margin: 0 10px;
}

.mega_css3 .group-title .menu-title {
	color: #eee;
}

.mega_css3 .group-title .menu-desc {
	color: #bcbcbc;
	padding-left: 0 !important;
}

.mega_css3 ul.level1 li.mega a.mega {
	padding: 10px 15px;    
    margin: 5px;
	text-align: left;
}

.mega_css3 .megacol ul li .group .group-title a span.menu-title,
.mega_css3 .megacol ul li .group .group-content a span.menu-title {
	background: none;
}


.mega_css3 ul.level1 li.mega .group > .group-title > a.mega {
	padding-top: 15px;
	padding-bottom: 10px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
}

.mega_css3 li li > a.mega > span.menu-title,
.mega_css3 li li > a.mega > span.menu-desc {
	display: inline-block !important;
}

.mega_css3 li.block > a.mega > span.menu-title,
.mega_css3 li.block > a.mega > span.menu-desc {
	display: block !important;
}

.mega_css3 li.tag > a.mega > span.menu-desc {
    background: #F5F5F5;

    color: #FFFFFF;
    display: inline-block;
    margin-left: 14px;
    padding: 1px 7px !important;
}

.mega_css3 li.tag.tag-primary > a.mega > span.menu-desc {
	background: #006DCC;
}

.mega_css3 li.tag.tag-info > a.mega > span.menu-desc {
	background: #49AFCD;
}

.mega_css3 li.tag.tag-success > a.mega > span.menu-desc {
	background: #5BB75B;
}

.mega_css3 li.tag.tag-warning > a.mega > span.menu-desc {
	background: #FAA732;
}

.mega_css3 li.tag.tag-danger > a.mega > span.menu-desc {
	background: #DA4F49;
}

.mega_css3 li.tag.tag-inverse > a.mega > span.menu-desc {
	background: #363636;
}



.mega_css3.mega_css3_light ul.level1 li.mega {
	border-top: 1px solid rgba(0, 0, 0, 0.05);;
}

.mega_css3.mega_css3_light ul.level1 li.mega.first {
	border-top: none;
}

.mega_css3.mega_css3_light .group-title {
	border-bottom: 1px dotted #DDDDDD;
}

.mega_css3 .childcontent-inner {

}



.mega_css3 .menubar {
	display: block;
	line-height: normal;
	margin: 0;
	padding: 10px 8px;;
	text-decoration: none;
	
}

.mega_css3 .menubar,
.mega_css3 .menubar-check {
	display: none;
}

/**
 * RESPONSIVE
 */
/****************** RESPONSIVE *******************/

}@media screen and (max-width: 767px){
	.mega_css3 ul.level0 li.mega {
		width: 100%;
	}

	.mega_css3 ul.level0 > li.first {
		margin: 0;
	}

	.mega_css3 li.mega div.childcontent {
		position: static;
		margin: 0;
		max-height: 0;
		overflow: hidden;
	}

	.mega_css3 li.mega div.childcontent-inner,
	.mega_css3 li.mega div.megacol {
		width: 100% !important;
	}

	.mega_css3 li.haschild-over > div.childcontent {
		max-height: 9999em;
	}

	.mega_css3 li.mega ul {
		padding: 0;
		margin: 0;
	}

	.mega_css3 ul.level2 li.mega a.mega {
		padding-left: 28px;
	}

	.mega_css3 ul.level3 li.mega a.mega {
		padding-left: 38px;
	}

	.mega_css3 ul.level4 li.mega a.mega {
		padding-left: 48px;
	}

	.mega_css3 .childcontent-inner {
		box-shadow: none;
	}

	.mega_css3.mega_css3 ul.level1 li.mega.first {
		border-top: 1px solid rgba(255, 255, 255, 0.05);
	}

	.mega_css3.mega_css3_light ul.level1 li.mega.first {
		border-top: 1px solid rgba(0, 0, 0, 0.05);
	}

	.mega_css3 ul.level0 >li.haschild > a.mega span.menu-title,
	.mega_css3 ul.level0 > li.haschild-over > a.mega span.menu-title {
		background-image: url(/templates/images/sprites_hover.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-color: transparent;
		display: block;
	}

	.mega_css3 .menubar {
		display: block;
		color: #fff;
		margin-bottom: 0;
	}

	.mega_css3 .menubar:before {
		content: "\2261";
		display: block;
		float: left;
		font-size: 30px;
		margin: -10px 8px 0 0;
	}

	.mega_css3 .menubar-check + ul {
		display: none;
	}

	.mega_css3 .menubar-check:checked + ul {
		display: block;
	}
}
@media screen {
/* Android 2.3 :checked fix */

}@-webkit-keyframes fake {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes fake {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@media screen {
body {
  -webkit-animation: fake 1s infinite;
          animation: fake 1s infinite;
}

.worko-tabs {

  width: 100%;
}
.worko-tabs .state {
  position: absolute;
  left: -10000px;
}
.worko-tabs .flex-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.worko-tabs .flex-tabs .tab {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
 
}
.worko-tabs .flex-tabs .panel {
  background: #fff;
  padding: 20px;
  border:1px solid #eee;
  min-height: 300px;
  display: none;
  width: 100%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.worko-tabs .tab {
  display: inline-block;
  padding: 10px;
  font-size:20px;
  vertical-align: top;
  background: #333;
  cursor: hand;
  cursor: pointer;
  border-left: 1px solid #eee;
    border-right: 0px solid #eee;
	border-top: 1px solid #eee;
	font-family: Montserrat, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.worko-tabs .tab:hover {
  background: rgba(0,0,0,0.4);  color:#111;
}

#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label,
#tab-five:checked ~ .tabs #tab-five-label {
 background: rgba(0,0,0,0.4);
  cursor: default;
  color:#111;

}

#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel,
#tab-five:checked ~ .tabs #tab-five-panel {
  display: block;
}


}@media screen and (max-width: 600px){
  .flex-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-tabs .tab {
   background: #333;
    border-bottom: 1px solid #eee;
  }
  .flex-tabs .tab:last-of-type {
    border-bottom: none;
  }
  .flex-tabs #tab-one-label {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-tabs #tab-two-label {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .flex-tabs #tab-three-label {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .flex-tabs #tab-four-label {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
    .flex-tabs #tab-five-label {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .flex-tabs #tab-one-panel {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .flex-tabs #tab-two-panel {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .flex-tabs #tab-three-panel {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .flex-tabs #tab-four-panel {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .flex-tabs #tab-five-panel {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  #tab-one:checked ~ .tabs #tab-one-label,
  #tab-two:checked ~ .tabs #tab-two-label,
  #tab-three:checked ~ .tabs #tab-three-label,
    #tab-four:checked ~ .tabs #tab-four-label,
  #tab-five:checked ~ .tabs #tab-five-label {
    border-bottom: none;
  }

  #tab-one:checked ~ .tabs #tab-one-panel,
  #tab-two:checked ~ .tabs #tab-two-panel,
  #tab-three:checked ~ .tabs #tab-three-panel,
    #tab-four:checked ~ .tabs #tab-four-panel,
  #tab-five:checked ~ .tabs #tab-five-panel {
    border-bottom: 1px solid #ccc;
  }
  
}
@media screen {
#limit {padding:8px 3px;border:1px solid #eee;}

.cf_filters_list li label input {width:10px !important;}
.cf_filters_list li label a {font-size:12px !important;}
.cf_filters_list li label a:link{color:#999;}
.cf_filters_list li label a:hover{color:#45D8BB !important;}

.cf_wrapper_input_text_2 input[type="search"] {

    min-width: 40px !important;
border: 0px; }

@include font-awesome("\f054");
.cf_li_clear {display:none;}
.cf_parentOpt{padding:0px !important;}
.cf_filters_list{margin:0px !important;}
.cfLiLevel0>a{font-size:12px !important;color:#999 !important;text-transform:uppercase !important;}
.cfLiLevel0{ background:#fff;padding:6px 5px 5px 5px !important;border:1px solid #eee !important;margin:10px 0px !important;} 
.cfLiLevel1>a{font-size:12px !important;color:#DE272C !important;}
.cfLiLevel2>a{font-size:12px !important;color:#666 !important;padding-left: 17px !important;}
.cf_childOpt {padding:0px !important}
.cf_expand::before { 
padding-right: 10px;


}
.cf_unexpand::before { 
padding-right: 10px;


}
.cf_flt {width:100% !important;}
.country_wrap {display:none;} .art-button {margin:0px 0px !important;width:100%;padding:0px 0px;} 
.cf_flt {width: 100%;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 12px;
    color: #999;
    border: 1px solid #eee;} .cf_flt_header {display:none;}
	#virtuemart_state_id_div {display:none;} #virtuemart_state_id {width:100%;padding:8px 3px;border:1px solid #eee;font-style:italic;font-weight:normal;margin-bottom:5px;} input[type="text"] {margin-bottom:5px;}
.cf_parentOpt {font-size:16px !important;text-transform:capitalize !important;padding-left:10px !important;}
.cf_childOpt {padding-left:10px !important;font-size:13px !important;color: #666 !important;}
.cf_clear {width:100% !important;text-align:center !important;color:#fff !important;padding:3px 0px;}
input[type="checkbox"], input[type="radio"] {margin-left:10px !important;margin-right:0px !important;}

   .cf_flt_counter{ float: right;
   color: #ccc !important;font-size:13px !important; }
.vm-order-done>h3 {display:none;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea
{width:100% !important;    margin-bottom: 10px !important;}
#howdidyouhearaboutus {width:100% !important;    margin-bottom: 10px !important;padding:10px 5px;border:1px solid #eee;}
#howdidyouhearaboutus_div, #virtuemart_state_id_div {display:block !important;}
#virtuemart_country_id_input {display:none;}
#virtuemart_state_id {width:100% !important;    margin-bottom: 10px !important;    padding: 10px 5px;}
.formLabel {display:none;}
.cf_results-msg {display:none;}
.fp {padding:5px 5px;}
.orderlistcontainer .title {display:none;}
.vm-chzn-select {width:100%;border:1px solid #eee;padding:5px;}
.vmcustom-textinput  {width:100% !important;border:1px solid #eee !important;padding:5px !important;}

.table1 {width:100%;margin:-5px;}
.tablecell1 {width:50%;padding:5px;}
.fancybox-bg {display:none}
.art-postheadericons {display:none}
#fancybox-title {display:none !important;}
.art-postheadericons {display:none;}
#fancybox-content {border:0px;}
.no-vm-bind {
    width: 100%;
padding: 10px 0px;}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.dropdown_css3 span {font-family: Raleway, Arial !important;}
.pp {padding:10px 5px;}
.pr {padding:10px 0px 10px 5px;}
.pl {padding:10px 5px 10px 0px;}
.pc {padding:10px 5px 10px 5px;}
.center1 {max-width: 1200px;margin: 0px auto;}
.ff {padding:0px 5px;}
.full1 {display:block;width:100%;}

}@media screen and (max-width: 800px){  
.menu1   {display:none;} 
.right1  {float:none !important; text-align:center !important;} 
.right2  {display:none;} 
.left1   {float:none !important; text-align:center !important;}
.desktopfixed {position:relative;z-index:100;}

.mobilehide {display:none;}
.desktophideinline {display:inline-block;}
.desktophide {}


} 
@media screen and (min-width: 800px){  
.right1  {float:right !important;text-align:right !important;}  
.left1   {float:left !important;text-align:left !important;} 
.desktopfixed {position:fixed;z-index:100;}
.mobilehide {}
.desktophideinline {display:none;}
.desktophide {display:none;}
}
@media screen {
#fin-captcha2 {width:100%;}
#fin-captcha2 img {  margin-bottom: 10px;
float: left;
width: 50%;
height: 40px; border:1px solid #eee}
.quote   {padding: 0px 5px 0px 5px;}
.pp {width: 100%;padding: 0px !important;}
#fancybox-content{background:#fff;}
blockquote {    
margin: 20px 0px !important;
padding: 40px !important;
line-height: 200%;

}
blockquote p {margin: 12px 0px !important;}
.art-layout-cell {height: 100% !important;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body{font-size:100%;line-height:1.6875}
.grid{margin:0 auto;max-width:1200px;width:100%}
img{height:auto;display:block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;margin-bottom:0px}
.row .row{width:auto;margin:0px}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
.c1a{width:10%}
.c2a{width:20%}
.c3a{width:30%}
.c4a{width:40%}
.c5a{width:50%}
.c6a{width:60%}
.c7a{width:70%}
.c8a{width:80%}
.c9a{width:90%}
.c10a{width:100%}
.c1b{width:14.2%}

.d1{width:8.33%}
.d2{width:16.66%}
.d3{width:25%}
.d4{width:33.33%}
.d5{width:41.66%}
.d6{width:50%}
.d7{width:58.33%}
.d8{width:66.66%}
.d9{width:75%}
.d10{width:83.33%}
.d11{width:91.66%}
.d12{width:100%}
.d1a{width:10%}
.d2a{width:20%}
.d3a{width:30%}
.d4a{width:40%}
.d5a{width:50%}
.d6a{width:60%}
.d7a{width:70%}
.d8a{width:80%}
.d9a{width:90%}
.d10a{width:100%}
.d1b{width:14.2%}


.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1a,.c2a,.c3a,.c4a,.c5a,.c6a,.c7a,.c8a,.c9a,.c10a {min-height:1px;float:left;}
.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11,.d12,.d1a,.d2a,.d3a,.d4a,.d5a,.d6a,.d7a,.d8a,.d9a,.d10a {min-height:1px;float:left;}


}@media only screen and (max-width:960px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12,.row .row .c1a,.row .row .c2a,.row .row .c3a,.row .row .c4a,.row .row .c5a,.row .row .c6a,.row .row .c7a,.row .row .c8a,.row .row .c9a,.row .row .c10a
{width:100%;}
.row .row > div:last-child{margin-bottom:0 !important}
}
@media only screen and (max-width:960px){
.row .row .d1,.row .row .d2,.row .row .d3,.row .row .d4,.row .row .d5,.row .row .d6,.row .row .d7,.row .row .d8,.row .row .d9,.row .row .d10,.row .row .d11,.row .row .d12,.row .row .d1a,.row .row .d2a,.row .row .d3a,.row .row .d4a,.row .row .d5a,.row .row .d6a,.row .row .d7a,.row .row .d8a,.row .row .d9a,.row .row .d10a
{width:50%;}
.row .row > div:last-child{margin-bottom:0 !important}
}
@media screenhandheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
body{font-size:90%}
.row{margin-bottom:0!important}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1a,.c2a,.c3a,.c4a,.c5a,.c6a,.c7a,.c8a,.c9a,.c10a{width:100%;margin-right:0;margin-left:0;}
}
@media screenhandheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
body{font-size:90%}
.row{margin-bottom:0!important}
.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11,.d12,.d1a,.d2a,.d3a,.d4a,.d5a,.d6a,.d7a,.d8a,.d9a,.d10a{width:50%;margin-right:0;margin-left:0;}
}