body {
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
}
.menutop, #close-overlay {
  font-size: 12px;
}
#close-overlay {
  background: #fff;
}
a {
  color: #000;
}
a:hover, a:focus {
  color: #555;
}
a.sitename, a.sitename:hover, a#trigger-overlay, a#trigger-overlay:hover, #close-overlay, #close-overlay:hover {
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  line-height: 30px;
  outline: none;
}

/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Header logo
If you require a Site title and a logo, an example of how to do this is provided below (use your own logo):

#site-title a {
  display: inline-block;
	padding-left 60px;
  background: url(../img/logo.png) 0 0 no-repeat;
}
*/
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 18px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 18px;
}

/*
Main content
*/

#content article {
  margin-bottom: 40px
}
#content header {
  margin: 20px 0
}
#content section {
  margin-bottom: 20px
}
#content footer {
  padding-bottom: 20px
}

/*
Sidebar
*/

.sidebar {
  margin-top: 20px
}
.sidebar section {
  margin-bottom: 40px
}
.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ 

/*
Comments
*/

#respond {
  margin-top: 40px
}
ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/*
Site footer
*/

.site-footer {
  padding: 40px 0
}
.site-footer ul,
.site-footer ol {
  list-style-type: none;
  padding: 0
}
.site-footer li {
  margin: 10px 0
}
.site-sub-footer p {
  text-align: center
}

.site-footer p {
  text-align: center
}
#close-overlay {
  float: right;
  line-height: 30px;
  margin-right: 15px;
}
.admin-bar #close-overlay {
  margin-top: 32px;
}
/* Menu */
.overnav {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.90);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}
.overnav img {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}
.overnav.open, .overnav.open img {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
img.ri
{
  position: absolute;
  max-width: 70%;
  top: 15%;
  left: 15%;
}

img.ri:empty
{
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* Flip contact */
.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    float: left;
    margin: 0 20px 20px 0;
}
.flip-container, .front, .back {
    width: 300px;
    height: 491px;
}
.flipper {
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    position: relative;
}
.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}
.back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.front {
    z-index: 2;
}
/* Gallery */
.gallery-inline {
  position: relative;
  outline: none;
}
.gallery-inline p {
  max-width: 435px;
}
.gallery-inline .slideshow-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  white-space: nowrap;
  width: 100%;
}
.gallery-inline.intro .slideshow-wrapper {
  left: 470px;
}
.slideshow-wrapper ul, .slideshow-wrapper li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.slideshow-wrapper li {
  display: inline-block;
  height: 100%;
  margin: 0 20px 0 0;
  position: relative;
  vertical-align: top !important;
  white-space: normal;
  width: auto;
}
.slideshow-wrapper img {
  width: auto !important;
}
.slideshow-wrapper .gallery-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  padding: 0 4px;
  margin: 2px;
  background: #fff;
  font-size: 11px;
}
.slideshow-wrapper .gallery-share {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  padding: 0 4px;
  margin: 2px;
  background: #fff;
  font-size: 11px;
  opacity: 0;
}
.slideshow-wrapper li:hover .gallery-share {
  opacity: 1;
  transition: opacity 0.3s ease-out 0s;
}
.gallery-title {
  margin-top: 8px;
}
a.heffect img {
  opacity: 1;
}
a.heffect:hover img {
  opacity: 0.75;
  transition: opacity 0.3s ease-out 0s;
}
/* jScroll */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
  overflow: hidden;
  position: relative;
}

.jspPane
{
  position: absolute;
}

.jspVerticalBar
{
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red;
}

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

.jspCap
{
  display: none;
}

.jspHorizontalBar .jspCap
{
  float: left;
}

.jspTrack
{
  background: #efefef;
  position: relative;
}

.jspDrag
{
  background: #555;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

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

.jspArrow
{
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.jspArrow.jspDisabled
{
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow
{
  height: 16px;
}

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

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

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

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
  margin: 0 -3px 0 0;
}
/* Dynagrid */
#dynagrid .item {
  margin-bottom: 20px;
  width: 280px;
  position: relative;
}
#dynagrid .item article {
  margin: 0;
  text-align: center;
}
#dynagrid .item .smnews {
  min-height: 90px;
  background: #efefef; 
}
#dynagrid .gallery-title {
  display: none;
}
#dynagrid .gallery-title a {
  background: #fff;
  padding: 0 4px;
}
img.lazy {
  background: #efefef;
}
h1, h2, h3, h4 {
  font-weight: 300;
}
h1 {
  font-size: 19px;
  text-transform: uppercase;
}
article header h2 {
  font-size: 18px;
  text-transform: uppercase;
}
.nav-tabs.custom > li.active > a, 
.nav-tabs.custom > li.active > a:focus, 
.nav-tabs.custom > li.active > a:hover,
.nav-tabs.custom > li > a,
.nav-tabs.custom > li > a:focus, 
.nav-tabs.custom > li > a:hover {
  border-color: transparent;
  background: transparent;
  outline: none;
}
.nav-tabs.custom > li {
    position: relative;
    min-width: 175px;
    padding-top: 120px;
}
.nav-tabs.custom > li:last-child {
    min-width: 90px;
}
.nav-tabs.custom > li > a {
  padding: 0;
  margin: 0;
  /*writing-mode: tb-rl;*/
  white-space: nowrap;
  display: inline-block;
  overflow: visible;
  -webkit-transform: rotate(-45deg) translateY(100%);
  -moz-transform: rotate(-45deg) translateY(100%);
  -ms-transform: rotate(-45deg) translateY(100%);
  -o-transform: rotate(-45deg) translateY(100%);
  transform: rotate(-45deg) translateY(100%);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
.nav-tabs.custom .dot {
  width: 14px;
  height: 14px;
  display: block;
  border: 1px solid #ddd;
  margin-right: 10px;
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: relative;
}
.nav-tabs.custom .dot > .inner {
  position: absolute;
  background: #ddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #ddd;
  width: 8px;
  height: 8px;
  display: block;
  left: 2px;
  top: 2px;
}
.nav-tabs.custom li.active .dot > .inner {
  background: #000;
  border: 1px solid #000;
}
.tabpanel.custom .tab-content > div {
  padding-top: 20px;
}
img[usemap], map area{
    outline: none;
}
.social-share {
  display: inline-block;
  margin-top: 20px;
}
.mtop-social, .short-link, .fbsocial {
    display: inline-block;
    vertical-align: text-top;
}
.fbsocial {
    margin-bottom: 6px;
}
.fb-like.fb_iframe_widget {
}
.notvisible {
  opacity: 0;
  margin-top: 0;
}
@media screen and (orientation: portrait) {
  img.ri {
      max-width: 90%;
  }
}
@media screen and (orientation: landscape) {
  img.ri {
      max-height: 80%;
  }
}