/* 	resize image */
img, video, .scale {
  /* Part 1: Set a maxium relative to the parent */
  max-width: 100%;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/********************		Special Effects for Images 			****************************************/
.js-border .main_component [class*="effect-image"] img {
  display: block;
  position: relative;
  background: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0; }

[class*="effect-image"] {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 20px 1%;
  max-width: 98%;
  text-align: center;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33); }
  [class*="effect-image"] + p, [class*="effect-image"] + h1, [class*="effect-image"] + h2, [class*="effect-image"] + h3, [class*="effect-image"] + h4, [class*="effect-image"] + h5 {
    clear: both; }
  [class*="effect-image"] img {
    position: relative;
    display: block; }
  [class*="effect-image"] figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-style: normal; }
    [class*="effect-image"] figcaption::before, [class*="effect-image"] figcaption::after {
      pointer-events: none; }
    [class*="effect-image"] figcaption > a {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      font-style: normal;
      z-index: 1000;
      text-indent: 200%;
      white-space: nowrap;
      font-size: 0;
      opacity: 0; }
  [class*="effect-image"] h3 {
    text-transform: uppercase;
    text-shadow: 0 0 1px black, 0 0 20px black;
    font-weight: 300;
    margin: 0;
    padding: 0; }
    [class*="effect-image"] h3 span {
      font-weight: 800; }
  [class*="effect-image"] p {
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
    font-size: 70%; }
  [class*="effect-image"] h3, [class*="effect-image"] p {
    color: #fff; }
  [class*="effect-image"] a {
    color: red; }
    [class*="effect-image"] a:hover {
      color: red; }

/*		no min width to prevent problem in Blog page */
/*@media screen and (min-width: 600px) {
 *
 *	[class*="effect-image"] {
 *	min-width: 400px;
 *	}
 *
 *} */
.newspaper {
  color: #ccc;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 38px;
  -moz-column-gap: 38px;
  column-gap: 38px;
  -webkit-column-rule-style: solid;
  -moz-column-rule-style: solid;
  column-rule-style: solid;
  -webkit-column-rule-width: 1px;
  -moz-column-rule-width: 1px;
  column-rule-width: 1px; }

.newspaper div::first-letter {
  font-size: 150%;
  color: white; }

.newspaper div {
  color: #ccc; }

/* Anchor will cover the whole item by default */
/****		EFFECT 01		********/
.effect-image-1:hover {
  background: #2e5d5a; }

.effect-image-1 figcaption {
  padding: 3em; }

.effect-image-1 p {
  padding: 1em 2em 0.5em 2em;
  text-transform: none;
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0); }

.effect-image-1 img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

.effect-image-1 figcaption::before, .effect-image-1 figcaption::after {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

.effect-image-1 p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

.effect-image-1:hover img {
  opacity: 0.5; }

.effect-image-1:hover figcaption::before, .effect-image-1:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.effect-image-1:hover h3, .effect-image-1:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.effect-image-1:hover figcaption::after, .effect-image-1:hover h3, .effect-image-1:hover p, .effect-image-1:hover img {
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s; }

@media screen and (min-width: 600px) {
  .effect-image-1 figcaption::before, .effect-image-1 figcaption::after {
    position: absolute;
    content: '';
    opacity: 0; }
  .effect-image-1 figcaption::before {
    top: 50px;
    right: 30px;
    bottom: 50px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0; }
  .effect-image-1 figcaption::after {
    top: 30px;
    right: 50px;
    bottom: 30px;
    left: 50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0; } }

@media screen and (min-width: 600px) {
  .effect-image-1 h3 {
    padding-top: 12%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); } }

@media screen and (max-width: 600px) {
  .effect-image-1 figcaption {
    padding: 20px; }
  .effect-image-1 p {
    padding: 8px 0px 0 0px; } }

/****		EFFECT 02		********/
.effect-image-2 {
  background: #22682a;
  /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjI2ODJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjOWI0YTFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhMzQyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  /* IE10+ */
  background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
  background: -o-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
  background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22682a', endColorstr='#3a342a',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */ }
  .effect-image-2 img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    transition: opacity 0.35s; }
  .effect-image-2 figcaption {
    padding: 3em;
    -webkit-transition: background-color 0.35s;
    -o-transition: background-color 0.35s;
    transition: background-color 0.35s; }
  .effect-image-2 h3 {
    margin: 20% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  .effect-image-2 figcaption::before, .effect-image-2 p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  .effect-image-2:hover h3 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .effect-image-2:hover figcaption::before, .effect-image-2:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .effect-image-2:hover figcaption {
    background-color: rgba(58, 52, 42, 0); }
  .effect-image-2:hover img {
    opacity: 0.4; }

@media screen and (min-width: 600px) {
  .effect-image-2 figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: ''; } }

@media screen and (max-width: 600px) {
  .effect-image-2 figcaption {
    padding: 20px; }
  .effect-image-2 h3 {
    margin: 10px 0;
    font-size: 0.5em; } }

/****		EFFECT 03		********/
@media screen and (max-width: 600px) {
  .effect-image-3 h3 {
    margin: 10px 0;
    font-size: 0.5em; } }

.effect-image-3 figcaption {
  text-align: right; }
  .effect-image-3 figcaption:hover {
    background: rgba(0, 0, 0, 0.25); }

.effect-image-3 h3 {
  position: absolute;
  right: 30px;
  left: 30px;
  padding: 10px 0; }

.effect-image-3 p {
  position: absolute;
  right: 30px;
  left: 30px;
  padding: 10px 0;
  bottom: 30px;
  line-height: 1.5;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.effect-image-3 h3 {
  top: 30px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0); }

.effect-image-3:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.effect-image-3 h3::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fff;
  content: '';
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

.effect-image-3 p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

.effect-image-3:hover h3::after, .effect-image-3:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/****		EFFECT 04		********/
.effect-image-4 {
  background: #030c17; }
  .effect-image-4 img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    transition: opacity 0.35s; }
  .effect-image-4 h3 {
    margin: 20% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s; }
  .effect-image-4 p {
    padding: 1em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); }
  .effect-image-4:hover h3 {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  .effect-image-4:hover figcaption::before, .effect-image-4:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  .effect-image-4:hover figcaption {
    background-color: rgba(58, 52, 42, 0); }
  .effect-image-4:hover img {
    opacity: 0.4; }

@media screen and (min-width: 600px) {
  .effect-image-4 figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1); } }

@media screen and (max-width: 600px) {
  .effect-image-4 h3 {
    margin: 10px 0;
    font-size: 0.5em; } }

