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

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

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

html, button, input, select, textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

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

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

h2 {
  margin: 0.83em 0;
  font-size: 1.5em;
}

h3 {
  margin: 1em 0;
  font-size: 1.17em;
}

h4 {
  margin: 1.33em 0;
  font-size: 1em;
}

h5 {
  margin: 1.67em 0;
  font-size: 0.83em;
}

h6 {
  margin: 2.33em 0;
  font-size: 0.75em;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

p, pre {
  margin: 1em 0;
}

code, kbd, pre, samp {
  font-size: 1em;
  font-family: monospace,serif;
  _font-family: 'courier new',monospace;
}



pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

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

small {
  font-size: 75%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl, menu, ol, ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

menu, ol, ul {
  padding: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid#c0c0c0;
}

legend {
  padding: 0;
  border: 0;
  white-space: normal;
  *margin-left: -7px;
}

button, input, select, textarea, .button {
  -webkit-border-radius:0;
  border-radius:0;
  margin: 0;
  vertical-align: baseline;
  font-size: 100%;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

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

/*-----------------------------------------------------------*/
/* General Styles
/*-----------------------------------------------------------*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.bypostauthor, .sticky, .gallery-caption {
	
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.wp-caption {
    padding: 5px 3px 10px;
    max-width: 96%; /* Image does not overflow the content area */
    border: 1px solid #f0f0f0;
    background: #fff;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    max-width: 98.5%;
    width: auto;
    height: auto;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    font-size: 11px;
    line-height: 17px;
}

code {
	padding: 3px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: rgba(0, 0, 0, .05);
	line-height: 25px;
	margin: 5px 0;
	display: block;
}

hr{
	border: none;
	border-bottom: 1px solid #f6f6f6;
}

.recent_posts {
	padding-left: 30px;
}

body, html {
  width: 100%;
  height: 100%;
  background: #e2e2e0;
  color: #a1a6aa;
  font-size: 13px;
  font-family: 'PT Sans', sans-serif;
  line-height: 20px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
  body, html {
    background-size: 100px;
  }
}

p {
  font-size: 13px;
  line-height: 20px;
}

.wrappedContent a {
  color: #a1a6aa;
  text-decoration: underline;
  font-weight: bold;
}

blockquote {
  margin-left: 15px;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  font-family: 'Ubuntu', sans-serif;
  color: #424143;
}

iframe {
  border: none;
}

#content {
  position: relative;
  z-index: -1;
}

#contentWrapper {
  overflow: hidden;
  background: #fff;
}

.error_message {
  display: block;
  margin: 10px 0;
  padding: 3px 10px 3px 10px;
  border: 1px dashed #FBC2C4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #FBE3E4;
  color: #8a1f11;
  line-height: 22px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.warning_message {
  display: block;
  margin: 10px 0;
  padding: 3px 10px 3px 10px;
  border: 1px dashed #efe3ae;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fef6d2;
  color: #af9522;
}

.success_message {
  display: block;
  margin: 10px 0;
  padding: 3px 10px 3px 10px;
  border: 1px dashed #d6ecb3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #edfcd5;
  color: #78a92a;
  line-height: 22px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

#wrapper {
  overflow: hidden;
  width: 100%;
}

.activeState {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.hover {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.cutOffStripesContainer {
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  -webkit-box-shadow: 0 0 5px #d5d5d5 inset;
  -moz-box-shadow: 0 0 5px #d5d5d5 inset;
  box-shadow: 0 0 5px #d5d5d5 inset;
  cursor: pointer;
}
.cutOffStripesContainer.activeState {
  -webkit-box-shadow: 0 0 10px #d5d5d5 inset;
  -moz-box-shadow: 0 0 10px #d5d5d5 inset;
  box-shadow: 0 0 10px #d5d5d5 inset;
}
.cutOffStripesContainer.activeState .webFont {
  font-size: 0.8em;
}
.cutOffStripesContainer .webFont, .stripeDesc {
  display: block;
  padding: 12px 0;
  color: #c3c3c3;
  text-align: center;
  text-shadow: none;
  font-size: 13px;
}

.loadMoreLoading {
	-webkit-animation: cssAnimation 1.5s linear infinite;
	-moz-animation: cssAnimation 1.5s linear infinite;
	-o-animation: cssAnimation 1.5s linear infinite;
}
@-webkit-keyframes cssAnimation {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes cssAnimation {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-o-keyframes cssAnimation {
	from { -o-transform: rotate(0deg); }
	to { -o-transform: rotate(360deg); }
}

.stripeDesc{
	font-size: 14px;
	line-height: 0;
}

.stripeDesc a{
    color: #424143;
}

.greyBg {
  background: #e2e2e0;
}

.wrappedContent {
  position: relative;
  padding: 0 15px 10px;
  *zoom: 1;
}
.wrappedContent:after {
  display: table;
  clear: both;
  content: "";
}

.videoContainer {
  position: relative;
  padding: 0;
  width: 100%;
  pgdding-top: 56.27659574468085%;
}

.hideGalleryImages .gallery{
	display: none;
}

.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper {
  margin: 0 auto;
}
.videoWrapper iframe {
  width: 100%;
  height: auto;
}

.fullWidth {
  margin: 8px 0 0;
}
.fullWidth img {
  box-sizing: border-box;
  width: 100%;
  height: auto;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  display: table;
  clear: both;
  content: "";
}

.imgBorder, .slides li img, img, iframe {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  color: #424143;
  font-family: 'Ubuntu', sans-serif;
}

.relative {
  position: relative;
}

.inline {
  display: inline-block !important;
}

.half-1 {
  float: left;
  margin: 0 8% 0 0;
  width: 46%;
}

.half-2 {
  float: left;
  margin: 0;
  width: 46%;
}

.twothirds {
  float: left;
  margin: 0 4% 0 0;
  width: 66%;
}

.onethird {
  float: left;
  margin: 0;
  width: 30%;
}

.onethirds-1_2-wrapper {
  float: left;
  margin: 0;
  padding: 0;
  width: 65%;
}

.onethird-1 {
  float: left;
  margin: 0 8% 0 0;
  width: 46%;
}

.onethird-2 {
  float: left;
  margin: 0;
  width: 46%;
}

.onethird-3 {
  float: left;
  width: 30%;
}

.highlightgreen {
  background: #b5d674;
  color: white;
}

.highlightblue {
  background: #b2dbf2;
  color: white;
}

.highlightdark {
  background: #737373;
  color: white;
}

.highlightgrey {
  background: #a4a1a2;
  color: white;
}

.highlightorange {
  background: #ed8e72;
  color: white;
}

.highlightred {
  background: #e29a9a;
  color: white;
}

.hideContent{
	display: none;
}

/*-----------------------------------------------------------*/
/* Header
/*-----------------------------------------------------------*/
#header {
  position: relative;
  height: 45px;
  background: #00a376;
  background-size: 45px 45px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
}
.fixedHeader #header{position: fixed; width: 100%;}
.fixedHeader #content{padding-top: 45px;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
  #header {
    background-size: 45px 45px;
  }
}

/* Menu Icons */
#topBarIconMenu {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 10;
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  content: ' ';
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #topBarIconMenu {
    background-image: url('../images/sprites@2x.png');
    background-position: 0 0;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#topBarIconMenu.activeState {
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: -40px 0;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #topBarIconMenu.activeState {
    background-image: url('../images/sprites@2x.png');
    background-position: -40px 0; 
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

#topBarIconBackList {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 10;
  width: 46px;
  height: 31px;
  background-image: url('../images/sprites.png');
  background-position: 0 -82px;
  background-repeat: no-repeat;
  content: ' ';
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #topBarIconBackList {
    background-image: url('../images/sprites@2x.png');
    background-position: 0 -313.5px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#topBarIconBackList.activeState {
  width: 46px;
  height: 31px;
  background-image: url('../images/sprites.png');
  background-position: 0 -41px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #topBarIconBackList.activeState {
    background-image: url('../images/sprites@2x.png');
    background-position: 0 -104.5px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

#topBarIconShare {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 10;
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: 0 -30px;
  background-repeat: no-repeat;
  content: ' ';
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #topBarIconShare {
    background-image: url('../images/sprites@2x.png');
    background-position: 0 -30px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#topBarIconShare.activeState {
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: -40px -30px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #topBarIconShare.activeState {
    background-image: url('../images/sprites@2x.png');
    background-position: -40px -30px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#topBarIconSearch {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 10;
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: 0 -90px;
  background-repeat: no-repeat;
  content: ' ';
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #topBarIconSearch {
    background-image: url('../images/sprites@2x.png');
    background-position: 0 -90px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#topBarIconSearch.activeState {
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: -40px -90px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #topBarIconSearch.activeState {
    background-image: url('../images/sprites@2x.png');
    background-position: -40px -90px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

#imgLogo {
  position: relative;
  top: 0;
  display: block;
  margin: 0 auto;
  width: 180px;
  height: 44px;
  background-size: 180px 16px;
}

#textLogo{
  position: relative;
  display: block;
  margin: 0 auto;
  width: 180px;
  text-decoration: none;
}