/****		EFFECT 05		********/
.effect-image-5 {
  background: #2e5d5a; }
  .effect-image-5 img {
    max-width: none;
    width: calc(100% + 60px);
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
    transform: translate3d(-30px, 0, 0) scale(1.12);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .effect-image-5:hover img {
    opacity: 0.5;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  .effect-image-5 h3 {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1em 1.2em; }
  .effect-image-5 p {
    padding: 0 10px 0 0;
    width: 50%;
    border-right: 1px solid #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  .effect-image-5:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

@media screen and (max-width: 600px) {
  .effect-image-5 p {
    width: 80%; }
  .effect-image-5 h3 {
    margin: 10px 0;
    font-size: 0.5em; } }

/****		EFFECT 06		********/
.effect-image-6 {
  background: #3498db; }
  .effect-image-6 img {
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1); }
  .effect-image-6 figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); }
  .effect-image-6 p {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 3em;
    padding: 0 1em;
    max-width: 150px;
    border-right: 4px solid #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    transition: opacity 0.35s; }
  .effect-image-6 h3 {
    text-align: left; }
  .effect-image-6:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  .effect-image-6:hover figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); }
  .effect-image-6:hover p {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s; }

@media screen and (max-width: 600px) {
  .effect-image-6 p {
    margin: 12px;
    padding: 0 8px;
    max-width: none;
    border-right: 2px solid #fff; }
  .effect-image-6 h3 {
    margin: 10px 0;
    font-size: 0.5em; } }

/************************************************************************************************************
 *
 *									COLUMN LAYOUTS
 *
 *************************************************************************************************************/
.one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
  float: left;
  margin: 0px 2% 20px 0; }

.full-width {
  margin: 0px 1% 20px 1%; }
  .full-width:last-child {
    margin: 0px 2% 0px 0; }

.one-half:last-child, .one-third:last-child, .two-third:last-child, .one-fourth:last-child, .two-fourth:last-child, .three-fourth:last-child, .one-fifth:last-child, .two-fifth:last-child, .three-fifth:last-child, .four-fifth:last-child {
  margin: 0px 2% 0px 0; }

.full-width {
  width: 98%; }
  .full-width:last-child {
    margin: 0px 1% 0px 1%; }

.one-half {
  width: 49%; }

.one-third {
  width: 30.6%; }

.two-third {
  width: 65.4%; }

.one-fourth {
  width: 22%; }

.two-fourth {
  width: 48%; }

.three-fourth {
  width: 74%; }

.one-fifth {
  width: 16.8%; }

.two-fifth {
  width: 37.6%; }

.three-fifth {
  width: 58.4%; }

.four-fifth {
  width: 79.2%; }

.last {
  margin-right: 0 !important; }
  .last + * {
    clear: both; }

/************************************************************************************************************
 *
 *									HORIZONTAL & VERTICAL MENUS
 *
 ************************************************************************************************************* */
/*		Horizontal menu	1 */
.horizontal_menu > div {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important; }

.horizontal_menu ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.horizontal_menu li {
  display: inline-block;
  margin: 0 4px 4px 0;
  padding: 0;
  list-style: none;
  background: rgba(0, 0, 0, 0.05); }
  .horizontal_menu li:last-child {
    margin-right: 0; }
  .horizontal_menu li a {
    display: inline-block;
    padding: 13px 13px 10px 13px;
    font-size: 110%;
    font-weight: normal;
    color: #777;
    border: 1px solid #ddd;
    border-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .horizontal_menu li a:hover {
      background: rgba(0, 0, 0, 0.08);
      text-decoration: none; }
  .horizontal_menu li.current > a {
    background: #777;
    color: #fff; }

.horizontal_menu.blue li a:hover, .horizontal_menu.green li a:hover, .horizontal_menu.orange li a:hover, .horizontal_menu.red li a:hover, .horizontal_menu.violet li a:hover, .horizontal_menu.brown li a:hover, .horizontal_menu.blue li.current a, .horizontal_menu.green li.current a, .horizontal_menu.orange li.current a, .horizontal_menu.red li.current a, .horizontal_menu.violet li.current a, .horizontal_menu.brown li.current a {
  color: #fff !important; }

.horizontal_menu ul ul, .horizontal_menu.blue .module-title, .horizontal_menu.green .module-title, .horizontal_menu.turquoise .module-title, .horizontal_menu.orange .module-title, .horizontal_menu.red .module-title, .horizontal_menu.violet .module-title, .horizontal_menu.black .module-title, .horizontal_menu.brown .module-title {
  display: none; }

/*		display only 1 single level */
/*		remove module title if Color */
/*		Horizontal menu	2 */
.horizontal_menu2 > div {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important; }

.horizontal_menu2 ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.horizontal_menu2 li {
  display: inline-block;
  margin: 0 4px 4px 0;
  padding: 0;
  list-style: none;
  background: #c6c6c6; }

.horizontal_menu li:last-child {
  margin-right: 0; }

.horizontal_menu2 li a {
  display: inline-block;
  padding: 13px 13px 10px 13px;
  font-size: 110%;
  font-weight: normal;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .horizontal_menu2 li a:hover {
    background: rgba(0, 0, 0, 0.16);
    color: #fff !important;
    text-decoration: none; }

.horizontal_menu2 li.current a {
  background: rgba(0, 0, 0, 0.16);
  color: #fff !important;
  text-decoration: none; }

.horizontal_menu2 ul ul, .horizontal_menu2.blue .module-title, .horizontal_menu2.green .module-title, .horizontal_menu2.turquoise .module-title, .horizontal_menu2.orange .module-title, .horizontal_menu2.red .module-title, .horizontal_menu2.violet .module-title, .horizontal_menu2.black .module-title, .horizontal_menu2.brown .module-title {
  display: none; }

/*		display only 1 single level */
/*		remove module title if Color */
/*		 VERTICAL MENU 1 */
.vertical_menu > div {
  margin: 0;
  padding: 0 !important; }

.vertical_menu.title-band > div {
  padding: 12px 0 0 0 !important; }

.vertical_menu .module-title {
  padding: 12px 11px 0 11px; }

.vertical_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent url(../images/bg-vertical-menu.png) 100% 0 repeat-y; }

.vertical_menu li {
  margin: 0;
  padding: 0;
  list-style: none; }
  .vertical_menu li a {
    display: block;
    padding: 13px 10px 10px 12px;
    font-size: 110%;
    color: #777;
    font-weight: normal;
    border: 1px solid #ddd;
    border-color: rgba(0, 0, 0, 0.1);
    border-left: none;
    border-bottom: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .vertical_menu li a:hover {
      text-decoration: none; }
  .vertical_menu li.current > a {
    color: #fff !important; }

.vertical_menu ul ul {
  background: rgba(0, 0, 0, 0.02);
  padding: 4px 0 8px 14px;
  border-right: 1px solid #eee;
  border-color: rgba(0, 0, 0, 0.1); }

.vertical_menu li li a {
  padding: 4px 6px 3px 6px;
  color: #999;
  font-size: 95%;
  border: none;
  text-transform: none; }

/*		 VERTICAL MENU 2 */
.vertical_menu2 > div {
  margin: 0;
  padding: 0 !important; }

.vertical_menu2.title-band > div {
  padding: 12px 0 0 0 !important; }

.vertical_menu2 .module-title {
  padding: 12px 11px 0 11px; }

.vertical_menu2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #c6c6c6; }

.vertical_menu2 li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #fff;
  border-top: none; }
  .vertical_menu2 li:first-child {
    border-top: 1px solid #fff; }
  .vertical_menu2 li:last-child {
    border-bottom: none; }
  .vertical_menu2 li a {
    display: block;
    padding: 13px 10px 10px 12px;
    font-size: 110%;
    font-weight: normal;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .vertical_menu2 li a:hover {
      background: rgba(0, 0, 0, 0.05);
      color: #fff;
      text-decoration: none; }
  .vertical_menu2 li.current > a {
    background: rgba(0, 0, 0, 0.05); }

.vertical_menu2 ul ul {
  background: #d6d6d6;
  padding: 4px 0 8px 14px; }

.vertical_menu2 li li {
  border: none; }
  .vertical_menu2 li li:first-child {
    border-top: none; }
  .vertical_menu2 li li a {
    padding: 4px 6px 3px 6px;
    color: #888;
    font-size: 95%;
    text-transform: none; }
    .vertical_menu2 li li a:hover {
      background: transparent;
      color: #444; }
  .vertical_menu2 li li.current > a {
    background: transparent; }

/************************************************************************************************************
 *
 *									MODULE CLASS SUFFIX
 *
 *************************************************************************************************************/
.moduletable {
  position: relative; }

.left_column .moduletable > div, .right_column .moduletable > div {
  padding: 12px 18px; }

.text-centered {
  text-align: center; }

.no-margin > div {
  padding: 0 !important;
  margin: 0 !important; }

.moduletable.shadow {
  margin-bottom: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent url(../images/shadow-module.png) 50% 100% no-repeat;
  background-size: 100% 10px;
  padding-bottom: 10px;
  margin: 0 0 12px 0 !important; }

.left_column p, .right_column p, .top-module-position p, .bottom-module-position p, .user1 p, .user2 p, .user3 p, .user4 p, .user5 p, .user6 p, .user7 p, .user8 p, .user9 p {
  margin: 6px 0; }

.left_column .white > div, .right_column .white > div, .top-module-position .white > div, .bottom-module-position .white > div, .user1 .white > div, .user2 .white > div, .user3 .white > div, .user4 .white > div, .user5 .white > div, .user6 .white > div, .user7 .white > div, .user8 .white > div, .user9 .white > div {
  background-color: #fff;
  padding: 12px 18px; }

.vertical_menu.white ul, .horizontal_menu.white li, .vertical_menu2.white ul, .horizontal_menu2.white li {
  background-color: #fff; }

.left_column .black > div, .right_column .black > div, .top-module-position .black > div, .bottom-module-position .black > div, .user1 .black > div, .user2 .black > div, .user3 .black > div, .user4 .black > div, .user5 .black > div, .user6 .black > div, .user7 .black > div, .user8 .black > div, .user9 .black > div {
  background-color: #000;
  color: #999;
  padding: 12px 18px; }

.vertical_menu.black ul, .horizontal_menu.black li, .vertical_menu2.black ul, .horizontal_menu2.black li {
  background-color: #000; }

.left_column .grey > div, .right_column .grey > div, .top-module-position .grey > div, .bottom-module-position .grey > div, .user1 .grey > div, .user2 .grey > div, .user3 .grey > div, .user4 .grey > div, .user5 .grey > div, .user6 .grey > div, .user7 .grey > div, .user8 .grey > div, .user9 .grey > div {
  background: #eee;
  padding: 12px 18px; }

.left_column .blue > div, .right_column .blue > div, .top-module-position .blue > div, .bottom-module-position .blue > div, .user1 .blue > div, .user2 .blue > div, .user3 .blue > div, .user4 .blue > div, .user5 .blue > div, .user6 .blue > div, .user7 .blue > div, .user8 .blue > div, .user9 .blue > div {
  background-color: #0099cc;
  color: #fff;
  padding: 12px 18px; }

.vertical_menu.blue ul, .horizontal_menu.blue li, .vertical_menu2.blue ul, .horizontal_menu2.blue li {
  background-color: #0099cc; }

.left_column .brown > div, .right_column .brown > div, .top-module-position .brown > div, .bottom-module-position .brown > div, .user1 .brown > div, .user2 .brown > div, .user3 .brown > div, .user4 .brown > div, .user5 .brown > div, .user6 .brown > div, .user7 .brown > div, .user8 .brown > div, .user9 .brown > div {
  background-color: #b8b4a9;
  color: #fff;
  padding: 12px 18px; }

.vertical_menu.brown ul, .horizontal_menu.brown li, .vertical_menu2.brown ul, .horizontal_menu2.brown li {
  background-color: #b8b4a9; }

.left_column .green > div, .right_column .green > div, .top-module-position .green > div, .bottom-module-position .green > div, .user1 .green > div, .user2 .green > div, .user3 .green > div, .user4 .green > div, .user5 .green > div, .user6 .green > div, .user7 .green > div, .user8 .green > div, .user9 .green > div {
  background-color: #85b159;
  color: #fff;
  padding: 12px 18px; }

.vertical_menu.green ul, .horizontal_menu.green li, .vertical_menu2.green ul, .horizontal_menu2.green li {
  background-color: #85b159; }

.left_column .turquoise > div, .right_column .turquoise > div, .top-module-position .turquoise > div, .bottom-module-position .turquoise > div, .user1 .turquoise > div, .user2 .turquoise > div, .user3 .turquoise > div, .user4 .turquoise > div, .user5 .turquoise > div, .user6 .turquoise > div, .user7 .turquoise > div, .user8 .turquoise > div, .user9 .turquoise > div {
  background-color: #259b9a;
  color: #fff;
  padding: 12px 18px; }

.vertical_menu.turquoise ul, .horizontal_menu.turquoise li, .vertical_menu2.turquoise ul, .horizontal_menu2.turquoise li {
  background-color: #259b9a; }

.left_column .orange > div, .right_column .orange > div, .top-module-position .orange > div, .bottom-module-position .orange > div, .user1 .orange > div, .user2 .orange > div, .user3 .orange > div, .user4 .orange > div, .user5 .orange > div, .user6 .orange > div, .user7 .orange > div, .user8 .orange > div, .user9 .orange > div {
  background-color: #ff9933;
  color: #fff;
  padding: 12px 18px; }

.vertical_menu.orange ul, .horizontal_menu.orange li, .vertical_menu2.orange ul, .horizontal_menu2.orange li {
  background-color: #ff9933; }

.left_column .red > div, .right_column .red > div, .top-module-position .red > div, .bottom-module-position .red > div, .user1 .red > div, .user2 .red > div, .user3 .red > div, .user4 .red > div, .user5 .red > div, .user6 .red > div, .user7 .red > div, .user8 .red > div, .user9 .red > div {
  background-color: #cc3333;
  color: #fff;
  padding: 12px 18px; }

.vertical_menu.red ul, .horizontal_menu.red li, .vertical_menu2.red ul, .horizontal_menu2.red li {
  background-color: #cc3333; }

.left_column .violet > div, .right_column .violet > div, .top-module-position .violet > div, .bottom-module-position .violet > div, .user1 .violet > div, .user2 .violet > div, .user3 .violet > div, .user4 .violet > div, .user5 .violet > div, .user6 .violet > div, .user7 .violet > div, .user8 .violet > div, .user9 .violet > div {
  background-color: #a836c9;
  color: #fff;
  padding: 12px 18px; }

.vertical_menu.violet ul, .horizontal_menu.violet li, .vertical_menu2.violet ul, .horizontal_menu2.violet li {
  background-color: #a836c9; }

.left_column .blue .module-title h3, .right_column .blue .module-title h3, .top-module-position .blue .module-title h3, .bottom-module-position .blue .module-title h3, .user1 .blue .module-title h3, .user2 .blue .module-title h3, .user3 .blue .module-title h3, .user4 .blue .module-title h3, .user5 .blue .module-title h3, .user6 .blue .module-title h3, .user7 .blue .module-title h3, .user8 .blue .module-title h3, .user9 .blue .module-title h3, .left_column .brown .module-title h3, .right_column .brown .module-title h3, .top-module-position .brown .module-title h3, .bottom-module-position .brown .module-title h3, .user1 .brown .module-title h3, .user2 .brown .module-title h3, .user3 .brown .module-title h3, .user4 .brown .module-title h3, .user5 .brown .module-title h3, .user6 .brown .module-title h3, .user7 .brown .module-title h3, .user8 .brown .module-title h3, .user9 .brown .module-title h3, .left_column .green .module-title h3, .right_column .green .module-title h3, .top-module-position .green .module-title h3, .bottom-module-position .green .module-title h3, .user1 .green .module-title h3, .user2 .green .module-title h3, .user3 .green .module-title h3, .user4 .green .module-title h3, .user5 .green .module-title h3, .user6 .green .module-title h3, .user7 .green .module-title h3, .user8 .green .module-title h3, .user9 .green .module-title h3, .left_column .orange .module-title h3, .right_column .orange .module-title h3, .top-module-position .orange .module-title h3, .bottom-module-position .orange .module-title h3, .user1 .orange .module-title h3, .user2 .orange .module-title h3, .user3 .orange .module-title h3, .user4 .orange .module-title h3, .user5 .orange .module-title h3, .user6 .orange .module-title h3, .user7 .orange .module-title h3, .user8 .orange .module-title h3, .user9 .orange .module-title h3, .left_column .violet .module-title h3, .right_column .violet .module-title h3, .top-module-position .violet .module-title h3, .bottom-module-position .violet .module-title h3, .user1 .violet .module-title h3, .user2 .violet .module-title h3, .user3 .violet .module-title h3, .user4 .violet .module-title h3, .user5 .violet .module-title h3, .user6 .violet .module-title h3, .user7 .violet .module-title h3, .user8 .violet .module-title h3, .user9 .violet .module-title h3, .left_column .turquoise .module-title h3, .right_column .turquoise .module-title h3, .top-module-position .turquoise .module-title h3, .bottom-module-position .turquoise .module-title h3, .user1 .turquoise .module-title h3, .user2 .turquoise .module-title h3, .user3 .turquoise .module-title h3, .user4 .turquoise .module-title h3, .user5 .turquoise .module-title h3, .user6 .turquoise .module-title h3, .user7 .turquoise .module-title h3, .user8 .turquoise .module-title h3, .user9 .turquoise .module-title h3, .left_column .red .module-title h3, .right_column .red .module-title h3, .top-module-position .red .module-title h3, .bottom-module-position .red .module-title h3, .user1 .red .module-title h3, .user2 .red .module-title h3, .user3 .red .module-title h3, .user4 .red .module-title h3, .user5 .red .module-title h3, .user6 .red .module-title h3, .user7 .red .module-title h3, .user8 .red .module-title h3, .user9 .red .module-title h3 {
  color: #fff;
  text-shadow: none;
  border: none;
  background-image: none; }

.left_column .grey .module-title h3, .right_column .grey .module-title h3, .top-module-position .grey .module-title h3, .bottom-module-position .grey .module-title h3, .user1 .grey .module-title h3, .user2 .grey .module-title h3, .user3 .grey .module-title h3, .user4 .grey .module-title h3, .user5 .grey .module-title h3, .user6 .grey .module-title h3, .user7 .grey .module-title h3, .user8 .grey .module-title h3, .user9 .grey .module-title h3 {
  text-shadow: none;
  border: none; }

.left_column .black .module-title h3, .right_column .black .module-title h3, .top-module-position .black .module-title h3, .bottom-module-position .black .module-title h3, .user1 .black .module-title h3, .user2 .black .module-title h3, .user3 .black .module-title h3, .user4 .black .module-title h3, .user5 .black .module-title h3, .user6 .black .module-title h3, .user7 .black .module-title h3, .user8 .black .module-title h3, .user9 .black .module-title h3 {
  color: #ddd;
  text-shadow: none;
  border: none; }

.left_column .blue .module-title h3 span, .right_column .blue .module-title h3 span, .top-module-position .blue .module-title h3 span, .bottom-module-position .blue .module-title h3 span, .user1 .blue .module-title h3 span, .user2 .blue .module-title h3 span, .user3 .blue .module-title h3 span, .user4 .blue .module-title h3 span, .user5 .blue .module-title h3 span, .user6 .blue .module-title h3 span, .user7 .blue .module-title h3 span, .user8 .blue .module-title h3 span, .user9 .blue .module-title h3 span, .left_column .brown .module-title h3 span, .right_column .brown .module-title h3 span, .top-module-position .brown .module-title h3 span, .bottom-module-position .brown .module-title h3 span, .user1 .brown .module-title h3 span, .user2 .brown .module-title h3 span, .user3 .brown .module-title h3 span, .user4 .brown .module-title h3 span, .user5 .brown .module-title h3 span, .user6 .brown .module-title h3 span, .user7 .brown .module-title h3 span, .user8 .brown .module-title h3 span, .user9 .brown .module-title h3 span, .left_column .green .module-title h3 span, .right_column .green .module-title h3 span, .top-module-position .green .module-title h3 span, .bottom-module-position .green .module-title h3 span, .user1 .green .module-title h3 span, .user2 .green .module-title h3 span, .user3 .green .module-title h3 span, .user4 .green .module-title h3 span, .user5 .green .module-title h3 span, .user6 .green .module-title h3 span, .user7 .green .module-title h3 span, .user8 .green .module-title h3 span, .user9 .green .module-title h3 span, .left_column .orange .module-title h3 span, .right_column .orange .module-title h3 span, .top-module-position .orange .module-title h3 span, .bottom-module-position .orange .module-title h3 span, .user1 .orange .module-title h3 span, .user2 .orange .module-title h3 span, .user3 .orange .module-title h3 span, .user4 .orange .module-title h3 span, .user5 .orange .module-title h3 span, .user6 .orange .module-title h3 span, .user7 .orange .module-title h3 span, .user8 .orange .module-title h3 span, .user9 .orange .module-title h3 span, .left_column .grey .module-title h3 span, .right_column .grey .module-title h3 span, .top-module-position .grey .module-title h3 span, .bottom-module-position .grey .module-title h3 span, .user1 .grey .module-title h3 span, .user2 .grey .module-title h3 span, .user3 .grey .module-title h3 span, .user4 .grey .module-title h3 span, .user5 .grey .module-title h3 span, .user6 .grey .module-title h3 span, .user7 .grey .module-title h3 span, .user8 .grey .module-title h3 span, .user9 .grey .module-title h3 span, .left_column .violet .module-title h3 span, .right_column .violet .module-title h3 span, .top-module-position .violet .module-title h3 span, .bottom-module-position .violet .module-title h3 span, .user1 .violet .module-title h3 span, .user2 .violet .module-title h3 span, .user3 .violet .module-title h3 span, .user4 .violet .module-title h3 span, .user5 .violet .module-title h3 span, .user6 .violet .module-title h3 span, .user7 .violet .module-title h3 span, .user8 .violet .module-title h3 span, .user9 .violet .module-title h3 span, .left_column .turquoise .module-title h3 span, .right_column .turquoise .module-title h3 span, .top-module-position .turquoise .module-title h3 span, .bottom-module-position .turquoise .module-title h3 span, .user1 .turquoise .module-title h3 span, .user2 .turquoise .module-title h3 span, .user3 .turquoise .module-title h3 span, .user4 .turquoise .module-title h3 span, .user5 .turquoise .module-title h3 span, .user6 .turquoise .module-title h3 span, .user7 .turquoise .module-title h3 span, .user8 .turquoise .module-title h3 span, .user9 .turquoise .module-title h3 span, .left_column .black .module-title h3 span, .right_column .black .module-title h3 span, .top-module-position .black .module-title h3 span, .bottom-module-position .black .module-title h3 span, .user1 .black .module-title h3 span, .user2 .black .module-title h3 span, .user3 .black .module-title h3 span, .user4 .black .module-title h3 span, .user5 .black .module-title h3 span, .user6 .black .module-title h3 span, .user7 .black .module-title h3 span, .user8 .black .module-title h3 span, .user9 .black .module-title h3 span, .left_column .red .module-title h3 span, .right_column .red .module-title h3 span, .top-module-position .red .module-title h3 span, .bottom-module-position .red .module-title h3 span, .user1 .red .module-title h3 span, .user2 .red .module-title h3 span, .user3 .red .module-title h3 span, .user4 .red .module-title h3 span, .user5 .red .module-title h3 span, .user6 .red .module-title h3 span, .user7 .red .module-title h3 span, .user8 .red .module-title h3 span, .user9 .red .module-title h3 span {
  margin: 0;
  padding: 0;
  border: none; }

.left_column .blue a, .right_column .blue a, .top-module-position .blue a, .bottom-module-position .blue a, .user1 .blue a, .user2 .blue a, .user3 .blue a, .user4 .blue a, .user5 .blue a, .user6 .blue a, .user7 .blue a, .user8 .blue a, .user9 .blue a, .left_column .brown a, .right_column .brown a, .top-module-position .brown a, .bottom-module-position .brown a, .user1 .brown a, .user2 .brown a, .user3 .brown a, .user4 .brown a, .user5 .brown a, .user6 .brown a, .user7 .brown a, .user8 .brown a, .user9 .brown a, .left_column .green a, .right_column .green a, .top-module-position .green a, .bottom-module-position .green a, .user1 .green a, .user2 .green a, .user3 .green a, .user4 .green a, .user5 .green a, .user6 .green a, .user7 .green a, .user8 .green a, .user9 .green a, .left_column .orange a, .right_column .orange a, .top-module-position .orange a, .bottom-module-position .orange a, .user1 .orange a, .user2 .orange a, .user3 .orange a, .user4 .orange a, .user5 .orange a, .user6 .orange a, .user7 .orange a, .user8 .orange a, .user9 .orange a, .left_column .violet a, .right_column .violet a, .top-module-position .violet a, .bottom-module-position .violet a, .user1 .violet a, .user2 .violet a, .user3 .violet a, .user4 .violet a, .user5 .violet a, .user6 .violet a, .user7 .violet a, .user8 .violet a, .user9 .violet a, .left_column .turquoise a, .right_column .turquoise a, .top-module-position .turquoise a, .bottom-module-position .turquoise a, .user1 .turquoise a, .user2 .turquoise a, .user3 .turquoise a, .user4 .turquoise a, .user5 .turquoise a, .user6 .turquoise a, .user7 .turquoise a, .user8 .turquoise a, .user9 .turquoise a, .left_column .red a, .right_column .red a, .top-module-position .red a, .bottom-module-position .red a, .user1 .red a, .user2 .red a, .user3 .red a, .user4 .red a, .user5 .red a, .user6 .red a, .user7 .red a, .user8 .red a, .user9 .red a {
  color: #ddd; }

.left_column .black a, .right_column .black a, .top-module-position .black a, .bottom-module-position .black a, .user1 .black a, .user2 .black a, .user3 .black a, .user4 .black a, .user5 .black a, .user6 .black a, .user7 .black a, .user8 .black a, .user9 .black a {
  color: #999; }

.left_column .blue a:hover, .right_column .blue a:hover, .top-module-position .blue a:hover, .bottom-module-position .blue a:hover, .user1 .blue a:hover, .user2 .blue a:hover, .user3 .blue a:hover, .user4 .blue a:hover, .user5 .blue a:hover, .user6 .blue a:hover, .user7 .blue a:hover, .user8 .blue a:hover, .user9 .blue a:hover, .left_column .brown a:hover, .right_column .brown a:hover, .top-module-position .brown a:hover, .bottom-module-position .brown a:hover, .user1 .brown a:hover, .user2 .brown a:hover, .user3 .brown a:hover, .user4 .brown a:hover, .user5 .brown a:hover, .user6 .brown a:hover, .user7 .brown a:hover, .user8 .brown a:hover, .user9 .brown a:hover, .left_column .green a:hover, .right_column .green a:hover, .top-module-position .green a:hover, .bottom-module-position .green a:hover, .user1 .green a:hover, .user2 .green a:hover, .user3 .green a:hover, .user4 .green a:hover, .user5 .green a:hover, .user6 .green a:hover, .user7 .green a:hover, .user8 .green a:hover, .user9 .green a:hover, .left_column .orange a:hover, .right_column .orange a:hover, .top-module-position .orange a:hover, .bottom-module-position .orange a:hover, .user1 .orange a:hover, .user2 .orange a:hover, .user3 .orange a:hover, .user4 .orange a:hover, .user5 .orange a:hover, .user6 .orange a:hover, .user7 .orange a:hover, .user8 .orange a:hover, .user9 .orange a:hover, .left_column .violet a:hover, .right_column .violet a:hover, .top-module-position .violet a:hover, .bottom-module-position .violet a:hover, .user1 .violet a:hover, .user2 .violet a:hover, .user3 .violet a:hover, .user4 .violet a:hover, .user5 .violet a:hover, .user6 .violet a:hover, .user7 .violet a:hover, .user8 .violet a:hover, .user9 .violet a:hover, .left_column .turquoise a:hover, .right_column .turquoise a:hover, .top-module-position .turquoise a:hover, .bottom-module-position .turquoise a:hover, .user1 .turquoise a:hover, .user2 .turquoise a:hover, .user3 .turquoise a:hover, .user4 .turquoise a:hover, .user5 .turquoise a:hover, .user6 .turquoise a:hover, .user7 .turquoise a:hover, .user8 .turquoise a:hover, .user9 .turquoise a:hover, .left_column .black a:hover, .right_column .black a:hover, .top-module-position .black a:hover, .bottom-module-position .black a:hover, .user1 .black a:hover, .user2 .black a:hover, .user3 .black a:hover, .user4 .black a:hover, .user5 .black a:hover, .user6 .black a:hover, .user7 .black a:hover, .user8 .black a:hover, .user9 .black a:hover, .left_column .red a:hover, .right_column .red a:hover, .top-module-position .red a:hover, .bottom-module-position .red a:hover, .user1 .red a:hover, .user2 .red a:hover, .user3 .red a:hover, .user4 .red a:hover, .user5 .red a:hover, .user6 .red a:hover, .user7 .red a:hover, .user8 .red a:hover, .user9 .red a:hover, .left_column .blue .active > a, .right_column .blue .active > a, .top-module-position .blue .active > a, .bottom-module-position .blue .active > a, .user1 .blue .active > a, .user2 .blue .active > a, .user3 .blue .active > a, .user4 .blue .active > a, .user5 .blue .active > a, .user6 .blue .active > a, .user7 .blue .active > a, .user8 .blue .active > a, .user9 .blue .active > a, .left_column .brown .active > a, .right_column .brown .active > a, .top-module-position .brown .active > a, .bottom-module-position .brown .active > a, .user1 .brown .active > a, .user2 .brown .active > a, .user3 .brown .active > a, .user4 .brown .active > a, .user5 .brown .active > a, .user6 .brown .active > a, .user7 .brown .active > a, .user8 .brown .active > a, .user9 .brown .active > a, .left_column .green .active > a, .right_column .green .active > a, .top-module-position .green .active > a, .bottom-module-position .green .active > a, .user1 .green .active > a, .user2 .green .active > a, .user3 .green .active > a, .user4 .green .active > a, .user5 .green .active > a, .user6 .green .active > a, .user7 .green .active > a, .user8 .green .active > a, .user9 .green .active > a, .left_column .orange .active > a, .right_column .orange .active > a, .top-module-position .orange .active > a, .bottom-module-position .orange .active > a, .user1 .orange .active > a, .user2 .orange .active > a, .user3 .orange .active > a, .user4 .orange .active > a, .user5 .orange .active > a, .user6 .orange .active > a, .user7 .orange .active > a, .user8 .orange .active > a, .user9 .orange .active > a, .left_column .violet .active > a, .right_column .violet .active > a, .top-module-position .violet .active > a, .bottom-module-position .violet .active > a, .user1 .violet .active > a, .user2 .violet .active > a, .user3 .violet .active > a, .user4 .violet .active > a, .user5 .violet .active > a, .user6 .violet .active > a, .user7 .violet .active > a, .user8 .violet .active > a, .user9 .violet .active > a, .left_column .turquoise .active > a, .right_column .turquoise .active > a, .top-module-position .turquoise .active > a, .bottom-module-position .turquoise .active > a, .user1 .turquoise .active > a, .user2 .turquoise .active > a, .user3 .turquoise .active > a, .user4 .turquoise .active > a, .user5 .turquoise .active > a, .user6 .turquoise .active > a, .user7 .turquoise .active > a, .user8 .turquoise .active > a, .user9 .turquoise .active > a, .left_column .black .active > a, .right_column .black .active > a, .top-module-position .black .active > a, .bottom-module-position .black .active > a, .user1 .black .active > a, .user2 .black .active > a, .user3 .black .active > a, .user4 .black .active > a, .user5 .black .active > a, .user6 .black .active > a, .user7 .black .active > a, .user8 .black .active > a, .user9 .black .active > a, .left_column .red .active > a, .right_column .red .active > a, .top-module-position .red .active > a, .bottom-module-position .red .active > a, .user1 .red .active > a, .user2 .red .active > a, .user3 .red .active > a, .user4 .red .active > a, .user5 .red .active > a, .user6 .red .active > a, .user7 .red .active > a, .user8 .red .active > a, .user9 .red .active > a {
  color: #fff; }

.blue h4, .green h4, .orange h4, .violet h4, .red h4, .black h4, .turquoise h4, .brown h4 {
  color: #444; }

.left_column .radius > div, .right_column .radius > div, .top-module-position .radius > div, .bottom-module-position .radius > div, .user1 .radius > div, .user2 .radius > div, .user3 .radius > div, .user4 .radius > div, .user5 .radius > div, .user6 .radius > div, .user7 .radius > div, .user8 .radius > div, .user9 .radius > div {
  border-radius: 6px; }

.left_column > .border > div, .right_column > .border > div, .top-module-position > .border > div, .bottom-module-position > .border > div, .user1 > .border > div, .user2 > .border > div, .user3 > .border > div, .user4 > .border > div, .user5 > .border > div, .user6 > .border > div, .user7 > .border > div, .user8 > .border > div, .user9 > .border > div {
  border: 1px solid #bbb;
  border-color: rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  padding: 12px 18px; }

.title-centered .module-title {
  clear: both;
  margin: 13px 0 -7px 0;
  border-top: 1px dotted #bbb;
  border-color: rgba(0, 0, 0, 0.18);
  text-align: center; }
  .title-centered .module-title h3 {
    position: relative;
    top: -14px;
    display: inline;
    background: #fff;
    padding: 0 15px;
    border: none; }

.title-centered.black .module-title {
  border-color: #ddd; }

.title-centered .module-title h3 span {
  margin: 0;
  padding: 0;
  border: none; }

.title-centered.grey .module-title h3 {
  background: #eee !important; }

.title-centered.orange .module-title h3 {
  background: #ff9933 !important; }

.title-centered.green .module-title h3 {
  background: #85b159 !important; }

.title-centered.red .module-title h3 {
  background: #cc3333 !important; }

.title-centered.blue .module-title h3 {
  background: #0099cc !important; }

.title-centered.turquoise .module-title h3 {
  background: #259b9a !important; }

.title-centered.white .module-title h3 {
  background: #fff !important; }

.title-centered.violet .module-title h3 {
  background: #a836c9 !important; }

.title-centered.brown .module-title h3 {
  background: #b8b4a9 !important; }

.title-centered.black .module-title h3 {
  background: #000 !important; }

.title-band > div {
  padding-top: 12px; }

.title-band .module-title {
  margin: -12px -18px 10px -18px;
  padding: 5px 0 0 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent url(../images/black-10.png) 0 0 repeat; }

.vertical_menu.title-band .module-title {
  margin: -12px 0 -1px 0;
  padding: 5px 0 5px 18px; }

.title-band.black .module-title {
  background: transparent url(../images/white-16.png) 0 0 repeat; }

.title-band .module-title h3 {
  border: none; }
  .title-band .module-title h3 span {
    margin: 0;
    padding: 0;
    border: none; }

.left_column .title-centered.blue .module-title, .right_column .title-centered.blue .module-title, .top-module-position .title-centered.blue .module-title, .bottom-module-position .title-centered.blue .module-title, .user1 .title-centered.blue .module-title, .user2 .title-centered.blue .module-title, .user3 .title-centered.blue .module-title, .user4 .title-centered.blue .module-title, .user5 .title-centered.blue .module-title, .user6 .title-centered.blue .module-title, .user7 .title-centered.blue .module-title, .user8 .title-centered.blue .module-title, .user9 .title-centered.blue .module-title, .left_column .title-centered.turquoise .module-title, .right_column .title-centered.turquoise .module-title, .top-module-position .title-centered.turquoise .module-title, .bottom-module-position .title-centered.turquoise .module-title, .user1 .title-centered.turquoise .module-title, .user2 .title-centered.turquoise .module-title, .user3 .title-centered.turquoise .module-title, .user4 .title-centered.turquoise .module-title, .user5 .title-centered.turquoise .module-title, .user6 .title-centered.turquoise .module-title, .user7 .title-centered.turquoise .module-title, .user8 .title-centered.turquoise .module-title, .user9 .title-centered.turquoise .module-title, .left_column .title-centered.brown .module-title, .right_column .title-centered.brown .module-title, .top-module-position .title-centered.brown .module-title, .bottom-module-position .title-centered.brown .module-title, .user1 .title-centered.brown .module-title, .user2 .title-centered.brown .module-title, .user3 .title-centered.brown .module-title, .user4 .title-centered.brown .module-title, .user5 .title-centered.brown .module-title, .user6 .title-centered.brown .module-title, .user7 .title-centered.brown .module-title, .user8 .title-centered.brown .module-title, .user9 .title-centered.brown .module-title, .left_column .title-centered.violet .module-title, .right_column .title-centered.violet .module-title, .top-module-position .title-centered.violet .module-title, .bottom-module-position .title-centered.violet .module-title, .user1 .title-centered.violet .module-title, .user2 .title-centered.violet .module-title, .user3 .title-centered.violet .module-title, .user4 .title-centered.violet .module-title, .user5 .title-centered.violet .module-title, .user6 .title-centered.violet .module-title, .user7 .title-centered.violet .module-title, .user8 .title-centered.violet .module-title, .user9 .title-centered.violet .module-title, .left_column .title-centered.green .module-title, .right_column .title-centered.green .module-title, .top-module-position .title-centered.green .module-title, .bottom-module-position .title-centered.green .module-title, .user1 .title-centered.green .module-title, .user2 .title-centered.green .module-title, .user3 .title-centered.green .module-title, .user4 .title-centered.green .module-title, .user5 .title-centered.green .module-title, .user6 .title-centered.green .module-title, .user7 .title-centered.green .module-title, .user8 .title-centered.green .module-title, .user9 .title-centered.green .module-title, .left_column .title-centered.orange .module-title, .right_column .title-centered.orange .module-title, .top-module-position .title-centered.orange .module-title, .bottom-module-position .title-centered.orange .module-title, .user1 .title-centered.orange .module-title, .user2 .title-centered.orange .module-title, .user3 .title-centered.orange .module-title, .user4 .title-centered.orange .module-title, .user5 .title-centered.orange .module-title, .user6 .title-centered.orange .module-title, .user7 .title-centered.orange .module-title, .user8 .title-centered.orange .module-title, .user9 .title-centered.orange .module-title, .left_column .title-centered.red .module-title, .right_column .title-centered.red .module-title, .top-module-position .title-centered.red .module-title, .bottom-module-position .title-centered.red .module-title, .user1 .title-centered.red .module-title, .user2 .title-centered.red .module-title, .user3 .title-centered.red .module-title, .user4 .title-centered.red .module-title, .user5 .title-centered.red .module-title, .user6 .title-centered.red .module-title, .user7 .title-centered.red .module-title, .user8 .title-centered.red .module-title, .user9 .title-centered.red .module-title {
  border-color: #eee;
  border-color: rgba(255, 255, 255, 0.3); }

.icon-module {
  display: none; }

.badge-new .icon-module, .badge-news .icon-module, .badge-hot .icon-module, .badge-top .icon-module, .badge-gift .icon-module, .badge-free .icon-module {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  height: 39px;
  width: 39px;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important; }

.badge-new .icon-module {
  background: transparent url(../images/badge_new.png) 0 0 no-repeat !important; }

.badge-news .icon-module {
  background: transparent url(../images/badge_news.png) 0 0 no-repeat !important; }

.badge-hot .icon-module {
  background: transparent url(../images/badge_hot.png) 0 0 no-repeat !important; }

.badge-free .icon-module {
  background: transparent url(../images/badge_free.png) 0 0 no-repeat !important; }

.badge-gift .icon-module {
  background: transparent url(../images/badge_gift.png) 0 0 no-repeat !important; }

.badge-top .icon-module {
  background: transparent url(../images/badge_top.png) 0 0 no-repeat !important; }

/************************************************************************************************************
 *
 *									ARTICLE JOOMLA
 *
 *************************************************************************************************************/
/*	icons */
ul.actions {
  float: right;
  margin: 6px 8px 0 4px;
  padding: 0; }
  ul.actions li {
    background-image: none;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block; }
  ul.actions a {
    text-decoration: none; }

/*	article info */
.article-info {
  font-size: 90%;
  margin: 8px 0 15px 0; }
  .article-info dd {
    margin: 0; }

.article-info-term {
  display: none; }

/*		article index */
#article-index {
  background: transparent url(../images/black-03.png) 0 0 repeat;
  border-radius: 6px;
  float: right;
  margin: 10px 0 20px 30px;
  clear: both;
  padding: 8px 12px;
  width: 17%; }

/* ++++++++++++++  position  ++++++++++++++ */
.blog-featured {
  padding: 0; }

.items-leading {
  padding: 0px 0 10px 0;
  overflow: hidden;
  margin-bottom: 10px; }

.row-separator {
  display: block;
  clear: both;
  margin: 0;
  border: 0px;
  height: 1px; }

.item-separator {
  clear: both;
  margin: 0 0 20px 0; }

.shownocolumns {
  width: 98% !important; }

/* ++++++++++++++  blog  ++++++++++++++ */
.cols-1 {
  display: block;
  float: none !important;
  margin: 0 !important; }

.cols-2 .column-1 {
  width: 46%;
  float: left; }

.cols-2 .column-2 {
  width: 46%;
  float: right;
  margin: 0; }

.cols-3 .column-1 {
  float: left;
  width: 30%;
  padding: 0px 5px;
  margin-right: 5%; }

.cols-3 .column-2 {
  float: left;
  width: 30%;
  margin-left: 0;
  padding: 0px 5px; }

.cols-3 .column-3 {
  float: right;
  width: 30%;
  padding: 0px 5px; }

.items-row {
  overflow: hidden;
  margin-bottom: 10px !important; }

.column-1, .column-2, .column-3, .column-4 {
  padding: 10px 5px; }

.column-2 {
  width: 55%;
  margin-left: 40%; }

.column-3 {
  width: 30%; }

.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4 {
  float: left;
  clear: right;
  width: 22.75%;
  margin-left: 0; }

.cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4 {
  margin-left: 3%; }

.blog-more {
  padding: 10px 5px; }

span.content_rating img {
  display: inline-block;
  margin: 0 1px; }

span.content_vote input {
  display: inline-block;
  margin: 0 2px; }

/************************************************************************************************************
 *
 *                  FOOTER
 *
 *************************************************************************************************************/
.website-footer {
  position: relative;
  clear: both;
  padding: 10px 3px 24px 3px;
  margin-top: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: transparent url(../images/bg-footer.png) 0 0 repeat-x;
  min-height: 50px;
  font-size: 90%; }

.bottom_menu {
  float: right;
  margin: 0;
  padding: 9px 0 0 0; }
  .bottom_menu.without_address {
    display: block;
    float: none;
    text-align: center; }

.address {
  float: left;
  margin: 0;
  padding: 9px 0 0 0; }
  .address p {
    margin: 0px; }
  .address.without_bottom_menu {
    clear: both;
    float: none;
    text-align: center; }
  .address .moduletable {
    display: inline-block; }

.bottom_menu .moduletable {
  display: inline-block; }

.bottom_menu ul {
  margin: 0;
  padding: 0; }

.bottom_menu li {
  padding: 0 5px;
  margin: 0;
  display: inline-block;
  line-height: inherit;
  list-style: none; }
  .bottom_menu li a {
    display: inline-block;
    text-decoration: none;
    font-weight: normal;
    color: #888;
    padding: 0 5px;
    margin: 0; }

.bottom_menu.without_address li {
  display: inline;
  float: none;
  width: auto; }
  .bottom_menu.without_address li a {
    display: inline; }

/************************************************************************************************************
 *
 *                  BOTTOM MENU
 *
 *************************************************************************************************************/
/*******************************************************************************************************************************************
 *
 *                  SEARCH
 *
 ********************************************************************************************************************************************/
#search {
  float: right;
  margin: 6px 0 0 10px; }

.search {
  position: relative;
  z-index: 1; }

.main_component .search {
  max-width: none; }

.search label[for="mod-search-searchword"] {
  display: none !important; }
  .search label[for="mod-search-searchword"] ~ .button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto;
    background: transparent url(../images/black-20.png) 0 0 repeat;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) inset;
    z-index: 2; }

#search #mod-search-searchword {
  height: 22px;
  padding: 0 12px; }

/************************************************************************************************************
 *
 *                  SCROLL TO TOP
 *
 *************************************************************************************************************/
#toTop {
  bottom: 0px;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 27px;
  text-align: center;
  z-index: 999; }
  #toTop .icon-up:before {
    display: inline-block;
    font-family: fontawesome;
    content: "\f0aa";
    font-size: 28px;
    color: #444;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  #toTop:hover .icon-up:before {
    opacity: 0.8; }

#toTopText {
  display: none; }

#toTop span {
  color: #FFFFFF; }

/************************************************************************************************************
 *
 *                  OTHERS
 *
 *************************************************************************************************************/
/*  JS  */
.js-copyright {
  clear: both;
  padding: 15px 0;
  margin: 0 auto;
  text-align: center;
  height: 8px;
  width: 144px; }

.jslink {
  float: left;
  text-indent: -9999px;
  height: 8px;
  width: 144px;
  background: transparent url(../images/js.jpg) 0 0 no-repeat; }

/*    tooltips form    */
.tip-wrap {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  color: #666;
  z-index: 999; }

.tip {
  padding: 8px 8px 16px 8px;
  min-width: 160px;
  color: #555; }

.tip-wrap .tip-top, .tip-wrap .tip, .tip-wrap .tip-bottom {
  background-image: none;
  height: auto; }

.tip-title {
  color: #028bc0;
  margin: -2px 0 4px 0; }

.actions .tip {
  padding: 0;
  min-width: 0; }

.tooltip {
  position: absolute;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  background: transparent !important;
  border: none !important;
  z-index: 999; }
  .tooltip * {
    color: #666 !important; }
  .tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 8px; }
  .tooltip.right {
    margin-left: 3px;
    padding: 5px 8px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 8px; }
  .tooltip.left {
    margin-left: -3px;
    padding: 5px 8px; }

.tooltip-inner {
  max-width: 200px;
  padding: 8px 12px;
  margin-bottom: 4px;
  text-align: left;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip {
  /*      Image float style  */ }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 48% !important;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #ccc; }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #ccc; }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc; }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 48% !important;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #ccc; }

.item-image {
  margin-bottom: 20px; }

.pull-left, .pull-right {
  max-width: 100%; }

img[align="left"], img[align="right"] {
  max-width: 100%; }

.pull-left, img[align="left"], .img_caption.left {
  float: left;
  margin: 0 20px 20px 0; }

.pull-right, img[align="right"] {
  float: right;
  margin: 0 0 20px 20px; }

.img_caption.right {
  float: right;
  margin: 0 0 20px 20px; }

.img_caption img {
  margin-bottom: 4px; }

.pull-center {
  margin-left: 0auto;
  margin-right: auto; }

.pull-left img, .pull-right img {
  margin-top: 6px; }

img[align="left"], img[align="right"] {
  margin-top: 6px; }

.js-border .pull-left img, .js-border .pull-right img {
  margin-top: 3px; }

.js-border img[align="left"], .js-border img[align="right"] {
  margin-top: 3px; }

figcaption, p.img_caption {
  font-style: italic;
  font-size: 85%;
  text-align: center; }

.js-border figcaption {
  margin-top: -10px; }

.img-fulltext-left, .pull-left.item-image {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  max-width: 100%; }

.img-intro-left {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 100%; }

.img-fulltext-right, .pull-right.item-image {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  max-width: 100%; }

.img-intro-right {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  max-width: 100%; }

.img-fulltext-none {
  display: block;
  margin: 10px 0; }

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

/*    tags  */
.element-invisible {
  display: none !important; }

.tag-category {
  min-height: 300px; }

.label-info {
  display: inline-block;
  border-radius: 3px;
  background-color: #2d6987;
  color: #eee;
  padding: 2px 8px;
  -webkit-box-shadow: 1px 1px 2px #aaa;
  box-shadow: 1px 1px 2px #aaa; }
  .label-info:hover {
    color: #fff;
    background-color: #32769a;
    -webkit-box-shadow: 1px 1px 2px #888;
    box-shadow: 1px 1px 2px #888; }

ul.inline {
  margin: 0 0 26px 0;
  padding: 0; }
  ul.inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

ol.inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px; }

.thumbnails {
  margin: 0;
  list-style: none; }
  .thumbnails:before {
    display: table;
    content: "";
    line-height: 0; }
  .thumbnails:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both; }
  .thumbnails > li {
    float: left;
    margin-left: 20px; }

.tag-category ul.thumbnails {
  margin-top: 16px; }

.list-striped, .row-striped {
  list-style: none;
  line-height: 18px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid rgba(0, 0, 0, 0.14);
  margin: 22px 0 10px 0;
  padding-left: 0; }

.list-striped li, .list-striped dd {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  padding: 8px 14px 30px 14px; }

.row-striped .row, .row-striped .row-fluid {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  padding: 8px 14px 30px 14px; }

.list-striped li > h3, .list-striped dd > h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  padding: 8px;
  margin: -8px -14px 20px -14px;
  font-size: 130%; }

.row-striped .row > h3, .row-striped .row-fluid > h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  padding: 8px;
  margin: -8px -14px 20px -14px;
  font-size: 130%; }

.list-striped li:nth-child(odd), .list-striped dd:nth-child(odd) {
  background: rgba(0, 0, 0, 0.03); }

.row-striped .row:nth-child(odd), .row-striped .row-fluid:nth-child(odd) {
  background: rgba(0, 0, 0, 0.03); }

/*      Error Message contact form */
#system-message-container dl#system-message {
  background-color: #f0f0f0;
  padding: 14px 12px 8px 16px;
  margin: 12px 4px 20px 0;
  -webkit-box-shadow: 2px 2px 4px #ccc;
  box-shadow: 2px 2px 4px #ccc; }

#system-message-container #system-message > div {
  background-color: #f0f0f0;
  padding: 14px 12px 8px 16px;
  margin: 12px 4px 20px 0;
  -webkit-box-shadow: 2px 2px 4px #ccc;
  box-shadow: 2px 2px 4px #ccc; }

#system-message-container #system-message .error, #system-message-container #system-message h4 {
  padding-top: 5px;
  font-size: 140%;
  color: red; }

#system-message-container #system-message .error.message, #system-message-container #system-message > div > div {
  font-size: 100%;
  color: #000; }

#system-message-container ul {
  margin: 0 !important; }

#system-message-container li {
  background-image: none !important;
  padding: 8px 0 0 0 !important; }

#system-message a.close {
  display: none; }

select, textarea, input, .inputbox {
  background: transparent url(../images/black-04.png) 0 0 repeat;
  background: rgba(100, 100, 100, 0.07);
  border: 1px solid #ddd;
  border-color: rgba(100, 100, 100, 0.2);
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) inset;
  color: #666666;
  display: block;
  font-size: 13px;
  height: 38px;
  line-height: 1.42857;
  padding: 6px 12px;
  -webkit-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
  width: auto; }

input[type="radio"], input[type="checkbox"] {
  height: auto; }

textarea {
  min-height: 100px; }

.black select, .black textarea, .black input, .black .inputbox {
  background: #333;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.26);
  color: #ccc; }

/*      Contact category  /  Category list */
table.category {
  margin-top: 20px; }

.contact-category th, .category-list th {
  background: rgba(0, 0, 0, 0.05);
  text-transform: uppercase;
  font-size: 95%;
  font-weight: normal;
  padding: 14px;
  border: 1px solid #ddd; }

table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
  background: rgba(0, 0, 0, 0.05);
  text-transform: uppercase;
  font-size: 95%;
  font-weight: normal;
  padding: 14px;
  border: 1px solid #ddd; }

.contact-category td, .category-list td {
  padding: 14px;
  border: 1px solid #ddd; }

table.weblinks td, table.newsfeeds td, table.category td, table.jlist-table td {
  padding: 14px;
  border: 1px solid #ddd; }

.badge {
  min-width: 0;
  color: #fff;
  padding: 3px 7px;
  margin: 0 0 0 10px;
  font-weight: 300; }
  .badge.tip {
    min-width: 0;
    color: #fff;
    padding: 3px 7px;
    margin: 0 0 0 10px;
    font-weight: 300; }

/*   category description */
.category-desc {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  margin-bottom: 20px;
  min-height: 20px;
  padding: 15px 20px;
  font-size: 110%; }

/***    List all category */
.categories-list > div {
  margin-bottom: 40px; }

.categories-list .page-header {
  text-align: left; }

.categories-list .category-desc {
  border: none;
  background: transparent;
  padding: 10px;
  font-size: 100%; }

/*      Registration form */
#member-registration dt {
  margin-top: 20px; }

#member-registration > div {
  margin: 10px 0 60px; }

.remind, .reset {
  margin-bottom: 140px; }

/*      Login */
.login label {
  margin-top: 20px; }

#remember-lbl {
  margin-right: 8px; }

.login #remember {
  display: inline-block;
  height: auto; }

.login button {
  margin: 20px 0 15px 0; }

.login .form-horizontal .control-label {
  text-align: left; }

.login + div .nav-tabs {
  border: none; }

.login + div .nav-stacked > li {
  border: 1px solid #DDDDDD; }
  .login + div .nav-stacked > li + li {
    margin-top: 0; }

/*      Module Login */
#login-form label {
  font-weight: normal; }
  #login-form label[for="modlgn-passwd"] {
    margin-top: 10px; }
  #login-form label[for="modlgn-remember"] {
    margin-right: 8px; }

#modlgn-remember {
  display: inline-block;
  height: auto; }

#login-form input[type="submit"] {
  margin: 3px 0 15px 0; }

#login-form ul {
  padding-left: 15px; }

.login-greeting {
  margin: 20px 0 12px 0; }

/*      Module Login Joomla 3.X */
#form-login-password, #form-login-remember {
  margin-top: 13px; }

#form-login-submit {
  margin: 10px 0 13px 0; }

/*      profile */
.profile-edit dt {
  margin-top: 20px; }

.profile-edit form > div {
  margin: 10px 0 60px 0; }

/*      News feed */
.newsfeed li > h3 {
  font-size: 140%; }

.newsfeed-category {
  margin-bottom: 40px; }
  .newsfeed-category form > ul {
    margin-top: 30px; }
  .newsfeed-category form li {
    margin-bottom: 24px; }

/*      Weblinks */
.weblink-category td.title p a {
  display: inline-block;
  margin-right: 20px; }
  .weblink-category td.title p a:before {
    display: inline-block;
    content: ":";
    margin: 0 10px; }

.weblink-category td.title p + p {
  margin: 0 0 30px 18px;
  font-style: italic; }

.weblink-category td.hits {
  vertical-align: top; }

.weblink-category dt, .weblink-category dd {
  display: inline-block; }

.weblink-category .item-title {
  font-size: 120%; }

/*      Search form */
#searchForm {
  margin: 30px 0 80px 0; }

.word label {
  margin: 0 12px 20px 0; }

#search-searchword {
  display: inline-block;
  margin: 0 8px 20px 0; }

fieldset.phrases {
  clear: both;
  margin-top: 40px; }
  fieldset.phrases > div {
    margin-left: 12px; }
  fieldset.phrases .phrases-box input {
    display: block;
    float: left;
    clear: both;
    margin-right: 12px; }
  fieldset.phrases .phrases-box label {
    display: block;
    float: left; }
  fieldset.phrases .ordering-box {
    clear: both;
    padding-top: 30px; }
  fieldset.phrases .ordering {
    margin-right: 12px; }
  fieldset.phrases #ordering {
    display: inline-block; }

fieldset.only {
  clear: both;
  margin-top: 40px; }
  fieldset.only input {
    display: block;
    float: left;
    clear: both;
    margin: 0 12px; }
  fieldset.only label {
    display: block;
    float: left; }

/*    for Joomla 3.5 */
#searchForm .btn {
  margin-top: 2px; }

.icon-search {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1; }
  .icon-search:before {
    content: "\f002"; }

.search .controls label {
  clear: both;
  margin: 0 0 7px 20px; }

.search label.checkbox {
  clear: both;
  margin: 0 0 7px 32px; }

.search .radio, .search .checkbox {
  margin: 0;
  padding: 0;
  min-height: 0; }

.search .radio + .radio, .search .checkbox + .checkbox {
  margin-top: 0; }

/*    Search results */
dt.result-title {
  margin-top: 30px;
  font-size: 120%; }
  dt.result-title:first-child {
    margin-top: 0; }

.result-category {
  padding-bottom: 14px; }

.result-text .highlight {
  border: none;
  background: rgba(0, 0, 0, 0.04);
  margin: 0;
  padding: 3px 9px;
  border-radius: 4px; }

.result-created {
  margin-top: 8px;
  font-size: 90%;
  font-style: italic; }

/*    Advanced search   Joomla 3.5 */
#finder-search {
  margin-bottom: 80px; }
  #finder-search .word button, #finder-search .word a.btn {
    margin-top: 20px; }

/*    Button ( Joomla 2.5 ) */
input[type="submit"], button, .btn-primary, .btn-default, .btn {
  background: transparent url(../images/black-30.png) 0 0 repeat;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  border: 1px solid #999;
  border-color: rgba(0, 0, 0, 0.2);
  color: #FFFFFF !important;
  font-size: 90%;
  font-weight: normal;
  text-shadow: none;
  letter-spacing: 0.6px;
  margin: 0;
  padding: 8px 11px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

/****************************************************************************************
 *
 *                Iframe
 *
 *****************************************************************************************/
body.modal {
  min-width: 0;
  background: #fff;
  padding: 0;
  margin: 0; }

.modal a {
  color: #08c; }

iframe, svg {
  max-width: 100%; }

#sbox-window {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  #sbox-window * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }

.well {
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  margin-bottom: 20px;
  min-height: 20px;
  padding: 10px; }

.row, .row-fluid {
  width: 100%; }

.row:before, .row-fluid:before, .row:after, .row-fluid:after {
  display: table;
  line-height: 0;
  content: ""; }

.row:after, .row-fluid:after {
  clear: both; }

.modal .row [class*="span"], .modal .row-fluid [class*="span"] {
  display: block;
  float: left;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.modal .row [class*="span"]:first-child, .modal .row-fluid [class*="span"]:first-child {
  margin-left: 0; }

.modal .row .controls-row [class*="span"] + [class*="span"], .modal .row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%; }

.modal .span12 {
  width: 100%; }

.modal .span11 {
  width: 91.48936170212765%; }

.modal .span10 {
  width: 82.97872340425532%; }

.modal .span9 {
  width: 74.46808510638297%; }

.modal .span8 {
  width: 65.95744680851064%; }

.modal .span7 {
  width: 57.44680851063829%; }

.modal .span6 {
  width: 48.93617021276595%; }

.modal .span5 {
  width: 40.42553191489362%; }

.modal .span4 {
  width: 31.914893617021278%; }

.modal .span3 {
  width: 23.404255319148934%; }

.modal .span2 {
  width: 14.893617021276595%; }

.modal .span1 {
  width: 6.382978723404255%; }

.thumbnails {
  margin-left: -20px;
  list-style: none; }
  .thumbnails:before {
    display: table;
    content: "";
    line-height: 0; }
  .thumbnails:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both; }

.row-fluid .thumbnails {
  margin-left: 0; }

.thumbnails > li {
  float: left;
  margin-bottom: 18px;
  margin-left: 20px; }

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

a.thumbnail:hover, a.thumbnail:focus {
  border-color: #08c;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); }

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

.thumbnail .caption {
  padding: 9px;
  color: #555; }

.height-50 {
  height: 50px; }

.height-80 {
  height: 80px; }

.width-80 {
  width: 80px; }

.center {
  text-align: center; }

.table td.center, .table th.center {
  text-align: center; }

[class*="icon-folder"]:before {
  content: "\f07b"; }