#textLogo h1 {
  display: block;
  margin: 0;
  padding: 0;
  height: 44px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 44px;
}

/* Share Dialog */
.shareDialog {
  position: absolute;
  display: none;
  margin: 15px 10px;
  max-width: 227px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.shareDialogContent {
  overflow: hidden;
}

.shareDialogArrow {
  position: absolute;
  top: -20px;
  right: 10px;
  /* IE6 Fix */
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  _border-left-color: pink;
  _border-top-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink);
}

.shareDialogIconList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shareDialogIconList li {
  display: inline;
  float: left;
  color: #4f4f4f;
}
.shareDialogIconList li:last-child {
  border: none;
}
.shareDialogIconList li a {
  position: relative;
  display: block;
  margin-bottom: 10px;
  width: 75px;
  color: inherit;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-size: 10px;
}
.shareDialogIconList li.activeState {
  background: #00a375;
  color: #fff;
  text-shadow: none;
}

.shareDialogMail {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -48px;
  background-repeat: no-repeat;
}
li.activeState .shareDialogMail {
  background-image: url('../images/sprites.png');
  background-position: -105px -48px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogMail {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -48px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogMail {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -48px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

.shareDialogFb {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
    background-position: -80px -24px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogFb {
  background-image: url('../images/sprites.png');
    background-position: -105px -24px;
  background-repeat: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogFb {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -24px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  
  li.activeState .shareDialogFb {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -24px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

.shareDialogTwitter {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px 0;
  background-repeat: no-repeat;
}


li.activeState .shareDialogTwitter {
  background-image: url('../images/sprites.png');
  background-position: -105px 0;
  background-repeat: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogTwitter {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px 0;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  
  li.activeState .shareDialogTwitter {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px 0;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

.shareDialogGoogle {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -72px;
  background-repeat: no-repeat;
}
li.activeState .shareDialogGoogle {
  background-image: url('../images/sprites.png');
  background-position: -105px -72px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogGoogle {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -72px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogGoogle {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -72px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

.shareDialogYoutube {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -96px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogYoutube {
  background-image: url('../images/sprites.png');
  background-position: -105px -96px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogYoutube {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -96px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogYoutube {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -96px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

.shareDialogPaypal {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -144px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogPaypal {
  background-image: url('../images/sprites.png');
  background-position: -105px -144px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogPaypal {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -144px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogPaypal {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -144px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

.shareDialogDribbble {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -120px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogDribbble {
  background-image: url('../images/sprites.png');
  background-position: -105px -120px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogDribbble {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -120px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogDribbble {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -120px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

.shareDialogYahoo {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -168px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogYahoo {
  background-image: url('../images/sprites.png');
  background-position: -105px -168px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogYahoo {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -168px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogYahoo {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -168px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
.shareDialogVimeo {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -192px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogVimeo {
  background-image: url('../images/sprites.png');
  background-position: -105px -192px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogVimeo {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -192px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogVimeo {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -192px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
.shareDialogDeviant {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -216px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogDeviant {
  background-image: url('../images/sprites.png');
  background-position: -105px -216px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogDeviant {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -216px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogDeviant {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -216px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

.shareDialogFlickr {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -240px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogFlickr {
  background-image: url('../images/sprites.png');
  background-position: -105px -240px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogFlickr {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -240px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogFlickr {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -240px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
.shareDialogBehance {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -264px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogBehance {
  background-image: url('../images/sprites.png');
  background-position: -105px -264px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogBehance {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -264px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogBehance {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -264px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
.shareDialogLinkedin {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -288px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogLinkedin {
  background-image: url('../images/sprites.png');
  background-position: -105px -288px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogLinkedin {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -288px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogLinkedin {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -288px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
.shareDialogRss {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -312px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogRss {
  background-image: url('../images/sprites.png');
  background-position: -105px -312px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogRss {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -312px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogRss {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -312px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

.shareDialogMyspace {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -336px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogMyspace {
  background-image: url('../images/sprites.png');
  background-position: -105px -336px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogMyspace {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -336px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogMyspace {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -336px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
.shareDialogTumblr {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -360px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogTumblr {
  background-image: url('../images/sprites.png');
  background-position: -105px -360px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogTumblr {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -360px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogTumblr {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -360px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
.shareDialogWordpress {
  display: block;
  margin: 12px 0 12px 23px;
  width: 25px;
  height: 24px;
  background-image: url('../images/sprites.png');
  background-position: -80px -384px;
  background-repeat: no-repeat;
}

li.activeState .shareDialogWordpress {
  background-image: url('../images/sprites.png');
  background-position: -105px -384px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .shareDialogWordpress {
    background-image: url('../images/sprites@2x.png');
    background-position: -80px -384px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
  li.activeState .shareDialogWordpress {
    background-image: url('../images/sprites@2x.png');
    background-position: -105px -384px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

/*-----------------------------------------------------------*/
/* List Menu Styles
/*-----------------------------------------------------------*/
#sidebar {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;

  position: fixed;
  z-index: 1;
  overflow-y: auto!important;
  width: 83%;
  height: 100%;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-overflow-scrolling: touch;
}
#sidebar.activeState {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

#listMenu, .menu > ul {
  margin: 5px 0 0 0;
  padding: 0;
  background: #e2e2e0;
  list-style: none;
}
#listMenu li, .menu li {
  color: #4f4f4f;
}
#listMenu > li.activeState, .menu ul > li.activeState {
  background: #00a376;
}
#listMenu li a, .menu li a {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 10px;
  padding: 12px 0;
  padding-left: 45px;
  border-top: 1px solid #e2e2e0;
  border-bottom: 1px solid #dcdcdb;
  color: #4f4f4f;
  text-decoration: none;
  font-size: 12px;
}
#listMenu li.activeState > a, .menu li > a.activeState {
  border-top: 1px solid #00a376 !important;
  border-bottom: 1px solid #00a376 !important;
  color: #fff;
}
.sub-menu{
  margin: 0;
  margin-left: -5px;
  padding: 0;
  background: #e2e2e0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
}
.sub-menu li {
	background: rgba(0, 0, 0, 0.05);
}
.sub-menu li a{
  padding-left: 27px !important;
  border-top: none !important;
  border-bottom: 1px solid #cecece !important;
}
.sub-menu li:last-child a{
  border-bottom: none !important;
}
#listMenu li.title a, .menu ul li.title a {
  position: relative;
  z-index: 2;
  display: block;
  padding: 10px;
  border-top: none;
  -webkit-box-shadow: 0 0 3px #dcdcdb;
  -moz-box-shadow: 0 0 3px #dcdcdb;
  box-shadow: 0 0 3px #dcdcdb;
  font-size: 12px;
  line-height: 10px;
}
/*-----------------------------------------------------------*/
/* Menu Icons
/*-----------------------------------------------------------*/

.menuicons_attachment > a{
	background: url('../images/icons/menuicon_attachment.png') no-repeat;
	background-position: 14px center;
}

.menuicons_attachment.activeState > a{
	background: url('../images/icons/menuicon_attachment_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_attachment > a{
		background: url('../images/icons/menuicon_attachment@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_attachment.activeState > a{
		background: url('../images/icons/menuicon_attachment@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_back > a{
	background: url('../images/icons/menuicon_back.png') no-repeat;
	background-position: 14px center;
}

.menuicons_back.activeState > a{
	background: url('../images/icons/menuicon_back_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_back > a{
		background: url('../images/icons/menuicon_back@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_back.activeState > a{
		background: url('../images/icons/menuicon_back@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_box > a{
	background: url('../images/icons/menuicon_box.png') no-repeat;
	background-position: 14px center;
}

.menuicons_box.activeState > a{
	background: url('../images/icons/menuicon_box_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_box > a{
		background: url('../images/icons/menuicon_box@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_box.activeState > a{
		background: url('../images/icons/menuicon_box@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_cloud > a{
	background: url('../images/icons/menuicon_cloud.png') no-repeat;
	background-position: 14px center;
}

.menuicons_cloud.activeState > a{
	background: url('../images/icons/menuicon_cloud_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_cloud > a{
		background: url('../images/icons/menuicon_cloud@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_cloud.activeState > a{
		background: url('../images/icons/menuicon_cloud@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_command > a{
	background: url('../images/icons/menuicon_command.png') no-repeat;
	background-position: 14px center;
}

.menuicons_command.activeState > a{
	background: url('../images/icons/menuicon_command_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_command > a{
		background: url('../images/icons/menuicon_command@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_command.activeState > a{
		background: url('../images/icons/menuicon_command@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_comment > a{
	background: url('../images/icons/menuicon_comment.png') no-repeat;
	background-position: 14px center;
}

.menuicons_comment.activeState > a{
	background: url('../images/icons/menuicon_comment_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_comment > a{
		background: url('../images/icons/menuicon_comment@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_comment.activeState > a{
		background: url('../images/icons/menuicon_comment@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_exit > a{
	background: url('../images/icons/menuicon_exit.png') no-repeat;
	background-position: 14px center;
}

.menuicons_exit.activeState > a{
	background: url('../images/icons/menuicon_exit_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_exit > a{
		background: url('../images/icons/menuicon_exit@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_exit.activeState > a{
		background: url('../images/icons/menuicon_exit@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_file > a{
	background: url('../images/icons/menuicon_file.png') no-repeat;
	background-position: 14px center;
}

.menuicons_file.activeState > a{
	background: url('../images/icons/menuicon_file_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_file > a{
		background: url('../images/icons/menuicon_file@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_file.activeState > a{
		background: url('../images/icons/menuicon_file@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_file2 > a{
	background: url('../images/icons/menuicon_file2.png') no-repeat;
	background-position: 14px center;
}

.menuicons_file2.activeState > a{
	background: url('../images/icons/menuicon_file2_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_file2 > a{
		background: url('../images/icons/menuicon_file2@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_file2.activeState > a{
		background: url('../images/icons/menuicon_file2@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_folder > a{
	background: url('../images/icons/menuicon_folder.png') no-repeat;
	background-position: 14px center;
}

.menuicons_folder.activeState > a{
	background: url('../images/icons/menuicon_folder_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_folder > a{
		background: url('../images/icons/menuicon_folder@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_folder.activeState > a{
		background: url('../images/icons/menuicon_folder@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_forward > a{
	background: url('../images/icons/menuicon_forward.png') no-repeat;
	background-position: 14px center;
}

.menuicons_forward.activeState > a{
	background: url('../images/icons/menuicon_forward_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_forward > a{
		background: url('../images/icons/menuicon_forward@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_forward.activeState > a{
		background: url('../images/icons/menuicon_forward@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_gearbox > a{
	background: url('../images/icons/menuicon_gearbox.png') no-repeat;
	background-position: 14px center;
}

.menuicons_gearbox.activeState > a{
	background: url('../images/icons/menuicon_gearbox_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_gearbox > a{
		background: url('../images/icons/menuicon_gearbox@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_gearbox.activeState > a{
		background: url('../images/icons/menuicon_gearbox@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_heart > a{
	background: url('../images/icons/menuicon_heart.png') no-repeat;
	background-position: 14px center;
}

.menuicons_heart.activeState > a{
	background: url('../images/icons/menuicon_heart_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_heart > a{
		background: url('../images/icons/menuicon_heart@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_heart.activeState > a{
		background: url('../images/icons/menuicon_heart@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_html > a{
	background: url('../images/icons/menuicon_html.png') no-repeat;
	background-position: 14px center;
}

.menuicons_html.activeState > a{
	background: url('../images/icons/menuicon_html_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_html > a{
		background: url('../images/icons/menuicon_html@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_html.activeState > a{
		background: url('../images/icons/menuicon_html@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_chart > a{
	background: url('../images/icons/menuicon_chart.png') no-repeat;
	background-position: 14px center;
}

.menuicons_chart.activeState > a{
	background: url('../images/icons/menuicon_chart_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_chart > a{
		background: url('../images/icons/menuicon_chart@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_chart.activeState > a{
		background: url('../images/icons/menuicon_chart@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_left > a{
	background: url('../images/icons/menuicon_left.png') no-repeat;
	background-position: 14px center;
}

.menuicons_left.activeState > a{
	background: url('../images/icons/menuicon_left_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_left > a{
		background: url('../images/icons/menuicon_left@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_left.activeState > a{
		background: url('../images/icons/menuicon_left@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_left2 > a{
	background: url('../images/icons/menuicon_left2.png') no-repeat;
	background-position: 14px center;
}

.menuicons_left2.activeState > a{
	background: url('../images/icons/menuicon_left2_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_left2 > a{
		background: url('../images/icons/menuicon_left2@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_left2.activeState > a{
		background: url('../images/icons/menuicon_left2@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_link > a{
	background: url('../images/icons/menuicon_link.png') no-repeat;
	background-position: 14px center;
}

.menuicons_link.activeState > a{
	background: url('../images/icons/menuicon_link_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_link > a{
		background: url('../images/icons/menuicon_link@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_link.activeState > a{
		background: url('../images/icons/menuicon_link@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_list > a{
	background: url('../images/icons/menuicon_list.png') no-repeat;
	background-position: 14px center;
}

.menuicons_list.activeState > a{
	background: url('../images/icons/menuicon_list_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_list > a{
		background: url('../images/icons/menuicon_list@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_list.activeState > a{
		background: url('../images/icons/menuicon_list@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_loading > a{
	background: url('../images/icons/menuicon_loading.png') no-repeat;
	background-position: 14px center;
}

.menuicons_loading.activeState > a{
	background: url('../images/icons/menuicon_loading_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_loading > a{
		background: url('../images/icons/menuicon_loading@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_loading.activeState > a{
		background: url('../images/icons/menuicon_loading@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_lock > a{
	background: url('../images/icons/menuicon_lock.png') no-repeat;
	background-position: 14px center;
}

.menuicons_lock.activeState > a{
	background: url('../images/icons/menuicon_lock_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_lock > a{
		background: url('../images/icons/menuicon_lock@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_lock.activeState > a{
		background: url('../images/icons/menuicon_lock@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_magnifier > a{
	background: url('../images/icons/menuicon_magnifier.png') no-repeat;
	background-position: 14px center;
}

.menuicons_magnifier.activeState > a{
	background: url('../images/icons/menuicon_magnifier_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_magnifier > a{
		background: url('../images/icons/menuicon_magnifier@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_magnifier.activeState > a{
		background: url('../images/icons/menuicon_magnifier@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_message > a{
	background: url('../images/icons/menuicon_message.png') no-repeat;
	background-position: 14px center;
}

.menuicons_message.activeState > a{
	background: url('../images/icons/menuicon_message_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_message > a{
		background: url('../images/icons/menuicon_message@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_message.activeState > a{
		background: url('../images/icons/menuicon_message@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_movie > a{
	background: url('../images/icons/menuicon_movie.png') no-repeat;
	background-position: 14px center;
}

.menuicons_movie.activeState > a{
	background: url('../images/icons/menuicon_movie_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_movie > a{
		background: url('../images/icons/menuicon_movie@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_movie.activeState > a{
		background: url('../images/icons/menuicon_movie@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_nextlist > a{
	background: url('../images/icons/menuicon_nextlist.png') no-repeat;
	background-position: 14px center;
}

.menuicons_nextlist.activeState > a{
	background: url('../images/icons/menuicon_nextlist_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_nextlist > a{
		background: url('../images/icons/menuicon_nextlist@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_nextlist.activeState > a{
		background: url('../images/icons/menuicon_nextlist@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_numberlist > a{
	background: url('../images/icons/menuicon_numberlist.png') no-repeat;
	background-position: 14px center;
}

.menuicons_numberlist.activeState > a{
	background: url('../images/icons/menuicon_numberlist_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_numberlist > a{
		background: url('../images/icons/menuicon_numberlist@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_numberlist.activeState > a{
		background: url('../images/icons/menuicon_numberlist@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_picture > a{
	background: url('../images/icons/menuicon_picture.png') no-repeat;
	background-position: 14px center;
}

.menuicons_picture.activeState > a{
	background: url('../images/icons/menuicon_picture_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_picture > a{
		background: url('../images/icons/menuicon_picture@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_picture.activeState > a{
		background: url('../images/icons/menuicon_picture@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_popup > a{
	background: url('../images/icons/menuicon_popup.png') no-repeat;
	background-position: 14px center;
}

.menuicons_popup.activeState > a{
	background: url('../images/icons/menuicon_popup_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_popup > a{
		background: url('../images/icons/menuicon_popup@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_popup.activeState > a{
		background: url('../images/icons/menuicon_popup@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_right > a{
	background: url('../images/icons/menuicon_right.png') no-repeat;
	background-position: 14px center;
}

.menuicons_right.activeState > a{
	background: url('../images/icons/menuicon_right_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_right > a{
		background: url('../images/icons/menuicon_right@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_right.activeState > a{
		background: url('../images/icons/menuicon_right@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_right2 > a{
	background: url('../images/icons/menuicon_right2.png') no-repeat;
	background-position: 14px center;
}

.menuicons_right2.activeState > a{
	background: url('../images/icons/menuicon_right2_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_right2 > a{
		background: url('../images/icons/menuicon_right2@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_right2.activeState > a{
		background: url('../images/icons/menuicon_right2@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_rss > a{
	background: url('../images/icons/menuicon_rss.png') no-repeat;
	background-position: 14px center;
}

.menuicons_rss.activeState > a{
	background: url('../images/icons/menuicon_rss_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_rss > a{
		background: url('../images/icons/menuicon_rss@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_rss.activeState > a{
		background: url('../images/icons/menuicon_rss@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_star > a{
	background: url('../images/icons/menuicon_star.png') no-repeat;
	background-position: 14px center;
}

.menuicons_star.activeState > a{
	background: url('../images/icons/menuicon_star_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_star > a{
		background: url('../images/icons/menuicon_star@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_star.activeState > a{
		background: url('../images/icons/menuicon_star@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_sync > a{
	background: url('../images/icons/menuicon_sync.png') no-repeat;
	background-position: 14px center;
}

.menuicons_sync.activeState > a{
	background: url('../images/icons/menuicon_sync_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_sync > a{
		background: url('../images/icons/menuicon_sync@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_sync.activeState > a{
		background: url('../images/icons/menuicon_sync@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_sync2 > a{
	background: url('../images/icons/menuicon_sync2.png') no-repeat;
	background-position: 14px center;
}

.menuicons_sync2.activeState > a{
	background: url('../images/icons/menuicon_sync2_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_sync2 > a{
		background: url('../images/icons/menuicon_sync2@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_sync2.activeState > a{
		background: url('../images/icons/menuicon_sync2@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_time > a{
	background: url('../images/icons/menuicon_time.png') no-repeat;
	background-position: 14px center;
}

.menuicons_time.activeState > a{
	background: url('../images/icons/menuicon_time_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_time > a{
		background: url('../images/icons/menuicon_time@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_time.activeState > a{
		background: url('../images/icons/menuicon_time@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_unlock > a{
	background: url('../images/icons/menuicon_unlock.png') no-repeat;
	background-position: 14px center;
}

.menuicons_unlock.activeState > a{
	background: url('../images/icons/menuicon_unlock_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_unlock > a{
		background: url('../images/icons/menuicon_unlock@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_unlock.activeState > a{
		background: url('../images/icons/menuicon_unlock@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_user > a{
	background: url('../images/icons/menuicon_user.png') no-repeat;
	background-position: 14px center;
}

.menuicons_user.activeState > a{
	background: url('../images/icons/menuicon_user_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_user > a{
		background: url('../images/icons/menuicon_user@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_user.activeState > a{
		background: url('../images/icons/menuicon_user@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_warning > a{
	background: url('../images/icons/menuicon_warning.png') no-repeat;
	background-position: 14px center;
}

.menuicons_warning.activeState > a{
	background: url('../images/icons/menuicon_warning_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_warning > a{
		background: url('../images/icons/menuicon_warning@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_warning.activeState > a{
		background: url('../images/icons/menuicon_warning@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

.menuicons_windows > a{
	background: url('../images/icons/menuicon_windows.png') no-repeat;
	background-position: 14px center;
}

.menuicons_windows.activeState > a{
	background: url('../images/icons/menuicon_windows_active.png') no-repeat;
	background-position: 14px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.menuicons_windows > a{
		background: url('../images/icons/menuicon_windows@2x.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
	
	.menuicons_windows.activeState > a{
		background: url('../images/icons/menuicon_windows@2x_active.png') no-repeat;
		background-position: 14px center;
		background-size: 18px;
	}
}

/*-----------------------------------------------------------*/
/* Gallery Styles
/*-----------------------------------------------------------*/

.isotopeGallery2Column div{
	box-sizing: content-box;
	margin-bottom: -8px;
	width: 50%;
}

.isotopeGallery3Column div{
	box-sizing: content-box;
	margin-bottom: -8px;
	width: 33.33333%;
}

.isotopeGallery4Column div{
	box-sizing: content-box;
	margin-bottom: -8px;
	width: 25%;
}

.isotopeGallery5Column div{
	box-sizing: content-box;
	margin-bottom: -8px;
	width: 20%;
}

.isotopeGallery2Column img, .isotopeGallery3Column img, .isotopeGallery4Column img, .isotopeGallery5Column img{
	box-sizing: content-box;
	margin: 0;
	padding: 0;
	width: 100%;
}

/*-----------------------------------------------------------*/
/* Blog
/*-----------------------------------------------------------*/
#blogList {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
}
#loadedContent{
	display: none;
	opacity: 0;
}
#blogList li a {
  text-decoration: none;
}
#blogList li {
  padding: 10px 12px;
  padding-right: 20px;
  border-bottom: 1px solid #f6f6f6;
  background: url('../images/blog-listArrow.png') no-repeat;
  background-position: right center;
  background-size: 14px 9px;
}
#blogList li:last-child {
  border-bottom: none;
}
#blogList li.activeState {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
  #blogList li {
    background: url('../images/blog-listArrow@2x.png') no-repeat;
    background-position: right center;
    background-size: 14px 9px;
  }
}
#blogList h2 {
  display: block;
  margin: 0;
  padding: 0;
  color: #424143;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
}
#blogList p {
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #a1a6aa;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
}

.listMeta {
  display: block;
  margin: 0;
  padding: 0;
  color: #a1a6aa !important;
  font-weight: 300;
  font-size: 11px;
  *zoom: 1;
}
.listMetaDate{
	float: left;
}
.listMetaAuthor{
	float: right;
}
.listMeta:after {
  display: table;
  clear: both;
  content: "";
}

.blogItemWrapper {
  margin-top: 5px;
  *zoom: 1;
}
.blogItemWrapper:after {
  display: table;
  clear: both;
  content: "";
}

.blogItemWrapperImg {
  display: inline;
  float: left;
  margin: 3px 10px 5px 0;
  width: 76px;
  height: 76px;
}
.blogItemWrapperImg img, .blogItemWrapperImg iframe {
  width: 76px;
  height: 76px;
}

/*-----------------------------------------------------------*/
/* Blog Single
/*-----------------------------------------------------------*/
#blogSingle.wrappedContent {
  padding: 15px 15px 10px;
}
#blogSingle h2 {
  display: block;
  margin: 0 0 5px;
  padding: 0;
  color: #424143;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
}

.blogFeatured img{
	width: 100%;
	height: auto;
	margin-bottom: -5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#blogSingle .webFont{
	margin-right: 3px;
}

#blogSingle .listMetaDate{
	float: none;
	margin-right: 10px;
}
#blogSingle .listMetaAuthor{
	float: none;
}

/*-----------------------------------------------------------*/
/* Comments
/*-----------------------------------------------------------*/
#comments {
  margin: 0;
  padding: 0;
  list-style: none;
}
#comments .comment-item {
  display: block;
  margin: 15px 0;
  padding: 0 15px;
  background: #fff;
  *zoom: 1;
}
#comments .comment-item:after {
  display: table;
  clear: both;
  content: "";
}
#comments .comment-item:last-child {
  border: none;
}

.comment-meta {
  display: block;
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
  *zoom: 1;
}

.comment-meta a{
  text-decoration: none;
  text-transform: none;
  color: #a1a6aa;
}

.comment-meta:after {
  display: table;
  clear: both;
  content: "";
}
.comment-meta img {
  display: block;
  margin: 0 auto;
  padding: 2px !important;
  width: 60px !important;
  height: 60px !important;
}
.comment-meta h4 {
  margin: 3px 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
.comment-meta .comment-time {
  display: block;
  margin: 0;
  text-align: center;
  font-size: 11px;
  line-height: 13px;
}

/*-----------------------------------------------------------*/
/* Contact Styles
/*-----------------------------------------------------------*/
#contactMap {
  position: relative;
}
#contactMap #mapOverlay {
  position: absolute;
  width: 100%;
  height: 200px;
  border-bottom: 1px solid #d5d3d0;
}
#contactMap #mapOverlayClose {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
    background-position: 0 -120px;
  background-repeat: no-repeat;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #contactMap #mapOverlayClose{
    background-image: url('../images/sprites@2x.png');
    background-position: 0 -120px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#contactMap.activeState iframe {
  height: 400px;
}
#contactMap.activeState #mapOverlay {
  display: none;
}
#contactMap.activeState #mapOverlayClose {
  opacity: 1;
}
#contactMap.activeState #mapOverlayClose.activeState{
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
    background-position: -40px -120px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #contactMap.activeState #mapOverlayClose.activeState{
    background-image: url('../images/sprites@2x.png');
    background-position: -40px -120px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#backToTop{
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: block;
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: 0 -120px;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #backToTop {
    background-image: url('../images/sprites@2x.png');
    background-position: 0 -120px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#backToTop.activeState {
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
    background-position: -40px -120px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #backToTop.activeState {
    background-image: url('../images/sprites@2x.png');
    background-position: -40px -120px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#contactMap iframe {
  padding: 0;
  width: 100%;
  height: 200px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#contactInfo {
  *zoom: 1;
}
#contactInfo:after {
  display: table;
  clear: both;
  content: "";
}

#contactInfoImg {
  position: absolute;
  top: -47px;
  left: 15px;
  z-index: 3;
  display: inline;
  float: left;
  width: 108px;
  height: 108px;
  background-color: #fff;
}
#contactInfoImg img {
  width: 108px;
  height: 108px;
}

#contactInfoMeta {
  padding-left: 130px;
}
#contactInfoMeta h2 {
  margin: 8px 0 12px;
}

#contactInfoMetaShare {
  display: inline-block;
  margin-right: 5px;
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: 0 -150px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #contactInfoMetaShare {
    background-image: url('../images/sprites@2x.png');
    background-position: 0 -150px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#contactInfoMetaShare.activeState {
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: -40px -150px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #contactInfoMetaShare.activeState {
    background-image: url('../images/sprites@2x.png');
    background-position: -40px -150px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

#contactInfoMetaMail {;
  display: inline-block;
  margin-right: 5px;
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: 0 -180px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #contactInfoMetaMail {
    background-image: url('../images/sprites@2x.png');
    background-position: 0 -180px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#contactInfoMetaMail.activeState {
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: -40px -180px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #contactInfoMetaMail.activeState {
    background-image: url('../images/sprites@2x.png');
    background-position: -40px -180px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

#contactInfoMetaCall {
  display: inline-block;
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: 0 -210px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #contactInfoMetaCall {
    background-image: url('../images/sprites@2x.png');
    background-position: 0 -210px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#contactInfoMetaCall.activeState {
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: -40px -210px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #contactInfoMetaCall.activeState {
    background-image: url('../images/sprites@2x.png');
    background-position: -40px -210px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

.ShareDialogContactInfo .shareDialogArrow {
  left: 140px;
}

#contact-form p, .input-form p {
  margin: 20px 0;
}
#contact-form input, .input-form input {
  display: block;
}
#contact-form input[type="text"], #contact-form textarea, .input-form input[type="text"], .input-form textarea {
  box-sizing: border-box;
  margin: 0;
  padding: 8px 12px;
  width: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0.05);
  color: #a1a6aa;
  -webkit-appearance: none;
}


@media (min-width: 321px) { 
	#contact-form input[type="text"], #contact-form textarea, .input-form input[type="text"], .input-form textarea {
	  box-sizing: border-box;
	  margin: 0;
	  padding: 8px 12px;
	  max-width: 380px;
	  border: 0;
	  background: rgba(0, 0, 0, 0.05);
	  color: #a1a6aa;
	  -webkit-appearance: none;
	}
}

textarea{
	display: block;
}

.search-form{
  position: relative;
  padding: 20px 20px;
  max-width: 360px;
  margin: 0 auto;
}

.search-form input[type="text"] {
	background: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

#searchsubmit{
  position: absolute;
  top: 22px;
  right: 20px;
  border: none;
  background: none;
  color: #bcb9b6;
}

#searchsubmit.activeState{
  border: none;
  background: none;
  color: #424143;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

input:focus{
  outline: none !important;
}

#contact-form textarea, .input-form textarea {
  height: 200px;
}
#contact-form label, .input-form label {
  display: inline-block;
  margin-bottom: 3px;
}

input[type="button"], input[type="submit"], input[type="reset"], .button {
  padding: 7px 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 0;
  background: #00a376;
  color: #fff;
}

a.button{
	display: inline-block;
	margin: 5px 0;
	text-decoration: none;
	font-weight: bold;
  color: #fff;
}

/* Form style */
#contact-form span.required, .input-form span.required {
  color: #cc0000;
  font-size: 14px;
}

/* Select the colour of the * if the field is required. */
#message {
  margin: 10px 0;
  padding: 0;
}

.loader {
  padding: 0 10px;
  width: 32px !important;
  height: 32px !important;
  background: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

#contact-form #success_page h1 {
  padding-left: 22px;
  background: url("../assets/success.gif") left no-repeat;
}

/*-----------------------------------------------------------*/
/* Photoswipe
/*-----------------------------------------------------------*/
#ps-custom-back {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 10;
  display: block;
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: 0 -60px;
  background-repeat: no-repeat;
  content: ' ';
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #ps-custom-back {
    background-image: url('../images/sprites@2x.png');
    background-position: 0 -60px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}
#ps-custom-back.activeState {
  width: 40px;
  height: 30px;
  background-image: url('../images/sprites.png');
  background-position: -40px -60px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #ps-custom-back.activeState {
    background-image: url('../images/sprites@2x.png');
    background-position: -40px -60px;
    background-size: 320px auto;
    -webkit-background-size: 320px auto;
    -moz-background-size: 320px auto;
    -o-background-size: 320px auto;
  }
}

body.ps-active, body.ps-building, div.ps-active, div.ps-building {
  overflow: hidden;
  background: #000;
}

.ps-carousel img, .ps-zoom-pan-rotate img {
  padding: 0;
  background: none;
}

body.ps-active *, div.ps-active * {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body.ps-active *:focus, div.ps-active *:focus {
  outline: 0;
}

div.ps-document-overlay {
  background: #424143;/* BODY BG[] */
}
div.ps-uilayer {
  background: #424143;/* BODY BG[] */
  cursor: pointer;
}
div.ps-zoom-pan-rotate {
  background: #424143; /* BODY BG[] */
}

div.ps-zoom-pan-rotate * {
  display: block;
}

div.ps-carousel-item-loading {
  background: url("../images/loader.png") no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
  div.ps-carousel-item-loading {
    background-size: 20px;
  }
}

div.ps-carousel-item-error {
  background: url("../images/error.png") no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
  div.ps-carousel-item-error {
    background-size: 20px;
  }
}

/* Caption */
div.ps-caption {
  position: relative;
  height: 45px !important;
  background: #00a376;
  background-size: 45px 45px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
  color: #eceae5;
  text-align: center;
  font-size: 13px;
}
div.ps-caption span {
	color: #fff;
}

div.ps-caption * {
  display: inline;
}

div.ps-caption-bottom {
  min-height: 44px;
}

div.ps-caption-content {
  display: block;
  padding: 13px;
}

/* Toolbar */
div.ps-toolbar {
  display: table;
  height: 44px;
  background: #00a376;
  background-size: 45px 45px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
  color: #ffffff;
  table-layout: fixed;
  text-align: center;
  font-size: 13px;
  font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
}

div.ps-toolbar * {
  display: block;
}

div.ps-toolbar-top {
  border-bottom: 1px solid #101010;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play, div.ps-toolbar-share {
  display: table-cell;
  cursor: pointer;
}

div.ps-toolbar div div.ps-toolbar-content {
  margin: 0 auto 0;
  width: 44px;
  height: 44px;
  background-image: url("../images/icons.png");
  background-repeat: no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content {
  background-position: 0 0;
}

div.ps-toolbar-close.activeState div.ps-toolbar-content {
  background-position: 0 -88px;
}

div.ps-toolbar-previous div.ps-toolbar-content {
  background-position: -44px 0;
}

div.ps-toolbar-previous.activeState div.ps-toolbar-content {
  background-position: -44px -88px;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content {
  background-position: -44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content {
  background-position: -132px 0;
}

div.ps-toolbar-next.activeState div.ps-toolbar-content {
  background-position: -132px -88px;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content {
  background-position: -132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content {
  background-position: -88px 0;
}

div.ps-toolbar-play.activeState div.ps-toolbar-content {
  background-position: -88px -88px;
}

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  div.ps-toolbar div div.ps-toolbar-content {
    background-image: url("../images/icons@2x.png");
    background-size: 176px 132px;
    -moz-background-size: 176px 132px;
    -o-background-size: 176px 132px;
    -webkit-background-size: 176px 132px;
  }
}
/*-----------------------------------------------------------*/
/* FlexSlider
/*-----------------------------------------------------------*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

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

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

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

}

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

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

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

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

* html .slides {
  height: 1%;
}

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

.gallery {
  padding: 15px 15px 12px 15px;
}

.slides li img {
  width: 100%;
  height: auto;
}

/*-----------------------------------------------------------*/
/* Theme Animations
/*-----------------------------------------------------------*/
.csstransitions div.ps-document-overlay {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.csstransforms3d .searchableContent#content{
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;

  -webkit-transform: translate(0, -73px);
  -moz-transform: translate(0, -73px);
  -ms-transform: translate(0, -73px);
  -o-transform: translate(0, -73px);
  transform: translate(0, -73px);
}

.csstransforms3d .activeSearch#content{
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}


.no-csstransforms3d .searchableContent#content{
	top: -73px;
}

.no-csstransforms3d .activeSearch#content{
	top: 0;
}

.csstransforms3d div.ps-document-overlay.activeState {
  opacity: 0 !important;
  -webkit-transform: scale(2, 2);
  -moz-transform: scale(2, 2);
  -ms-transform: scale(2, 2);
  -o-transform: scale(2, 2);
  transform: scale(2, 2);
}

.csstransforms3d div.ps-carousel {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.csstransforms3d div.ps-carousel.activeState {
  opacity: 0 !important;
  -webkit-transform: scale(2, 2);
  -moz-transform: scale(2, 2);
  -ms-transform: scale(2, 2);
  -o-transform: scale(2, 2);
  transform: scale(2, 2);
}

.csstransforms3d div.ps-caption, #header {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: translate(0, -50px);
  -moz-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  -o-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

.csstransforms3d div.ps-caption.activeState, #header.activeState {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.csstransitions #content {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;

  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.csstransitions #content.activeState {
  opacity: 1;
}

.csstransforms3d div.ps-toolbar {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: translate(0, 50px);
  -moz-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  -o-transform: translate(0, 50px);
  transform: translate(0, 50px);
}
.csstransforms3d div.ps-toolbar.activeState {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* Share Dialog Animation */
.shareDialogMenu {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;

  top: 25px;
  right: 0;
  z-index: 100;
  opacity: 0;
  -webkit-transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out;
  -moz-transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out;
  -o-transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.shareDialogMenu.activeState {
  top: 45px;
  right: 0;
  opacity: 1;
}

.ShareDialogContactInfo {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;

  top: 45px;
  left: 5px;
  z-index: 100;
  opacity: 0;
  -webkit-transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out;
  -moz-transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out;
  -o-transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.ShareDialogContactInfo.activeState {
  top: 65px;
  left: 5px;
  opacity: 1;
}

/* Menu Animations */
#contentWrapper {
  position: relative;
  left: 0;
  z-index: 2;
}

.csstransitions #contentWrapper {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 320px) { 
	.no-csstransforms3d #contentWrapper.activeState {
	  left: 83%;
	  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	}
	
	.csstransforms3d #contentWrapper.activeState {
	  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	  -webkit-transform: translate(83%, 0);
	  -moz-transform: translate(83%, 0);
	  -ms-transform: translate(83%, 0);
	  -o-transform: translate(83%, 0);
	  transform: translate(83%, 0);
	}
}

@media (min-width: 321px) { 
	.no-csstransforms3d #contentWrapper.activeState {
	  left: 280px;
	  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	}
	
	.csstransforms3d #contentWrapper.activeState {
	  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	  -webkit-transform: translate(280px, 0);
	  -moz-transform: translate(280px, 0);
	  -ms-transform: translate(280px, 0);
	  -o-transform: translate(280px, 0);
	  transform: translate(280px, 0);
	}
}

/* Bouncy Animation */
.csstransitions .siteLoader {
  display: block;
  margin: 60px auto 0;
  width: 81px;
  height: 81px;
  background: url('../images/loaderbg.png') no-repeat;
  text-align: center;
  -webkit-animation: cssAnimation 1.5s linear infinite;
  -moz-animation: cssAnimation 1.5s linear infinite;
  -o-animation: cssAnimation 1.5s linear infinite;
}

.no-csstransitions .siteLoader{
  display: none;
}

.csstransitions .siteLoader.activeState {
  display: none;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {

	.csstransitions .siteLoader {
	  background: url('../images/loaderbg@2x.png') no-repeat;
	  background-size: 81px;
	  -webkit-background-size: 81px;
	}
}

/*-----------------------------------------------------------*/
/* Fonts
/*-----------------------------------------------------------*/
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'WebSymbolsRegular';
  src: url('fonts/websymbols-regular-webfont.eot');
  src: url('fonts/websymbols-regular-webfont.eot?#iefix') format("embedded-opentype"), url('fonts/websymbols-regular-webfont.woff') format("woff"), url('fonts/websymbols-regular-webfont.ttf') format("truetype"), url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format("svg");
}

.webFont {
  font-family: 'WebSymbolsRegular';
}
.video-container {
	position: relative;
	padding: 0;
	padding-top: 56.27659574468085%;
	width: 100%;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


.no-transition{
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important; 
	transition: none !important;
}