/**
João Mourato
 */
 
 
  /* general */
body {
  margin:0; padding:0;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 1.7;
  color: #777
}
body #site-wrapper {
  background-image: url(../images/pb8.png);
  background-repeat: repeat;
  /*z-index: 2*/
}

body.error {background-color: #fff}


/* -- form validation */
input.invalid, textarea.invalid {
    background: none repeat scroll 0 0 #1A0000;
    border-color: #770000;
}
label.invalid { color: #ff0000; }

.form-actions {background: none; border:0; padding: 0; margin: 0}

.form-actions a.btn {padding: 3px 14px; line-height: 1.7}

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


/* System Messages */
#system-message-container {
  margin: 1.7em 0;
  clear:both; width: 100%;
}
.error {
  padding:0px;
}

.error h2 {
  color:#000 !important;
  font-size: 12px !important;
  text-transform:uppercase;
  padding:0 0 0 0px !important
}

#system-message {
  border-left:0;
  border-right:0;
}

#system-message dt {
  font-weight: bold;
}
#system-message dd {
  font-weight: bold;
  text-indent: 0px;
  padding:0
}
#system-message dd ul {
  color: #000;
  list-style: none;
  padding: 0px;
  margin:0;
}
#system-message dd ul li {}

/* System Standard Messages */
#system-message dt.message {
  position:absolute;
  top:-2000px;
  left:-3000px;
}

#system-message dd.message  ul {
  /*background: #fff;*/
   padding: 1.7em 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border:0;
  background-image: none;
}

#system-message dd.message ul li{background:none !important; padding: 0;}

/* System Error Messages */
#system-message dt.error {
  position:absolute;
  top:-2000px;
  left:-3000px;
}

#system-message dd.error ul {
  background: #e90000;/**/
   padding: 0.75em 20px;
  color: #fff;
}


/* System Notice Messages */
#system-message dt.notice {
  position:absolute;
  top:-2000px;
  left:-3000px;
}

#system-message dd.notice  ul {
  /*background:#fff;*/
   padding: 1.7em 20px;
}
#system-message dd.notice ul { color: #000;  }

#system-message {
    margin: 0px;
    padding: 0;
}

#system-message dt {
    font-weight: bold;
}

#system-message dd {
    font-weight: bold;
    padding: 0;
}

div.items-row.default-blog,
div.blog div.items-row,
div.news div.items-row,
div.gallery div.items-row,
div.portfolio div.items-row {position:relative; margin: 0 -10px}

div.featured,
div.items-leading div.leading,
div.blog div.items-row. div.blog-item,
div.news div.items-row div.news-item,
div.gallery div.items-row div.gallery-item,
div.portfolio div.items-row div.portfolio-item {display:inline-block; position:relative; vertical-align:top;}

/*
div.items-row.cols-6 div.blog-item,
div.blog div.items-row.cols-6 div.blog-item,
div.news div.items-row.cols-6 div.news-item,
div.gallery div.items-row.cols-6 div.gallery-item,
div.portfolio div.items-row.cols-6 div.portfolio-item { width: 16%;}

div.items-row.cols-5 div.blog-item,
div.blog div.items-row.cols-5 div.blog-item,
div.news div.items-row.cols-5 div.news-item,
div.gallery div.items-row.cols-5 div.gallery-item,
div.portfolio div.items-row.cols-5 div.portfolio-item { width: 19.9%;}
*/

div.items-row.cols-4 div.blog-item,
div.blog div.items-row.cols-4 div.blog-item,
div.news div.items-row.cols-4 div.news-item,
div.gallery div.items-row.cols-4 div.gallery-item,
div.portfolio div.items-row.cols-4 div.portfolio-item { width: 24.5%;}

div.items-row.cols-3 div.blog-item,
div.blog div.items-row.cols-3 div.blog-item,
div.news div.items-row.cols-3 div.news-item,
div.gallery div.items-row.cols-3 div.gallery-item,
div.portfolio div.items-row.cols-3 div.portfolio-item { width: 33%;}

div.items-row.cols-2 div.blog-item,
div.blog div.items-row.cols-2 div.blog-item,
div.news div.items-row.cols-2 div.news-item,
div.gallery div.items-row.cols-2 div.gallery-item,
div.portfolio div.items-row.cols-2 div.portfolio-item { width: 49.5%;}

div.items-row.cols-1 div.blog-item,
div.blog div.items-row.cols-1 div.blog-item,
div.news div.items-row.cols-1 div.news-item,
div.gallery div.items-row.cols-1 div.gallery-item,
div.portfolio div.items-row.cols-1 div.portfolio-item { width: 100%;}

.blog-item, .news-item, .gallery-item, .portfolio-item {
  padding:0px;
  display: inline-block;
  margin: 0;
}

.items-leading .item-inner { position: relative }
.items-leading:not([class*="cols-"]) .item-inner > .btn-group { top: 5px !important }
.items-leading:not([class*="cols-"]) .article-meta { display: none }

div.gallery div.items-row { margin: 1.7em -10px }
div.gallery div.items-row.items-leading { margin: 1.7em -10px 0 }
div.gallery div.items-row.items-leading + .items-row { margin: 0 -10px 1.7em }

.gallery-item {margin: 0 0 1.7em}

.blog-item .item-inner, .news-item .item-inner, 
.gallery-item .item-inner, .portfolio-item .item-inner {margin: 0 10px; position: relative }

.item-page.portfolio,
.item-page.blog { position: relative }

.item-page.news > .btn-group, 
.item-page.blog > .btn-group, 
.item-page.portfolio > .btn-group, 
.news-item div > .btn-group, 
.blog-item div > .btn-group, 
.portfolio-item .item-inner > .btn-group {position: absolute; top: 0; right: 0}

.news-item div > .btn-group {
    bottom: auto;
    top: auto;
  position: relative;
  margin: 0 0 20px 0
}

.news-item div > .btn-group > .btn {
    line-height: 1.7;
    margin-left: 1px;
    padding: 0 10px;
}


.img_caption { width: auto !important }

p.img_caption {
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.7);
    bottom: 0;
    color: #FFFFFF;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
  border-radius: 0 3px 0 3px;
  -webkit-border-radius: 0 3px 0 3px
}

.news-item .item-inner .btn-group > .dropdown-menu, 
.blog-item .item-inner .btn-group > .dropdown-menu, 
.portfolio-item .item-inner .btn-group > .dropdown-menu, 
.item-page.news > .btn-group > .dropdown-menu, 
.item-page.blog > .btn-group > .dropdown-menu, 
.item-page.portfolio > .btn-group > .dropdown-menu, 
.items-leading [class^="leading-"] .btn-group > .dropdown-menu, 
.items-leading .btn-group > .dropdown-menu [class*=" leading-"] { right: -999em; left: auto; border: 0 !important }

.item-page.news > .btn-group.open > .dropdown-menu,
.item-page.blog > .btn-group.open > .dropdown-menu,
.item-page.portfolio > .btn-group.open > .dropdown-menu,
.blog-item .item-inner .btn-group.open > .dropdown-menu, 
.portfolio-item .item-inner .btn-group.open > .dropdown-menu, 
.items-leading [class^="leading-"] .btn-group.open > .dropdown-menu, 
.items-leading [class*=" leading-"] .btn-group.open > .dropdown-menu { right: 0; left: auto }

.news-item .item-inner .btn-group.open > .dropdown-menu { right: auto; left: 0; bottom: 30px; top: auto }

.news-item .item-inner .btn-group.open > .dropdown-menu .tooltip, 
.blog-item .item-inner .btn-group.open > .dropdown-menu .tooltip, 
.items-leading [class^="leading-"] .btn-group.open > .dropdown-menu .tooltip, 
.items-leading [class*=" leading-"] .btn-group.open > .dropdown-menu .tooltip { display:none !important }

.portfolio .items-leading .btn-group:not(.readmore) > .btn,
.portfolio .portfolio-item .btn-group:not(.readmore) > .btn,
.blog .items-leading .btn-group:not(.readmore) > .btn,
.blog .blog-item  .btn-group:not(.readmore) > .btn,
.news .items-leading .btn-group:not(.readmore) > .btn,
.news .news-item  .btn-group:not(.readmore) > .btn, 
.item-page.news  .btn-group:not(.readmore) > a.btn,
.item-page.blog > .btn-group:not(.readmore) > a.btn,
.item-page.portfolio > .btn-group:not(.readmore) > a.btn { border: 0 !important; background: none !important; padding: 0 }

.btn-group.readmore > a.btn { border: 0 !important; color: #fff !important }

div.items-row .modal {z-index: 15000001 !important}

.item-page  img,
.item-inner img { border-radius: 3px; -webkit-border-radius: 3px; clear: both }

.item-page {
  margin:0;
  padding:0;
  display:inline-block;
  position:relative;
  width:100%
}

.blog .category-desc {
  padding:0;
  margin: 1.7em 0
}

.blog .cat-children .category-desc {
  padding:0;
  margin:1.7em 0
}

.items-row h2 {letter-spacing: -0.05em}

ul.subcategories {
  margin: 1.7em 20px 1.7em 0
}
.subcategories-link {
  font-weight:bold
}

ul.dropdown-menu { }
ul.dropdown-menu li {background: none; padding:0; margin:0; list-style: none}
.dropdown-menu a {padding: 4px 10px}

.category-list {
  padding:0;
  display:block;
}

.category-list h1 {}

.categories-list {
  padding:0
}

.categories-list ul {
  padding:0
}

.categories-list ul li {
  background:none;
  padding: 0;
}

.categories-list ul ul {
  margin-left:15px
}

.category-desc {
  margin: 0;
  padding-left:0px;
}

.category-desc p {margin:0}

.image-left {
  float:left;
  margin:0 15px 0 0;
}

.image-right {
  float:right;
  margin:0 0 0 15px
}

.archive {
  padding:0 5px
}

.archive form {
  padding:0 5px
}

ul#archive-items {
  margin: 1.7em 0;
  list-style-type:none;
  padding:0
}

ul#archive-items li.row0,
ul#archive-items li.row1 {
  padding:0.75em 0;
  margin:0.75em 0;
}

/*   columns   */
.items-row {clear:both;}
.cols-4 .column-1 {
  width:23%;
  float:left
}

.cols-4 .column-2 {
  width:23%;
  margin-left:1%;
  float:left;
}

.cols-4 .column-3 {
  width:23%;
  margin-left:1%;
  float:left
}

.cols-4 .column-4 {
  width:23%;
  margin-left:0;
  float:right
}

/* readmore */
p.readmore { clear: both; overflow: hidden; }
.items-leading p.readmore {clear: none}

div.readmore > a:not(.dropdown-toggle) { text-indent: -5px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.readmore-image > a,
p.readmore > a { text-indent: -12px }

.readmore-image > a,
p.readmore > a:not(.dropdown-toggle) {
    border: 0;
    color:#eee; font-size: 12px;
  display:inline;
    padding: 0 8px; margin: 0;
    text-decoration: none;
    text-transform: uppercase;
  text-align:center; text-shadow: none !important;
  transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;
  border-radius: 3px;  -webkit-border-radius: 3px;
  overflow: hidden; 
  border: 0 !important; color: #fff !important
}

.readmore-image > a:hover,
.readmore-image > a:focus,
.readmore > a:not(.dropdown-toggle):hover,
.readmore > a:not(.dropdown-toggle):focus { color:#fff !important; text-indent: 0 }

.readmore-image a span,
.readmore > a > span,
.readmore a i { 
  font-weight: normal; font-style: normal; text-decoration: inherit; 
  -webkit-font-smoothing: antialiased; 
  opacity: 0; font-size: 14px; line-height: 1.7;
  transition: none; -webkit-transition: none;
}
.readmore a.dropdown-toggle span { opacity: 1; transition: none !important; -webkit-transition: none !important }

.readmore-image a:hover span,
.readmore a:not(.dropdown-toggle):hover i,
.readmore > a:not(.dropdown-toggle):hover > span,
.readmore a.dropdown-toggle > span { 
  opacity: 1;  
  transition: all 0.3s ease 0.3s; -webkit-transition: all 0.3s ease 0.3s;
}


/*   details   */
.article-info {
  font-size: 12px; line-height: 2; color: #999;
  float:left; margin-top:0; width: 100%
}

.news .article-info,
.blog .article-info {width: 80%}

a.syndicate-module * {float:left; margin-right: 5px}
.article-info-term {
  display:none
}

dd.category-name,
dd.create,
dd.modified,
dd.createdby {
  padding-right:5px;
  padding-left:0;
}

.archive .article-info dd,
.article-info dd {
  padding:0; margin: 0 10px 0 0; display:inline-block
}

.article-info dd span {
    text-transform:none;
    display:inline-block;
    padding:0 5px 0 0px;
    margin:0;
}

ul.category li{background: none; margin: 0 0 0.75em; padding: 0 0 0.75em; /*border-bottom: 1px solid #CCCCCC*/ }

.tagssimilar ul li,
.tagspopular ul li { list-style: none; display: inline-block }
.tagssimilar ul li a,
.tagspopular ul li a { border: 0 !important; padding: 0 10px }
li h3 {margin: 0}

ul.actions {
    position: absolute;
    right: 0;
  min-width: auto
}

.label-info, .badge-info {
    font-weight: normal;
}

ul.actions li {
  background:none; 
}  

ul.actions a {
  text-decoration:none
}

ul.actions img {width: auto}

.item-page .tags { margin: 0 }
.tags a.label.label-info { 
  color: #EEEEEE;
    line-height: 1.7;
    margin: 0 !important;
    padding: 0 10px
}
.tags a.label.label-info:hover { color: #111; background-image: url(../images/pw.png); background-repeat: repeat }


/* blog post */
div.blog div.created,
div.blog div.published { clear: both; display: inline-block; border-right: 1px solid #555 }

div.blog div.created span,
div.blog div.published span {clear:both}

div.blog div.created > div,
div.blog div.published > div { text-align: center }

.day-only { font-size: 50px; line-height: 40px; color: #eee }
.month-year { line-height: 1; padding: 8px 5px }

div.article-meta { padding: 0; float:left; margin: 27px 10px 0 0; font-size: 12px }
div.article-meta.no-image { margin: 0px 10px 0 0 }

.page-header.no-image h2 { margin-bottom: 0 !important }
.article-date-views.no-image { margin: 0 0 1.7em }

.news-meta {  
  display: inline-block;
    float: left;
    font-size: 12px;
    margin: 0 0 1.7em;
    width: 100%; 
  color: #eee
}
.news-meta > span { display: inline-block; margin-right: 5px }
.news-meta > span:last-child { margin-right: 0 }

.create-date div,
.publish-date div { display: inline-block }
 
.image-caption.article > span { display: inline-block; margin-right: 5px }
.image-caption.article > span:last-child { margin-right: 0 }

/* items more */
.items-more {}
.items-more h3 {
  font-weight:normal;
  margin:0;
  padding:0;
}

.items-more ol {
  list-style-type:none;
}

.items-more ol li {
  padding:0;
}

.items-more ol li a {
  display:inline;
  margin:0;
  font-weight:normal;
  padding:0;
}


/* Pagination ---*/
.pagination {
  padding:0; height:auto; margin: 0 0 1.7em;
  display:block; overflow: hidden
}

.browserSafari .pagination, .browserChrome .pagination{margin:1.7em 0 0;}

.pagination ul li {margin: 0 }
.pagination li a,
.pagination li strong { 
    color: #999; text-shadow: none !important;
    line-height: 1.7;
    margin: 0;
    padding: 1px 7px;
    text-decoration: none !important;
  font-family: Helvetica, Verdana, Arial, sans-serif !important;
}

.pagination ul > li > a,
.pagination ul > li > span {
  background: url(../images/pw.png) repeat;
  border: 0; 
  margin-right: 1px; padding: 7px 10px
}

.pagination ul > li > a { color: #999}
.pagination ul > li > a:hover {background-color: #222; color:#eee}

.pagination li span { color: #777;}

.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {color: #555; background-color: #444 }
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color:#111; color:#eee !important }
.pagination li span:focus, .pagination li span:hover {}

.pagination ul li, ul.pagenav li {padding: 0; background:none; float:left; display: inline;}
.pagination ul li span, .pagination ul li a, ul.pagenav li a {
    font-size: 11px;
    text-transform: uppercase;
  display:block;
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span,
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { text-align: center }

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px }
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0 }

.pagination ul li span.pagenav {color:#999; font-family: Helvetica, Verdana, Arial, sans-serif !important;} 
.pagination ul li a.pagenav, ul.pagenav li a {color:#777 }

.pagination ul li span.pagenav:hover { background: #333 }

.pagination li a:hover,
.pagination li strong:hover,
.pagination li a:focus,
.pagination li strong:focus { 
    color: #fff;
  background:#999;
}

.pagination ul li a.pagenav:hover, ul.pagenav li a:hover, 
.pagination ul li a.pagenav:focus, ul.pagenav li a:focus {
  color:#999 !important;
  background: #111 !important;
  text-decoration:none;
}

div.pagination ul { float:left; margin: 1.7em 0; box-shadow: none }
div.pagination.pagination-right ul,
div.pagination.pagination-centered ul { float:none }
div.pagination p.counter {float:right; display:none;}

.pagination li.pagination-start span,
.pagination li.pagination-start a {border-radius: 3px 0 0 3px;}
.pagination li.pagination-end span,
.pagination li.pagination-end a {border-radius: 0 3px 3px 0;}

.pagination-large ul > li > a, .pagination-large ul > li > span {
    font-size: 17.5px;
    padding: 11px 19px;
}

.pagination-small ul > li > a, .pagination-small ul > li > span {
    font-size: 11.9px;
    padding: 2px 10px;
}

.pagination-mini ul > li > a, .pagination-mini ul > li > span {
    font-size: 10.5px;
    padding: 0 6px;
}


/* forms  */
#member-registration {
  padding:0 5px; margin: 0 0 3.4em
}
#member-registration fieldset {
border:0; padding:0
}


/*  search  */
.search fieldset.phrase, fieldset.word, fieldset.only {border-bottom: 0; padding: 1.7em 0 0}
div.search legend { padding:0; margin:0; font-size: 14px }

.element-invisible {
  display:none !important
}

#search div.search { display:inline-block }

.searchintro {clear:both}


/*topbar*/
#topbar.main { width: 100%; max-width: 100% }
#topbar .main-inner { margin: 0; background: url(../images/header.png) repeat-x left -20px #F6F6F6; border-bottom: 1px solid #ddd }

/* header contact */
#contact { float:left; font-size: 11px; clear:both; width: 100%; border-top: 1px dashed #626262 }
#contact p, #contact ul {margin: 7px 0 5px}
#contact ul li { padding: 0 !important; display: inline-block; margin: 0 10px 0 0; clear:none; float:left}

#contact ul li i { height: auto; font-size: 18px; float: left; /*height: 20px; */ line-height: 16px; }

#contact a { }

.today {float: right; margin: 7px 10px 5px 0; font-size: 11px}
.today p.typo-icon {margin:0}

.today p.typo-icon span.icon {top:-1px}

/* networking */
.social-icons li:hover i  { color: #fff }


/* search module */
#search { float: right; padding: 0; margin-right: 15px }
#search form,
#search i { display:inline-block }

#search form { margin: 0 }

#search .inputbox {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 70px;
  background-image: url( ../images/pb7.png );
  background-repeat: repeat;
  background-position: auto auto;
    color: #aaa;
  line-height:20px; font-size:14px;
  border: inherit;
  border: 1px solid #000000;
  transition: none;
  -webkit-transition: all ease-out 0.5s;
  -moz-transition: all ease-out 0.5s;
  padding: 4px 0; text-indent: 10px;
  font-family: inherit
}

#search .inputbox.loading {
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: 98% center;
}
#search .inputbox:focus {  }
#search .inputbox:hover, #search  .inputbox:focus {
  color: #eee; background-image: url( ../images/pb8.png ); box-shadow: none; width: 150px;
}
  
#search .inputbox:focus { outline:none !important;}

.controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 0;
}

.form-limit {
  margin:20px 0 0;
  text-align:right;
  padding:0 10px 0 20px;
}

.highlight {  font-weight:bold }

.ordering-box {
  float:right;
}

.phrases-box {
  float:left;
}

.only,
.phrases {
  margin:0;
  padding:1.7em 0;
  line-height:1.7;
  border-top: 1px solid #eee;
}

label.ordering {
  display:block;
  margin:1.7em 0
}

.word {
  padding:1.7em 0 0;
  height:36px;
}

.word label {
    font-weight:bold
}

fieldset.only label,
fieldset.phrases label {
    margin:0 10px 0 0px;
  float:left;
}

.ordering-box label.ordering {
    margin: 4px 10px 5px 0;
    float:left
}


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

form #finder-filter-select-list label {
  display:block;
  margin-top: 10px;
  margin-bottom: 2px;
}

/*   selects   */
.phrases label {
  width:7em;
}

.phrases .inputbox option {
  padding:2px;
}


/*   search results   */

dl.search-results dt.result-title {
  padding:15px 15px 0px 5px;
  font-weight:bold;
}

dl.search-results dd {
  padding:2px 15px 2px 5px
}

dl.search-results dd.result-text {
  padding:10px 15px 10px 5px;
  line-height:1.7
}

dl.search-results dd.result-url {
  padding:2px 15px 15px 5px;
}

dl.search-results dd.result-created {
  padding:2px 15px 15px 5px
}

dl.search-results dd.result-category {
  padding:10px 15px 5px 5px
}

/* # contacts # */
#content .contact {width: 50%; margin: 0 0 1.7em 0}
.contact {
  padding: 0;
  float: left
}

.contact-category {
  padding: 0
}

.contact-category  #adminForm fieldset.filters {
  border:0;
  padding:0
}

.contact-image {
  margin: 1.7em 0;
  overflow:hidden;
}

.contact-image img {
/* as you like
float:right;
float:left */
}

address {
  font-style:normal;
  margin:1.7em 0;
}

address span {
  display:block
}

span.contact-image {
    margin-bottom:1.7em;
    overflow:hidden;
    display:block
}

div.contact textarea, 
div.contact input {width:80%}

div.contact input[type="checkbox"] {width:auto}

div.contact h3 {display:none}
div.contact fieldset { padding:0; margin: 1.7em 0 0 }
div.contact legend { padding:0 0 10px; margin: 0 0 1.7em 0; float:left; color:#999; font-size: 11px; line-height: 2;  }

.contact-address {
  margin:1.7em 0;
}

.contact-address {display: none}

.contact-email div {
  padding:2px 0;
  margin:0 0 10px 0;
}

.contact-email label {
  width:17em;
  float:left;
}

#contact-form.form-horizontal .control-label {
    float: left;
    padding-top: 3px;
    text-align: right;
    width: 120px;
}

#contact-form.form-horizontal .controls {
    margin-left: 140px; margin-bottom: 10px
}

#contact-form.form-horizontal .form-actions {
    padding: 0 0 0 140px; background:none; border:0; margin-top:0}
  
#contact-form.form-horizontal .control-group  {margin-bottom:0}

#contact_textmsg {padding: 2px 0 10px 0}

#contact-email-copy {
  float:left;
  margin-right:10px;
}

.contact .btn,
.contact .btn {
  float:none !important;
  clear:left;
  display:block;
  margin: 0 
}

dl.tabs {
    float: left;
    margin: 50px 0 0 0;
    z-index: 50;
    clear:both;
}

dl.tabs dt {
    float: left;
    padding: 4px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-right: 3px;
    background: #f0f0f0;
    color: #666;
}

dl.tabs dt.open {
    background: #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    z-index: 100;
    color: #000;
}

div.current {
    clear: both;
    border: 1px solid #ccc;
    padding: 10px 10px;
}


div.current dd {
    padding: 0;
    margin: 0;
}

dl#content-pane.tabs {
    margin: 1px 0 0 0;
}


/*   user profile  # */

#users-profile-core,
#users-profile-custom {
  margin:10px 0 15px 0;
  padding:15px;
}

#users-profile-core dt,
#users-profile-custom dt {
  float:left;
  width:12em;
  padding:3px 0;
}

#users-profile-core dd,
#users-profile-custom dd {
  padding:3px 0;
}

#member-profile fieldset,
.registration fieldset {
  margin:10px 0 0;
  padding:15px;
}

#users-profile-core legend,
#users-profile-custom legend,
.profile-edit legend,
.registration legend {
  font-weight:bold
}

.profile-edit form#member-profile fieldset dd,
.registration form#member-registration fieldset dd { float:none; padding:5px 0}

.profile-edit form#member-profile fieldset dd input,
.profile-edit form#member-profile fieldset dd select,
.registration form#member-registration fieldset dd input {width:17em}

.profile-edit form#member-profile fieldset dt,
.registration form#member-registration fieldset dt {padding:5px 5px 5px 0; width:13.4em}


/* tables  */

table {
  border-collapse:collapse
}

.table {margin: 1.7em 0; border-color: #444444;}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: rgb(40,40,40);
  background-color: rgba(0,0,0,0.4);
}

.table tbody tr.success td {
    background-color: #2f332e;
}

.table tbody tr.error td {
    background-color: #332f2f;
}

.table tbody tr.warning td {
    background-color: #33322e;
}
.table tbody tr.info td {
    background-color: #2d3133;
}

table tr {border-color:#444}

legend {
  color: #eee;
  border-bottom: 1px solid #444;
  margin-bottom: 0
}

table.weblinks,
table.category
 {
  margin:10px 10px 20px 0px;
  width:99%;
}

table.weblinks td {
  border-collapse:collapse;
}

table.weblinks td,
table.category td
 {
  padding:7px;
}

table.weblinks th,
table.category th
 {
  padding:7px;
  text-align:left
}

td.num {
  vertical-align:top;
  text-align:left;
}

td.hits {
  vertical-align:top;
  text-align:center
}

td p {
  margin:0;
  line-height:1.7
}

.filter {
  margin:10px 0
}

.display-limit,
.filter {
  margin-right:7px
}


/*   category table   */

table.category th a img {
  padding:2px 10px
}

.filter-search {
  float:left;

}
.filter-search .inputbox {width:6em}

legend.element-invisible {
  position:absolute;
  /* need margin top and left doesn't work for the legend element */
  margin-left:-3000px;
  margin-top:-3000px;
  height:0px;
}

.cat-items {
  margin-top: 0
}


/*  pathway  */
#pathway { }
#pathway .main-inner { }
#pathway.main { 
  background: #000
}

/*   breadcrumbs  # */
#pathway .main-inner { padding: 30px 20px 100px }
#pathway.hb .main-inner { }
.breadcrumbs img {
    display:none;
}

.breadcrumbs a {
  padding: 5px 25px 6px 0;
  margin-left: 5px;
  display: inline-block;
  position:relative
}

.breadcrumbs span {margin-left: 5px; color: #999; padding: 5px 0 6px 0; display:inline-block }

.breadcrumbs span.showHere {
  margin-left: 0; color: #eee; margin-right: 5px;
  padding: 5px 0 7px 0; display: inline-block;
  position: relative
}

.menu-logo .breadcrumbs { left: auto; right: 20px; }

.breadcrumbs {
  color:#999; padding: 0; margin-left: 0; position: absolute; bottom: 3px; left: 20px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 11px;
}

.simple .breadcrumbs { border-top: 1px solid rgb(100,100,100); border-top: 1px solid rgba(255,255,255,0.2); }

/* some arrows */

.breadcrumbs a:after { content: '\f101'; font-family: FontAwesome; position: absolute; right: 3px; top: 22%; color: #eee; font-size: 14px; line-height: 1 }

 /* footer */
#footer { display: inline-block; float: left }
#footer-wrapper.main { /*background-image: url(../images/pb8.png);*/ background-repeat: repeat }
#footer-wrapper .main-inner { overflow: hidden; padding: 30px 20px }

#footer-wrapper a {color:#777}
#footer-wrapper strong,
#footer-wrapper a:hover { color:#eee !important }


#footer small { font-size: 11px; color: #777 }
#footernav { float:left }
#footernav p,
#footernav ul.menu {margin: 0}
#footernav ul.menu > li > ul {display: none}
#footernav ul.menu > li {display: inline-block; padding: 0 10px 0 0; margin: 0 10px 0 0; font-size: 11px; text-transform:uppercase }
#footernav ul.menu > li:last-child { border: 0 }
#footernav ul.menu > li:hover a:hover,
#footernav ul.menu > li:hover a { background: none }


/*  copyright  */
#copyright-wrapper.main { background: #000 }
#copyright-wrapper .main-inner { overflow:hidden; padding: 0 20px }
#copyright-wrapper a { color: #999 }
#copyright-wrapper a:hover { color: #eee }


/* gallery image overlay */
.gallery-item a img, .portfolio-item a img { position: relative; display: inline-block; max-width: 100% }
.gallery-item a, .portfolio-item a { position: relative; display: inline-block; max-width: 100% }
.overlay-icon-wrapper { display: inline-block; float: left }

.article-image-wrapper { font-size: 12px; display: inline-block; width: 100%; position: relative }
.image-caption { position: absolute; bottom:0; left: 0; background: url(../images/pb7.png) repeat; padding: 5px 15px; color: #ccc; border-radius: 0 3px 0 3px }
.image-caption a { color: #fff; }
.image-caption a:hover,
.image-caption a:focus { text-decoration: underline; color: #fff !important }

.item-page.news .article-image-wrapper { float: left; margin: 25px 15px 0 0; width: auto }
.item-page.news .news-meta { float: none; display: inline; width: auto }

.item-page.news .page-header h2 { margin-bottom: 0 }

.article-image-wrapper .readmore-image { position: absolute; top: 30px; right: -10px; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; overflow: hidden; }
.item-inner:hover .article-image-wrapper .readmore-image { right: 20px; }

#portfolio-page-modal.modal.fade, #gallery-page-modal.modal.fade { width: 940px; margin-left: -480px }

#portfolio-page-modal .carousel .item img, #gallery-page-modal  .carousel .item img { margin: 0 auto; vertical-align: middle  }

#portfolio-page-modal, #gallery-page-modal {
  opacity: 0; padding:10px; background: url(../images/pb7.png) repeat transparent !important; 
  
  -webkit-transition: -webkit-transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s, top 0s linear 0.3s !important; 
  transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s, top 0s linear 0.3s !important;
  
  transform: scale(0.3); -webkit-transform: scale(0.3); display: block !important;
}
#portfolio-page-modal.in, #gallery-page-modal.in {
  top: 50%;
  transform: scale(1); -webkit-transform: scale(1); opacity: 1;  display: block !important;
  -webkit-transition: -webkit-transform 0.8s ease-out 0s, opacity 0.8s ease-out 0s !important; 
  transition: transform 0.8s ease-out 0s, opacity 0.8s ease-out 0s !important;
}
#portfolio-page-modal .btn, 
#gallery-page-modal .btn {
  display: block;
  position: absolute;
  top:50%;
  left:0;
  margin-top: -20px;
  font-size:40px;
  background: none !important;
  border:0 !important; 
  width: 40px; height: 40px; display:block;
  color:#fff !important; opacity: 0.8;
  text-shadow: 0 0 5px #000;
  -moz-transition: all 0.5s ease-out; 
  -webkit-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}

#portfolio-page-modal .btn i, 
#gallery-page-modal .btn i { width: 40px; height: 40px; display:block; font-size: 40px; text-align: left }

#portfolio-page-modal .btn.right i, 
#gallery-page-modal .btn.right i { text-align: right }

#portfolio-page-modal .btn.right, #gallery-page-modal .btn.right {
  left:auto;
  right:0; text-align: right
}

#portfolio-page-modal .btn:hover, #gallery-page-modal .btn:hover,
#portfolio-page-modal .btn:focus, #gallery-page-modal .btn:focus,
body.light #main-wrapper #portfolio-page-modal .btn:hover, body.light #main-wrapper #gallery-page-modal .btn:hover,
body.light #main-wrapper #portfolio-page-modal .btn:focus, body.light #main-wrapper #gallery-page-modal .btn:focus {
  text-shadow: 0 0 10px #000; opacity: 1;
  color:#fff !important
}

.cols-1.gallery .image-overlay i,
.cols-1.portfolio .image-overlay i { 
  left: 50%; margin-top: -25px; margin-left: -25px; font-size: 50px; width: 50px; height: 50px;
}

.image-overlay { 
  color: #fff;
  opacity:0; filter:alpha(opacity=0); position: absolute; top: 3px; left:3px; right: 3px; bottom: 3px; display: inline-block; 
  background: rgba(0,0,0,0.7);
  -webkit-transition: all 0.3s ease-out 0s; 
  transition: all 0.3s ease-out 0s; 
  -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.image-overlay .carousel-caption { 
  background: none transparent; opacity: 0; filter: alpha(opacity=0);
  position: absolute; top: 50%; bottom: auto;
  margin: -9% 0 0 20%; padding: 0 0 0 15px; 
  border-left: 1px solid rgb(220,220,220); border-left: 1px solid rgba(255,255,255,0.3);
  -webkit-transition: opacity 0.5s ease-out 0s, margin 0s ease 0.5s; 
  transition: opacity 0.5s ease-out 0s, margin 0s ease 0.5s;
} 

.image-overlay i { 
  color: #fff; opacity: 0; filter: alpha(opacity=0);
  margin: 0 0 0 -70px; font-size: 40px; line-height: 45px; display: inline-block;
  -webkit-transition: all 0.5s ease-out 0s; 
  transition: all 0.5s ease-out 0s; 
  transform: scale(0.3);
  -webkit-transform: scale(0.3);
}
.image-overlay:hover { opacity: 1; filter:alpha(opacity=100); }
.image-overlay:hover i { -webkit-transform: scale(1); transform: scale(1); opacity: 0.25; filter: alpha(opacity=25); }
.image-overlay:hover .carousel-caption { margin: -9% 0 0 35%; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }

.close-gallery {
    background: rgb(0,0,0,0);
    background: rgba(0,0,0,0.7);
    border: 0; color: #fff;
    height: 40px; width: 40px;
    position: absolute;
    right: 10px; top: 10px;
  text-align: center;
  font-size: 22px; line-height: 40px
}
.close-gallery:hover {
  background: #e90000; color: #fff !important
}

 /* swiper gallery */
#gallery-carousel-gallery,
#portfolio-carousel-gallery {overflow: hidden}
#gallery-page-modal.swiper, #portfolio-page-modal.swiper { background: none !important; padding: 0; box-shadow: none; border: 0 }

#portfolio-page-modal.swiper .btn, #gallery-page-modal.swiper .btn { display: none }
#portfolio-page-modal.swiper .carousel-caption h4, #gallery-page-modal.swiper .carousel-caption h4 { text-align: center }

.carousel-caption h4, .carousel-caption p { color: #fff !important }

.dnp-swiper-news-item {
    float: left;
    height: auto !important;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.dnp-swiper-news-inner {
    height: auto !important;
    margin: 0;
    position: relative;
}
.carousel-item-inner img { margin: 0 auto }
.carousel-item-inner .carousel-caption { position: relative; background: none; padding: 15px 0 }

/* spotlights */
.spotlight .moduletable {
  text-align:left;
  float:left;
  width: 100%;
  clear:both
}

.spotlight .main-inner-1 { margin: 0 -20px; float:left; width: 100% }

.spotlight .modulebox {
  display:block; margin: 0; padding:0;float:left
}

.spotlight.columns-1 .modulebox {width: 100%}
.spotlight.columns-2 .modulebox {width: 49.98%}
.spotlight.columns-3 .modulebox {width: 33.32%}
.spotlight.columns-4 .modulebox {width: 22%}
.spotlight.columns-4 .modulebox.last {width: 33.9%; }
.spotlight .modulebox.first .inner {}
.spotlight .modulebox.last .inner { }

.spotlight .moduletable .inner { margin: 0 20px }


.box ul {
  list-style-type:none
}

#bottom .newsfeed-item {
  padding:0;
  margin-bottom:10px
}


#bottom ul.latestnews {
  padding-left:0
}

#footer p {
  margin:0
}

p.syndicate {
  float:left;
  display:block;
  text-align:left;
}


/*   Error Message contact form   */
p.error {
  padding:10px;
}

/*   editor   */
.contentpaneopen_edit {
  float: left;
}

a.mceButton:hover  {background:none !important}

/*   pagebreak   */
table.contenttoc {
  padding:10px;
  margin:10px;
}

table.contenttoc tr td {
  padding:1px 0px
}

.pagenavcounter {
  font-weight:bold;
}


/*   edit   */
form#adminForm {
  position: relative
}

.edit form#adminForm fieldset {
  padding:20px 15px;
  margin:10px 0 15px 0;
}

.formelm {
  margin:5px 0
}

.formelm label {
  width:13.4em;
  display:inline-block;
  vertical-align:top;
}

form#adminForm .formelm-area {
  padding:5px 0
}

form#adminForm .formelm-area label {
  vertical-align:top;
  display:inline-block;
  width:7.9em
}

.formelm-buttons {
  text-align:right;
  margin-bottom:10px
}

a.modal-button,
.button2-left .blank a,
.button2-left a,
.button2-left div.readmore a {background:#eee;
padding:4px !important;
margin:0 !important;
line-height:1.2em; border:solid 1px #ddd;
font-weight:bold; text-decoration:none;
margin-top:10px !important}

.reset fieldset,
.remind fieldset {padding:0}
.control-group:last-child {margin:0}

/*   DNP Portfolio Module  */
#stage > div .description h4 {letter-spacing: -0.03em}
#filter ul li:hover > span, #sort ul li:hover > span, #filter a.active, #sort a.active { color: #fff }

#top-portfolio div.moduletable {padding-top: 3.4em; margin-top: 0}
#bottom-portfolio div.moduletable {padding-top: 1.7em; margin-top: 0}

#top-portfolio.hs { margin-top: 0;  }

#filter a, #sort a {
  text-shadow: none
}

#stage img {border-radius: 3px; -webkit-border-radius: 3px;}
#filter span, #sort span {border-radius: 3px; -webkit-border-radius: 3px;}

#filter-tools .dropdown-menu a:hover,
#filter-tools .dropdown-menu a:focus { color: #fff !important }

#filter-tools .btn { border: 0 }

#filter span, #sort span {}

div.description p.readmore a:before {
  content: '\f101'; margin-left: -12px; opacity: 0; filter: alpha(opacity=0);
  font-family: 'FontAwesome'; font-size: 14px; line-height: 1px;
  transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;
}


div.description p.readmore a:hover:before {
  margin-left: 0;  opacity: 1; filter: alpha(opacity=100);
}

.dnp_portfolio h4 { margin-bottom: 0 }
.dnp_portfolio p.introtext { margin-top: 0 }

.dnp_portfolio_title {}
.dnp_portfolio div.dnp_portfolio_image { margin: 1.7em 0; clear:both}
.dnp_portfolio div.dnp_portfolio_image.left { float:left; margin: 2px 14px 0 0; clear: none }
.dnp_portfolio div.dnp_portfolio_image.right { float:right; margin: 2px 0 0 14px; clear: none }

.dnp_portfolio img {
    display:block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*   DMP News Module  */
.moduletable h4,
.dnp_news h4,
.news_swiper_wrapper h4 { margin-bottom: 0; font-size: 16px; letter-spacing: -0.02em; line-height: 1.7;  margin: 1.7em 0 0; }

.dnp_news .item div:first-child h4,
.news_swiper_wrapper .item div:first-child h4 { margin: 1.35em 0 0; }

.dnp_news p.introtext,
.news_swiper_wrapper p.introtext { margin-top: 0 }

.dnp_news p.introtext.notitle { margin-top: 1.7em }

.dnp_news_title {}
.dnp_news div.dnp_news_image,
.news_swiper_wrapper div.dnp_news_image { margin: 1.7em 0; clear:both}

.dnp_news div.dnp_news_image.left,
.news_swiper_wrapper div.dnp_news_image.left { float:left; margin: 2px 15px 0 1px; clear: none }

.dnp_news div.dnp_news_image.right,
.news_swiper_wrapper div.dnp_news_image.right { float:right; margin: 2px 1px 0 14px; clear: none }

.dnp_news .span12 { float: none !important }

.dnp_news img,
.news_swiper_wrapper img {
    display:block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

ul.dnp_news.horizontal { margin: 0 -10px }
ul.dnp_news.horizontal li {background-image: none; padding: 0; margin: 0; float:left}
ul.dnp_news.horizontal li .item-inner { margin: 0 10px; display:block }
ul.dnp_news.horizontal.cols-1 li {width: 100%}
ul.dnp_news.horizontal.cols-2 li {width: 49.98%}
ul.dnp_news.horizontal.cols-3 li {width: 33.32%}
ul.dnp_news.horizontal.cols-4 li {width: 24.98%}

.news_tabs .has-thumbnail .dnp_news_image { 
  opacity: 0;    
  left: -999em;top: 0;
    max-width: 99.6%;
    position: absolute;
    display: inline-block;
  transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
}

.news_tabs .has-thumbnail:first-child .dnp_news_image { position: relative; top: auto; left: auto; margin: 1.7em 0 0; opacity: 1}
.news_tabs:hover .has-thumbnail:first-child .dnp_news_image { opacity: 0 }
.news_tabs:hover .has-thumbnail:first-child:hover .dnp_news_image { opacity: 1 }


.news_tabs .has-thumbnail:first-child .dnp_news_image {  }
.news_tabs .has-thumbnail:hover:not(:first-child) .dnp_news_image {     
  opacity: 1; position: absolute; top: 0; left: 0
}

.news_tabs .has-thumbnail h4 { font-size: 14px; line-height: 1.7; margin: 0; padding-left: 15px }
.news_tabs .has-thumbnail:first-child h4 { margin-top: 1.7em }

.news_tabs h4:before {
  content: '\f101'; margin-left: -15px; width: 12px; display: inline-block;
  font-family: 'FontAwesome'; font-size: 16px; line-height: 1;
}


.dnp_news_swiper.hide_images .has-thumbnail .dnp_news_image,
.dnp_news.hide_images .has-thumbnail .dnp_news_image { display: none !important }

.dnp_news_swiper.hide_images .has-thumbnail:first-child .dnp_news_image,
.dnp_news.hide_images .has-thumbnail:first-child .dnp_news_image { display: inline-block !important }

.no-margin-top { margin-top: 0 !important }
.no-margin-bottom { margin-bottom: 0 !important }

.newsline .carousel { height: auto !important; margin-left: 45px }
.newsline .dnp_news_image,
.newsline .introtext  { display: none }
.newsline h4.dnp_news_title  { margin: 0 !important; font-size: 14px; line-height: 27px }
.newsline  { position: absolute; bottom: 3px; left: 20px; }
.newsline .nsNext, .newsline .nsPrev  { background: none !important; top: 3px; right: auto; width: 20px; height: 20px }
.newsline .nsNext:hover, .newsline .nsPrev:hover  { transform: none; -webkit-transform: none; background: none !important }
.newsline .nsNext  { left: 20px }
.newsline .nsPrev  { left: 0 }


/* swiper news */
.news_swiper_wrapper { overflow: hidden }
.news_swiper_wrapper .swiper-inner, .news_swiper_wrapper .swiper-inner .item { height: auto !important }
.news_swiper_wrapper .item { float: left; position: relative !important; left: auto; right: auto; opacity: 1 !important; }


/* carousel animations */
.carousel .item { -webkit-backface-visibility: hidden; backface-visibility: hidden /**/ }
.carousel { position: static }
.carousel,
.carousel-inner {   
  overflow: hidden; display: block; margin: 0
}

.carousel .carousel-caption h1,
.carousel .carousel-caption h2,
.carousel .carousel-caption h3,
.carousel .carousel-caption h4,
.carousel .carousel-caption h5 { color: #fff !important }

.carousel-control { background: none; border: 0 }

.carousel .carousel-inner > .item { 
  transition-timing-function: cubic-bezier(0.775, 0.000, 0.225, 1.000); 
  -webkit-transition-timing-function: cubic-bezier(0.775, 0.000, 0.225, 1.000); 
  -moz-transition-timing-function: cubic-bezier(0.775, 0.000, 0.225, 1.000); 
}

.latest-projects .carousel-inner > .item,
.popular-projects .carousel-inner > .item,
.latest-news .carousel-inner > .item,
.latest-testimonials .carousel-inner > .item { float: left; max-width: 100%}
 

 /* new fade */
.carousel.cfade > .carousel-inner > .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel.cfade > .carousel-inner > .active {
  opacity: 1 !important;
}
.carousel.cfade > .carousel-inner > .active.left,
.carousel.cfade > .carousel-inner > .active.right {
  left: 0;
  opacity: 0 !important;
  z-index: 1;
}
.carousel.cfade > .carousel-inner > .next.left,
.carousel.cfade > .carousel-inner > .prev.right {
  opacity: 1 !important;
}

.carousel > .carousel-inner > .item {
  -webkit-backface-visibility: hidden;
}

 /* grow */
.carousel.cgrow > .carousel-inner > .item {
  opacity: 0; -webkit-transform:scale(.3); transform:scale(.3);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
}
.carousel.cgrow > .carousel-inner > .active {
  opacity: 1 !important; left:0; -webkit-transform:scale(1); transform:scale(1);
}
.carousel.cgrow > .carousel-inner > .active.left,
.carousel.cgrow > .carousel-inner > .active.right {
  left: 0; -webkit-transform:scale(.3); transform:scale(.3);
  opacity: 0 !important;
  z-index: 1;
}
.carousel.cgrow > .carousel-inner > .next.left,
.carousel.cgrow > .carousel-inner > .prev.right {
  opacity: 1 !important; left:0; -webkit-transform:scale(1); transform:scale(1);
}

.nsNext, .nsPrev {
    background-color: rgb(15,15,15);
    background-color: rgba(255, 255, 255, 0.12);
  color: #777;
    height: 33px;
    width: 35px;
    z-index: auto;
    position: absolute;
  margin: 0;
  -webkit-transition: all 0.8s ease-out 0s; transition: all 0.8s ease-out 0s;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
  outline: none !important;
  top: 0px
}
.nsNext:hover, .nsPrev:hover {
  -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;
  transform: scale(1.3); -webkit-transform: scale(1.3);
  z-index: 2; border-radius: 3px; -webkit-border-radius: 3px;

}

.nsPrev {
  position:absolute; right:36px; content: '\f100';
  border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px;
}
.nsNext {
  right:0; content: '\f101';
  border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0;
}

.mod-desc + [id*="module-"] .nsNext, .mod-desc + [id*="module-"] .nsPrev,
.mod-desc + .box-ct .nsNext, .mod-desc + .box-ct .nsPrev { top: 10px }

.item .nsNext, .item  .nsPrev,
.item-page .nsNext, .item-page  .nsPrev {  }

.item .moduletable,
.item-page .moduletable { /*margin-top: 2.55em; margin-bottom: 0.85em*/ }

.nsNext:hover, .nsPrev:hover { color:#fff }

.nsPrev:after,.nsNext:after {
  font-family: 'FontAwesome'; font-size: 24px; line-height: 24px; text-align: center;
  position:absolute; top: 50%; left: 50%; 
  width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; 
}

.nsPrev:after { content: '\f100' }
.nsNext:after {  content: '\f101' }


.moduletable .carousel-indicators { top: 5px }

.moduletable .carousel-indicators li {
  margin: 0 1px 0 0 !important; padding:0;
    background: #555;
    cursor: pointer;
    float: left;
    height: 16px;
    margin: 0 1px 0 0 !important;
    text-indent: -999em;
    border-radius: 0;
    width: 16px;
  border-radius: 50%; -webkit-border-radius: 50%;
}

.moduletable .carousel-indicators li:hover { background: #222 }
.moduletable .carousel-indicators li.active { }


/* gallery module */
.moduletable.gallery { margin: 1.7em 0 0.85em }
.moduletable.gallery > h3,
.moduletable.gallery > span { display: none }

.moduletable.gallery .item  { }
.moduletable.gallery .has-thumbnail {
  width: 100%
}

.moduletable.gallery p,
.moduletable.gallery h4 { display: none }
.moduletable.gallery .dnp_news_image { margin: 0 0 1.7em }
.moduletable.gallery .nsNext,
.moduletable.gallery .nsPrev { top: 50%; margin-top: -25px; border-radius: 3px; -webkit-border-radius: 3px; }
.moduletable.gallery .nsNext { right: 10px }
.moduletable.gallery .nsPrev { left: 10px; right: auto }


/* tools module */
[id*="tools-carousel"] .btn,
[id*="tools-dnp-swiper"] .btn { opacity: 0; width: 15px; height: 22px; position: absolute; top: 50%; margin-top: -11px; font-size: 16px; border: 0 !important }

[id*="tools-carousel"]:hover .btn,
[id*="tools-dnp-swiper"]:hover .btn { opacity: 1 }

[id*="tools-carousel"] .left.btn,
[id*="tools-dnp-swiper"] .left.btn { left: 15px }

[id*="tools-carousel"] .right.btn,
[id*="tools-dnp-swiper"] .right.btn { right: 15px }

[id*="tools-dnp-swiper"] { height: auto; overflow: hidden; position: relative }
[id*="tools-dnp-swiper"] .item { float: left; width: 100%; height: auto !important }
[id*="tools-dnp-swiper"] .dnp-swiper-inner { height: auto !important }

[id*="tools-tabs"] .tab-pane.fade {
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

/*   banner   */

.banneritem {
  margin: 10px 0px 10px 0px;
  padding:0px;
}

.banneritem a {
  font-weight:bold
}


/*   latest, popular   */

#nav .module_content ul.latestnews,
#nav .module_content ul.mostread {
  margin:10px 0 0 0
}

ul.latestnews,
ul.mostread {
  list-style-type:none !important;
}

ul.latestnews li a,
ul.mostread li a {
    display:block;
    text-decoration:none
}


/*   newsflash   */
.newsflash {
    margin:0px;

}

/*   newsfeed   */
.newsfeed {
  padding:0 5px
}

ul.newsfeed {
  padding:0 !important
}

.newsfeed-item {
  padding:5px 0 0 0;
  margin:0
}

.feed-item-description img {margin: 5px 10px 10px 0}

.newsfeed-item h5 a {
  font-size:1.1em;
  font-weight:bold !important
}

dl.newsfeed-count dt,
dl.newsfeed-count dd {
  display:inline
}

/*   weblinks   */

dl.weblink-count dt,
dl.weblink-count dd {
  display:inline;
}

/*   login   */

#form-login {text-align:left;}
#login-wrapper .btn.btn-primary { margin: 15px 0 5px }

#form-login .inputbox {}

#form-login fieldset.input {}

#form-login label {
  margin-right:10px;
  width:150px;
  display:block !important;
  /*/float:left*/
}

.login + div .nav-tabs.nav-stacked { margin-bottom: 3.4em }


#form-login-remember label {
  float:none;
  width:auto;
  display:inline
}

.logout-button {
  margin-top:10px
}


#modlgn-username,
#modlgn-passwd {
  width:220px;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}  
}

.module_content #form-login-username label,
.module_content #form-login-password label {
  float:left;
  width:5.2em
}

.login-fields {
  margin:10px 0
}

.login-fields label {
  float:left;
  width:9em
}

.login-description img,
.logout-description img {
  float:left;
  margin-right:20px
}

.login-description,
.logout-description {
  overflow:hidden;
  padding-left:5px;
  margin:20px 0 10px 0
}

.logout-description {
  margin-bottom:20px
}

input:autofill,
input:-ms-autofill,
input:-moz-autofill,
input:-webkit-autofill {background: #222}

/*   random   */

#right .random-image,
#nav .random-image {
  margin-top:10px;
  margin-left:10px
}

/*   content-module  */
.category-module li {
  padding: 0 0 0 10px
}

.category-module li h3,
.category-module li h4,
.category-module li h5 {margin: 0}

.category-module span {
  display:block;
  font-size:0.85em;
}

.category-module a span {
  display:inline
}

a.mod-articles-category-title {
  text-decoration:none;
}


/* #  Categories list  */
.categories-listalphabet ul {
  padding:0;
  margin:20px 10px 10px 0;
  list-style-type:none;
  list-style-position:inside
 }
.categories-listalphabet ul li {
  display :inline;
  padding:5px;
  border-right:solid 1px #ddd
}
table.category { margin-bottom: 3.4em }

.content-category .btn-group.pull-right { margin: 0 }
.content-category fieldset.filters { margin: 0; position: absolute; right: 15px; top: 3px }

.categories-list ul {
  list-style-type:none;
  margin:0
}
.categories-list dl dt,
.categories-list dl dd {
  display:inline
}

.cat-children {
  padding-left:5px
}
.cat-children ul dl dt,
.cat-children ul dl dd { display:inline}

.cat-children ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
 .cat-children ul {
  margin:20px 20px 20px 0;
}
.cat-children ul ul {
  margin:20px
}

.cat-children ul li {
  margin:10px 0 10px 0
}

/* mod stats  */
.stats-module dl {
  margin:10px 0 10px 0
}
.stats-module dt {
  float:left;
  margin:0 10px 0 0;
  font-weight: bold;
}
.stats-module dt,
.stats-module dd {
  padding:2px 0 2px 0
}

/* syndicate */
a.feed-link {
margin-top:15px;
display:block;
text-decoration:none
}

.feed-link img {border:0}

/* pagenav */
ul.pagenav {
  list-style-type:none;
  padding:0;
  overflow:hidden
}
ul.pagenav li {
  display:inline-block;
  padding:1px;
  margin:0;
  border:solid 0px #cc0000;
  position:relative;
}

ul.pagenav li {
  line-height:2em
}
.pager li > a, .pager li > span { 
  padding: 0 10px;
   border:solid 1px rgb(55,55,55);
  border:solid 1px rgba(255,255,255,0.2);
  border-radius: 3px;  -webkit-border-radius: 3px;
}
ul.pagenav li a {

  display:inline;
  background: url(../images/pb.png) repeat;
  text-decoration:none
}
ul.pagenav li.pagenav-prev {float:left}
ul.pagenav li.pagenav-next {float:right}

/* pagebreak */

#article-index {
    background: #333;
    border: 1px solid #555;
    float: right;
    margin: 35px 0 20px 30px;
    padding: 0 10px;
    width: 25%;
}

#article-index ul li {padding:0; background:none}

#article-index h3 {
  margin:0;
}

#article-index ul {
  list-style-type:disc;
  color:#666
}


/*   feed display module  */
div.feed {
  display:block;
  padding: 5px 10px;
}

/* responsive image style  */
img { max-width: 100%; display: block }

.img-intro-none {clear:both}
.img-intro-left {float:left; margin-right: 10px}
.img-intro-right {float:right; margin-left: 10px}

/*   image round style  */
img.round {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* image float style  */
img.left {float:left; margin-right: 12px; width: auto}
img.right {float:right; margin-left: 12px; width: auto}

.content-brick, .item, .col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* mainnav */

.mainnav ul.menu { font-family: Helvetica, Arial, sans-serif }
ul.mini.menu { display:none }

.mainnav ul.menu {margin:0; padding:0;position:relative}
.mainnav ul.menu li a {text-decoration:none;}

.mainnav .menu {
  float: left;
  white-space: nowrap;
}

.mainnav .menu.nav { float:left }

.mainnav .menu,
.mainnav .menu li {
  margin: 0;
  padding: 0;
}

.item-page ul.menu { margin: 0.85em 0 0 }

.menu li {background: none; padding-left:0; position: relative}

.mainnav .menu li {}
.mainnav .menu > li > a {
  -webkit-transition: color 0.5s ease-in-out 0s; 
  transition: color 0.5s ease-in-out 0s
}
.mainnav .menu > li {
  display: inline-block;
  float:left;
  line-height: 1.1;
  list-style: none;
  position:relative
}

span.itemback {
  background-color:transparent;
  background-image: url(../images/mask-w.png);
  background-position: 0 0;
  background-repeat: repeat;
  width: 100%; height: 90px; display:block; position: absolute; left:0; top: -100px;
  -webkit-transition: all 0.25s ease-in-out 0s; 
  transition: all 0.25s ease-in-out 0s
}

li.active span.itemback { background-image: none }
li.active.open-root span.itemback { background-image: url(../images/pb2.png) }

li.active span.itemback,
li.open-root span.itemback { top: -38px }

li.deeper.open-root span.itemback { top: 0 }

.mainnav .menu > li.home a { }
.mainnav .menu > li.home.active a {
  background-color: transparent;
}
  
.mainnav .menu li a  { text-shadow: none }

.mainnav .menu > li > a {
    color: #ccc;
    display: block;
    float: left;
    height: 90px;
    line-height: 140px;
  padding: 0 10px; margin: 0 0 -5px 0;
  text-transform: uppercase;
  position:relative;
  border-bottom: 5px solid transparent;
}

.mainnav .menu.nav > li { margin-right: 25px }
.mainnav .menu.nav > li.last { margin-right: 0 }

.mainnav .menu > li.home,
.mainnav .menu > li.home > a {
  -moz-transition: none; 
  -webkit-transition: none; 
  transition: none
}

.mainnav .menu > li.open-root > a,
.mainnav .menu > li > a:hover,
.mainnav .menu > li > a:active,
.mainnav .menu > li > a:focus {
  text-decoration: none;
  background-image: none;
  background-color: transparent
}

.mainnav .menu > li.active.open-root.parent > a { border-bottom-color: transparent !important; color: #fff !important }

.mainnav .nav > li.open-root:not(.parent) > a { color: #fff; border-bottom-color:#ccc }
.mainnav .nav > li.parent.open-root > a { color: #000 }


/* 2nd level and above ---*/
.menu ul {
  padding: 0; margin:0
}

.mainnav .menu > li.deeper ul {
  background: url(../images/pb4.png) repeat;
  left: 0; top: 0; opacity: 0;
  margin: 0;
  margin: 91px 0 0 0;
  width: 200px;
  padding: 0;
  position: absolute;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-transition: opacity 0.5s ease 0s; 
  -webkit-transition: opacity 0.5s ease 0s; 
  transition: opacity 0.5s ease 0s;
  z-index:100;
}

.mainnav .menu > li.deeper li.deeper ul {margin-top: 0}

.mainnav .menu > li.deeper ul li {
  float: none;
  list-style: none;
  padding: 0 15px;
  background-image: url(../images/pb6.png);
  background-position: 0 0;
  background-repeat: repeat;
  margin-bottom: 1px  
}
.mainnav .menu > li.deeper ul li:last-child { margin-bottom: 0 }

.mainnav .menu > li.deeper ul.nav-child {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 0
}

.menuback { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; height: 100% }

.mainnav .menu > li.deeper ul li.last,
.mainnav .menu > li.deeper ul li:last-child { border-bottom:0 !important }

.mainnav .menu > li.deeper ul.nav-child li span.separator,
.mainnav .menu > li.deeper ul.nav-child li a {
  display: inline-block;
  line-height: 23px;
  padding: 8px 0;
  margin: 0;
  width: 100%; 
  white-space: nowrap;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.mainnav > .menu.nav > li.deeper ul.nav-child > li:hover { background-image: url(../images/pb7.png); background-repeat: repeat; }
.mainnav > .menu.nav > li.deeper ul.nav-child > li.active { background-image: url(../images/pb1.png); background-repeat: repeat; }
.mainnav > .menu.nav > li.deeper ul.nav-child > li.active:hover { background-image: url(../images/pb4.png); background-repeat: repeat; }

.mainnav .menu > li.deeper ul li > a { font-size: 12px }

.mainnav .menu li ul li {position:relative; border: 0;}

.mainnav .menu > li ul li:hover span.separator { cursor: pointer }
.mainnav .menu > li ul li:hover > a { text-decoration: none; color:#fff }
.mainnav .menu > li ul > li:hover > a { color: #fff; }

.mainnav .menu > li.active > a {
    color: #fff
}

.mainnav > .menu.nav .nav-child > li.parent > a { transition-duration: 0.3s !important; -webkit-transition-duration: 0.3s !important; transition-delay: 0s !important; -webkit-transition-delay: 0s !important }
.mainnav > .menu.nav .nav-child > li.parent:hover > a { padding-left: 5px !important }

.mainnav .menu > li ul > li:hover { }
.mainnav .mini > li ul > li:hover { background-color: transparent }
.mainnav .menu > li.active ul > li { }
.mainnav .menu > li.active ul > li.active > a { }
.mainnav .menu > li.active ul > li.active:hover > a { }
.mainnav .menu > li.active ul > li:hover > a { }

.mainnav .menu > li  ul.nav-child li > a {}
.mainnav .menu > li.parent ul.nav-child li.parent > a:before {
  content: '\f101'; font-family: FontAwesome; position:absolute; 
  right: 15px; top: 20%; width: 10px; height: 0;
  width: 10px;
}

.mainnav ul.menu li.deeper > ul {
  top: 0; opacity: 0;
  -moz-transition: opacity 0.5s ease 0.15s; 
  -webkit-transition: opacity 0.5s ease 0.15s; 
  transition: opacity 0.5s ease 0.15s;
}
.mainnav ul.menu li.deeper li.deeper > ul {
  top: 0; opacity: 0;
  -moz-transition: opacity 0.5s ease 0s, max-width 0s ease 0s; 
  -webkit-transition: opacity 0.5s ease 0s, max-width 0.5s ease 0s; 
  transition: opacity 0.5s ease 0s, max-width 0.5s ease 0s;
  margin-left: 201px; 
}

/* hover */
.mainnav .menu.nav > li.deeper > ul { left: -999em; opacity: 0 }
.mainnav .menu.nav > li.deeper > ul.open { /*left: 0;*/ opacity: 1 }

.mainnav .nav-child > li.deeper ul { left: -999em; opacity: 0 }

.mainnav .nav-child > li.deeper:hover > ul { left: 0; opacity: 1 }

.mainnav .menu > li.deeper > ul.nav-child > li > a, 
.mainnav .menu > li.deeper > ul.nav-child > li > .separator {
  line-height: 1px;
  -webkit-transition: all 0.5s ease 0.15s; 
  transition: all 0.5s ease 0.15s;
}
.mainnav .menu > li.deeper > ul.open > li > a,
.mainnav .menu > li.deeper > ul.open > li > .separator {line-height: 23px}

.mainnav ul.menu li.deeper li.deeper > ul  {left: -999em; opacity: 0; max-width: 0}
.mainnav ul.menu li.deeper li.deeper > ul.open  {left: 0; opacity: 1; max-width: 200px}

.mainnav .menu li ul li:hover > a { color: #fff }
.mainnav .menu li ul li a:hover { background-color: transparent }
.mainnav ul.menu.mini li ul.menu li ul, .mainnav ul.menu.mini li ul.menu li ul li ul {border-top: 1px solid #ddd !important}

/* arrows */
.mainnav ul.menu > li.deeper > ul:before  {
  content: ' '; position:absolute; 
  left: 10px; top: -14px; width: 0; height: 0;
  border: 7px solid transparent; border-bottom-color: #000;
}


/* Normal state */
.mainnav .menu li ul li a { color: #eee }
.mainnav .menu li.active ul li a { }

/* Active state */

#mainnav-wrapper .mainnav .menu li.deeper.active ul li:last-child {border:0 !important}

.mainnav .menu ul li.active > a { color:#fff !important }

/* menu icons */
.menu li img {
  margin-right: 8px;
    vertical-align: middle;
}

/* mini menu toggles */
li.deeper [class^="social-icon-"]:before,
li.deeper [class*=" social-icon-"]:before {
  color: #eee; position: absolute; right: 0; top: 0;
  font-size: 22px; width: 22px; height: 22px; line-height: 25px;
  padding: 6px; background: #000;
  vertical-align: middle; text-align: center
}

.mini li [class^="social-icon-"]:hover:before, .mini li [class*=" social-icon-"]:hover:before {
  cursor: pointer; color: #fff
}

li.deeper li.deeper li.deeper [class^="social-icon-"]:before { top: 0 }


/* light submenu */
.mainnav.light-subnav > .menu.nav > li.deeper ul li a { color:#333 }
.mainnav.light-subnav > .menu.nav > li.deeper ul li.active:hover a { color:#fff }
.mainnav.light-subnav > .menu.nav > li.deeper ul li {
    background-image: url(../images/pw9.png); background-repeat: repeat
}

.mainnav.light-subnav > .menu.nav > li.deeper ul.nav-child > li:not(.active):hover {
    background-image:  url(../images/pw8.png);
    background-repeat: repeat; background-color:#eee
}
.mainnav.light-subnav .menu > li.deeper ul {
  background: none
}

/* Joomla menu */
#main-wrapper ul.menu { margin: 1.7em 0 }
#main-wrapper ul.menu li { border-bottom: 0; list-style: none }

#main-wrapper ul.menu li.deeper [class^="social-icon-"]:before,
#main-wrapper ul.menu li.deeper [class*=" social-icon-"]:before {
  background: none transparent; font-size: 16px; line-height: 24px
}

#main-wrapper ul.menu  li.deeper [class^="social-icon-"]:hover:before,
#main-wrapper ul.menu  li.deeper [class*=" social-icon-"]:hover:before { cursor: pointer }

#main-wrapper ul.menu li li {
  border-bottom: 0; border-top: 0
}

#main-wrapper ul.menu li a {
  font-size: 12px;
    line-height: 1.5;
    margin: 0 0 1px !important;
    padding: 8px 0 8px 15px;
  text-indent:15px;
  background: url(../images/pw.png) repeat; color: #999;
  display:block
}

#main-wrapper ul.menu li a:before {
  content: '\f101'; font-family: FontAwesome; 
  font-weight: normal; font-style: normal; text-decoration: inherit; 
  -webkit-font-smoothing: antialiased;
  position: absolute; top: 0.75em; left: 0
}

#main-wrapper ul.menu li li a:before { left: 2px }
#main-wrapper ul.menu li li li a:before { left: 15px }
#main-wrapper ul.menu li li li li a:before { left: 32px }

#main-wrapper div.moduletable_hilite ul.menu li a { border:0 !important;}

#main-wrapper ul.menu li.active > a {
    font-weight: normal; color: #fff; 
}

#main-wrapper ul.menu li:last-child a {}

#main-wrapper ul.menu li a:hover, #main-wrapper ul.menu li a:focus { text-decoration: none; color: #fff; background-image: url(../images/pb7.png) }

#main-wrapper ul.menu li li a { text-indent:28px; background-position: 15px center }

/* menu module */
#main-wrapper ul.menu li > ul {display: none}

#main-wrapper ul.menu li > ul > li > a { padding-left: 15px !important; background-position: 20px center !important}
#main-wrapper ul.menu li > ul > li > ul > li > a { padding-left: 30px !important; background-position: 35px center !important }
#main-wrapper ul.menu li > ul > li > ul > li > ul > li > a { padding-left: 45px !important; background-position: 50px center !important}

#main-wrapper ul.menu > li.first > a {border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0}
#main-wrapper ul.menu > li.last > a {border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px}
#main-wrapper ul.menu ul.menu > li.first.last > a {border-radius: 3px; -webkit-border-radius:3px}


/* header */
#site-wrapper  { overflow: hidden /* experimental */}

#header  { width: 100%; max-width: none;  }

#header .main-inner { padding:20px; border-bottom: 1px solid #ddd}


/* mainnav */
#mainnav-wrapper { position:relative }

#mainnav-wrapper {
    left: 0;top: 0;
    position: fixed;
    z-index: 50;
  background: url(../images/menu-background.png) left top repeat-x
}
#mainnav-wrapper.simple {
  background: url(../images/pb7.png) left top repeat
}
#mainnav-wrapper.reversed {
  background: url(../images/menu-background2.png) left top repeat-x
}

#mainnav-wrapper .main-inner { }
#mainnav-wrapper .main { 
  border-bottom: 1px solid #ddd
}

.mainnav { display:block;} 

/* checking div integrity 
div {background: url(../images/pb3.png) repeat left top;} */

/* main layout */
#site-wrapper { position:relative;   }

.wrap { width: 100%; display:block }

.main { 
  width: 100%; display:block;  clear:both;
}

.main-inner { 
  display:block; position:relative; max-width: 1200px; margin: 0 auto;
  padding: 0 20px
}

.spotlight .main-inner { max-width: 1240px }


#top-portfolio,
#bottom-portfolio {
  background-image: url(../images/pw1.png);
  background-repeat: repeat;
}
#top-wrapper,
#ct-wrapper {
  background-repeat: repeat;
  background-image: url(../images/pb2.png);
}

#main-wrapper .main-inner.ht {}

#header { padding: 0}

#side-social { position: fixed; right: 5px; top: 50%; margin-top: -102px; z-index: 999 }


/* content */
#content.hl,
#content.hr {width: 67%; float:left;}
#content.hr.hl {width: 500px; float:left;}

#main-wrapper { }
#main-wrapper.hs, #main-wrapper.ht.hs,
#main-wrapper.ht { margin-top: 1.7em }

#main-wrapper.hs .main-inner, #main-wrapper.ht.hs .main-inner,
#main-wrapper.ht .main-inner { border-radius: 0; -webkit-border-radius: 0; }

#main-wrapper .main-inner { }

#content {width: 100%; float:left;}

.component-wrapper {margin: 1.7em 0}

#content.hl .component-wrapper,
#content.hr .component-wrapper,
#content.hl.hr .component-wrapper {margin: 1.7em 20px 0 0;}

#content #left-inner {width:45%; float:left; margin-right: 4%}
#content #left-inner div.moduletable {margin-top:0 !important; margin-bottom: 1.7em !important;}


/* hopa */
#slideshow.hopa { }
#top-portfolio.hopa { padding-top: 90px }
#top-wrapper.hopa { padding-top: 90px }
#main-wrapper.hopa { padding-top: 90px }

#slideshow.hopa .vbottom {  /*bottom: 110px*/ }

/* spacing */
#content,
#left, #right { padding-top: 1.7em }

#top-wrapper.ht,
#content.ht, #content.ct,
#left.ht, #right.ht { padding-top: 0 }

/* left right # */
#left, #right {width: 100%; float:left}

#content.hl.hr, #content.hl.hr,
#left.hl.hr, #right.hl.hr {width: 33.3%; float:left}

#content.hl, #content.hr { width: 66.6% }
#left.hl, #right.hr {width: 33.3%; float:left}

[class*="span"] div.moduletable { }

#content div.moduletable .inner{margin: 0}
#component-wrapper,
#content-top,
#content-bottom { float: left }
#content.hr div.moduletable .inner {margin: 0 20px 0 0;}
#content.hl div.moduletable .inner {margin: 0 20px 0 0;}
#content.hl.hr  div.moduletable .inner {margin: 0 20px 0 0;}

#left.hl.hr div.moduletable .inner {margin: 0 20px 0 20px }
#right.hl.hr div.moduletable .inner {margin: 0 0 0 20px;}

#left div.moduletable .inner,
#right div.moduletable .inner,
#left.hl div.moduletable .inner,
#right.hr div.moduletable .inner{ margin: 0 0 0 20px }

#top-wrapper.ht,
#top-wrapper.hs   { margin-top: 0 }

#top-wrapper.ht .main-inner,
#top-wrapper.hs .main-inner  {
    border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0;
}

#top-wrapper .main-inner {padding-right: 0; padding-left: 0; }

#ct-wrapper .main-inner { }

#bottom-wrapper.main { background-image: url(../images/pb9.png); background-repeat: repeat }

.spotlight .main-inner { padding: 0 }

#top-wrapper .main-inner,
#bottom-portfolio .main-inner,
#bottom-wrapper .main-inner,
#ct-wrapper .main-inner { padding: 1.7em 0 0 0 }


#bottom-wrapper {color: #777}
#bottom-wrapper span.mod-desc {color: #999}
#bottom-wrapper a { }
#bottom-wrapper strong,
#bottom-wrapper a:hover {color:#eee !important}

#bottom-wrapper .nav > li > a:hover, #bottom-wrapper .nav > li > a:focus { background-color: transparent }

#bottom-wrapper input[type="text"],
#bottom-wrapper textarea {background: #555; border: 1px solid #333}

#bottom-wrapper input[type="text"]:focus,
#bottom-wrapper textarea:focus {background: #111; border: 1px solid #ccc}

#bottom-wrapper button,
#bottom-wrapper .btn,
#bottom-wrapper input[type="button"],
#bottom-wrapper input[type="submit"] {background: #333; border: 1px solid #555; color: #999; text-shadow: none}

#bottom-wrapper button:hover,
#bottom-wrapper .btn:hover,
#bottom-wrapper input[type="button"]:hover,
#bottom-wrapper input[type="submit"]:hover {background: #555; border: 1px solid #222; color: #111; text-shadow: none}


.contents p,
.contents ul {margin: 0.75em 0 !important}

.page-header {padding:0; margin:0; border:0}

.moduletable ul.menu { padding:0 }
#bottom-wrapper .moduletable ul.menu { }

.moduletable.hilite ul.menu {margin:0 !important}

.moduletable ul.menu li {padding:0; list-style: none}

#bottom-wrapper .moduletable ul.menu li { padding: 0 0 5px 0 }
#bottom-wrapper .moduletable ul.menu li.last { }

#bottom-wrapper .moduletable ul.menu li > a { color: #777; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
#bottom-wrapper .moduletable ul.menu li:hover > a { padding-left: 15px }


#bottom-wrapper .moduletable ul.menu li > a:before { 
  content: '\f101'; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; 
  -webkit-font-smoothing: antialiased; 
  position: absolute; bottom: 0.35em; left: -15px; 
  transition: transform 0.3s ease 0s; -webkit-transition: transform 0.3s ease 0s;
  transform: scale(0.3); -webkit-transform: scale(0.3);
  opacity: 0;
}
#bottom-wrapper .moduletable ul.menu li:hover > a:before { 
  left: 0; opacity: 1;
  transform: scale(1); -webkit-transform: scale(1);
}

div.registration h1, div.login h1 {margin-bottom:10px !important;}

h1, h2, h3, h4, h5, .moduletable h3 { color:#fff; text-shadow: none}
h1, .column h1, .typo-column h1 {font-size:32px; line-height:0.75; margin:0.75em 0; letter-spacing: -0.05em }
h2, .column h2, .typo-column h2 {font-size:28px; line-height:0.857; margin: 0.857em 0; letter-spacing: -0.045em }
h3, .column h3, .typo-column h3 {font-size:24px; line-height:1; margin:1em 0;  letter-spacing: -0.04em }
h4, .column h4, .typo-column h4 {font-size:20px; text-transform:none; line-height:1.2; margin:0.6em 0; letter-spacing: -0.04em }
h5, .column h5, .typo-column h5 {font-size:16px; line-height:1.5; margin:1.5em 0; letter-spacing: -0.03em }

#bottom-wrapper div.moduletable h3 {color:#eee}

.blog h2 { padding: 0 }
.blog h2 a { margin:0;padding:0;background:none }

.news .items-row.cols-2 h2,
.news .items-row.cols-3 h2,
.news .items-row.cols-4 h2,
.gallery .items-row.cols-2 h2,
.gallery .items-row.cols-3 h2,
.gallery .items-row.cols-4 h2,
.portfolio .items-row.cols-2 h2,
.portfolio .items-row.cols-3 h2,
.portfolio .items-row.cols-4 h2,
.blog .items-row.cols-2 h2,
.blog .items-row.cols-3 h2,
.blog .items-row.cols-4 h2 { font-size:16px; text-transform:none; line-height:1.125; margin:1.125em 0; letter-spacing: -0.01em }

/*.blog-featured h1:first-child, .item-page h1:first-child,*/ 
.page-header h1, .contact h1:first-child, .blog h1:first-child,
.componentheading, div.search h1:first-child, div.registration h1:first-child, div.login h1:first-child {
    margin: 0 !important;
    padding: 0 !important;
  line-height: 1.8;
    text-transform: uppercase;  
  font-weight:normal;
    font-size: 20px;
    letter-spacing: -0.02em;
}

.page-header.main-header h2 {
    display: block;
    font-size: 14px;
    line-height: 1.7;
    margin-top: -0.64em;
  color:#777
}

.contact h1, div.search h1, div.registration h1, div.login h1 {margin-top: 0 !important; }

.item-page h1, .blog h1, .contact h1, div.search h1, div.registration h1, div.login h1 {}
 
/* module styling */
div.moduletable {
    margin-bottom: 1.7em; margin-top: 1.7em;
    padding: 0;
    position: relative;
}
.moduletable.no-margin { margin: 0 }

div.moduletable .inner {position:relative;}
div.moduletable .box-ct { width: 100%; display: block }
div.moduletable h3 {
  text-transform:uppercase;
  line-height: 1.8;
  font-size: 20px;
  padding: 0;
  margin: 0;
  font-weight:300;
  letter-spacing: -0.05em;
}

div.moduletable span.mod-desc {
  font-size:14px;line-height:1.285; 
  color:#777;
  display:block;
  margin: -0.64em 0 0
}


#slideshow iframe {display: block; width:100%; margin:0; padding: 7px; background: url(../images/pb5.png) repeat; border-radius: 5px; -webkit-border-radius: 5px; }
#main-wrapper iframe { margin: 1.7em 0; float: left; width: 100% }
#main-wrapper .tab-pane iframe { margin: 1.2em 0 0.85em }

/* site preload */
#site-preloader {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.85);
  z-index:9999;
}

#preloader-status {
  width:32px;
  height:32px;
  position:absolute;
  left:50%;
  top:50%;
  background-image:url(../images/site-preloader.gif); 
  background-repeat:no-repeat;
  background-position:center center;
  background-size:32px;
  background-color: #000;
  margin:-26px 0 0 -26px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 10px;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

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

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

.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:         top, left, opacity;
          transition-property:         transform, opacity;
}

#panel .btn {  }
#panel #styles-panel .btn.btn-cnt { width: 200px; }
#panel .btn.btn-cnt { width: 200px; text-align: left; position: relative }
#panel .btn-group { width: 100% }
#panel .dropdown-menu { max-height: 300px; max-width: 225px; overflow-x: hidden; overflow-y: auto; width: 100% }
#panel .dropdown-menu > li > a { padding: 3px 10px  }
#panel .caret { position: absolute; right:10px; top: 5px }

#panel h2 { color: #eee; margin: 12px 0 10px 10px; text-transform: capitalize; line-height: 1; padding: 5px  }
#panel small {clear:both; float:right; margin: 5px 20px 10px 10px; color:#999}
#panel small a { color:#eee }
#panel small a:hover { color:#fff }

#panel .btn:hover, #panel .btn:focus,
#panel .open .btn, #panel .open  .btn { color: #fff }
#panel .btn:hover .caret, #panel .btn:focus .caret,
#panel .open .btn .caret, #panel .open .btn .caret { color: #fff }

#openpanelbutton {  
    position: absolute;
    left: -50px; top: 0;
  width: 50px; max-height: 255px; height: 100%;
  background: url(../images/panel-dark.png) no-repeat top left;
  z-index: 222222222222222222
}
#openpanelbutton.active {  
  background: url(../images/panel-close.png) no-repeat top left;  
}

#openpanel {
  font-family: Helvetica, Arial, sans-serif; 
    background-position: left bottom;
    background-repeat: no-repeat;
  display:block; float:right;
    text-transform: uppercase;
    z-index: 5000; margin: 0 5px 0 0;
  width: 30px; height: 60px;
}

#openpanel i { font-size: 20px; line-height: 20px; color: #000 }

#openpanel .panel-button-text { display:none }
#openpanel .icon-remove { display:none }

#openpanel:hover { }

span#color-name,
span#menu-name {text-transform: capitalize}

#panel-wrapper {
  position:relative;
  top:0; color:#ccc;
}

#panel {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  position: fixed; top: 90px;
  color:#666;
  right: -255px; width: 255px;
    z-index: 100;
  background: url(../images/mask-b.png);
}
.colorpicker input {top: auto !important; height: auto !important}

.panel-tools { 
  margin: 0 0 0 5px; float:left; position: relative; 
  border-left:0;
  padding: 5px; width:290px; color:#999;
}

#panel span[class^="icon-"], #panel span[class*=" icon-"] { position: absolute; right: 5px; top: 25% }

#panel:hover .panel-tools {}
#panel:hover .panel-tools:hover ul {z-index: 1001}

.panel-tools ul.nav ul {width: 100%;}

.font-name {font-size: 11px; line-height: 11px; }

#titlefontsel > li:hover > ul {}

#styles-panel,
#fonts-panel-title,
#fonts-panel-content,
#menu-styles-panel { width: 235px  }

#panel ul.nav li a { color: #eee; }
#panel ul.nav li:hover li a { color:#eee !important;}

#panel ul.nav li:hover > a,
#panel ul.nav li:hover > a > span { color:#fff !important;}

#panel .nav > li a { background-image: url(../images/arrow-down-white.png); background-repeat: no-repeat; background-position: 95% center; background-color: #333;}
#panel .nav > li a:hover { background: url(../images/arrow-down-white.png); background-repeat: no-repeat;  background-position: 95% center; background-color: #555;}
ul.nav strong { color: #fff; }

/* checking div integrity 
div {background: url(../images/pb3.png) repeat left top;} */

#map-contact .close {opacity:0.6; position: absolute; top:30px; right:20px; background: none; font-size: 40px }
#map-contact .close:hover {opacity:1; background: none}


/* slider */
#slideshow { clear:both; width: 100%; overflow: hidden; float: left; position:relative; border: 0 }
#slideshow .main-inner { padding:0 }
#slideshow p,
#slideshow ul,
#slideshow img { backface-visibility:hidden; -webkit-backface-visibility:hidden }

.main-sequence .vtop { top: 110px; }

.white-text .big, .white-text .big strong,
.black-text .big, .black-text .big strong,
.white-text h1, .white-text h2,
.black-text h1, .black-text h2,
.white-text p, .white-text ul,
.black-text p, .black-text ul {text-shadow: none}

.label_wrapper p.readmore {display:block !important}

.strikers-light h1, .strikers-dark h1, 
.strikers-light h2, .strikers-dark h2, 
.strikers-light p, .strikers-light ul,
.strikers-dark p, .strikers-dark ul {padding: 5px 15px; margin: 15px 0 0; width: 100% }

.slider .slider-prev, .slider .slider-next {
    margin-top: -25px;
    top: auto;
    bottom: 20px;
}

.slider .slider-next, .slider .slider-prev {
    background: url(../images/pb5.png) repeat transparent;
  border-radius: 3px; -webkit-border-radius: 3px;
  transform: scale(0.5); -webkit-transform: scale(0.5);
  transition: all 0.8s ease-out 0s !important; -webkit-transition: all 0.8s ease-out 0s !important; 
}
.slider .slider-next:hover, .slider .slider-prev:hover {
  transform: scale(1); -webkit-transform: scale(1); z-index: 36;
  transition: all 0.2s ease-out 0s !important; -webkit-transition: all 0.2s ease-out 0s !important;  
}

.slider-pagination div {
  background-color: rgb(155,155,155); background-color: rgba(155,155,155,0.5)
}

.long-strikers-dark h1, .long-strikers-dark h2, .long-strikers-dark h4, .long-strikers-dark p, .long-strikers-dark ul {border-radius: 3px; -webkit-border-radius: 3px;}

.vtop { top: 90px }
.hcenter {  }
.border-background { padding: 5px 25px; border-left: 1px solid rgb(55,55,55); border-left: 2px solid rgba(255, 255, 255, 0.5); background: url(../images/pb3.png) repeat }

/* to top link */
div.top-link {}
#gototop {}
#gototop i {}
div.top-link a {}
div.top-link:hover a { }


/* modal */
.modal-backdrop.fade, .modal-backdrop.fade.in { transition: opacity 0.5s linear 0s; -webkit-transition: opacity 0.5s linear 0s }

/* social */
#social { float:right; margin: 7px 0 0 }
#social p { margin: 2px 0 5px }


/* cool new login */
#login-wrapper {
  background: #000; width: 320px;  margin-left: -160px !important;
}
#login-wrapper .modal-footer { background: #000; border-top: 1px solid #333; box-shadow: none}

#login-wrapper-div { overflow:hidden; width: 280px }

#dnp-login {
  overflow:hidden;
}

#openlogin { 
  padding-right: 0; display:block
}

#recaptcha_area, #recaptcha_table {
    background: none !important; margin-left: -3px
}

#login-wrapper #form-login-remember {margin: 20px 0}
#login-wrapper .userdata {margin-top: 20px}
#login-wrapper .unstyled {margin-top: 0}

#login-wrapper .recaptchatable, #login-wrapper #recaptcha_area tr, 
#login-wrapper #recaptcha_area td, #login-wrapper #recaptcha_area th {
    background: none !important;
}

#login-wrapper #recaptcha_image img {width: 250px !important; border-radius: 3px; -webkit-border-radius: 3px;}
#login-wrapper  div.recaptcha_input_area {margin-left: 0 !important}
#login-wrapper  .recaptcha_r3_c1,
#login-wrapper  .recaptcha_r2_c1 {display:none}

body .recaptchatable #recaptcha_response_field { color:#666 !important; border: 1px solid #ccc !important; width: 130px !important }

#member-registration fieldset {position:relative;}
span.spacer{ }
span.text{color: #999; font-size: 10px;}

#login-wrapper #recaptcha_area {margin-bottom: 1.7em; clear: both; width: 318px !important;}
#member-registration .recaptchatable label.recaptcha_input_area_text {line-height: 1.5 }
.loginToggleDiv {position: absolute; right: 0; top: 2px;}

.registration fieldset dt, .registration fieldset dd {
    min-height: 31px; 
    padding: 5px 0 5px 0;
}

.registration fieldset dt {min-width: 180px;margin-right: 5px;}

#login-wrapper input[type="email"]:hover,#login-wrapper input[type="email"]:focus,
#login-wrapper input[type="text"]:hover,#login-wrapper input[type="text"]:focus,
#login-wrapper input[type="password"]:hover,#login-wrapper input[type="password"]:focus,
#login-wrapper .inputbox:hover, #login-wrapper .validate-username:hover, #login-wrapper .validate-password:hover,
#login-wrapper .inputbox:focus, #login-wrapper .validate-username:focus, #login-wrapper .validate-password:focus
{ background: #000; color: #ccc }

#form-login-username .btn,
#form-login-password .btn { border-left: 0 !important; padding: 7px 15px; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; line-height: 18px !important; float:left}


#login-wrapper div.moduletable {margin: 15px 0 0 15px }

#login-wrapper h3 {color: #fff;  font-size: 16px; line-height: 1.2; font-weight: 400 !important;}

/* feedback */
#feedback-wrapper {
  background:#000; width: 320px; margin-left: -160px !important;
}

#feedback-wrapper .modal-footer {background: #000; border-top: 1px solid #333; box-shadow: none }

#feedback-wrapper-div { overflow:hidden; width: 280px;   }

#dnp-feedback {
  overflow:hidden;
  /*width: 280px; padding:0; margin: 0 auto;*/
}

.top-links i {
    float: left;
    font-size: 20px;
    height: 20px;
    line-height: 18px;
}

#feedback-wrapper .button,
#feedback-wrapper .btn,
#feedback-wrapper input.btn {
  line-height:14px;
  color: #fff;
  -webkit-box-shadow: none;  
  box-shadow: none;
  filter:none;
  background: #333;
  border: 1px solid #999;
  text-shadow:none;
  width: 198px !important;
  float:right
}

.mainnav .btn-group { position: absolute; top: 12px; right: 20px }
.mainnav .btn-group .btn,
.mainnav .btn-group .dropdown-menu { border: 0 }


#feedback-wrapper .modal-footer .btn {width: auto !important;}

#feedback-wrapper .button:hover,
#feedback-wrapper .btn:hover,
#feedback-wrapper input.btn:hover {
  filter:none; 
   background: #666;
  border:1px solid #999
}

#feedback-wrapper input.btn:focus {}
#feedback-form input.inputbox {padding: 7px 3px !important}

#feedback-wrapper .inputbox,
#feedback-wrapper input[type="text"],
#feedback-wrapper textarea {
    background: transparent; border: 1px solid #999;
    box-shadow: none;  -webkit-box-shadow: none;
    color: #aaa;
  width: 190px; max-width: 190px;
  padding: 3px; margin:0; font-weight: normal;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#feedback-wrapper form  { width: 280px; padding:0 }
#feedback-wrapper table , #feedback-wrapper td  { border: 0; color: #ccc }

#feedback-wrapper input[type="text"]:hover,#feedback-wrapper input[type="text"]:focus,
#feedback-wrapper textarea:hover,#feedback-wrapper textarea:focus,
#feedback-wrapper .inputbox:hover, 
#feedback-wrapper .inputbox:focus
{ background: #000; color: #ccc }


#feedback-wrapper  {  }
#feedback-wrapper div.moduletable {margin: 20px 10px 0 10px; }

#feedback-wrapper h3 {color: #fff;  font-size: 16px; line-height: 1.2 }

#feedback-wrapper div.rapid_contact  {margin: 1.7em 0}

/* top-links */
div.top-links { float:right }
div.top-links div {display: inline-block !important; float:left }
div.top-links div > a {
  -moz-transition: background 0.5s ease 0s;
  -webkit-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
  color: #999;
    background-image: url(../images/pb7.png);
    background-repeat: repeat;
    border: 1px solid #000000
}
div.top-links div > a:hover, 
div.top-links div > a:focus { background-image: url(../images/pb8.png) } 

div.top-links div > a i { }
div.top-links div:hover > a i { }
div.top-links div.first,
div.top-links div.first a {}

div.top-links div.last,
div.top-links div.last a { }

div.fluid-width-video-wrapper iframe,
div.fluid-width-video-wrapper iframe * { }

/* social network links */
.networking-container {
    display: block;
    margin-top: 0;
}
.networking-container.ht {
    padding-left: 15px;
    width: 50%;
    float: right;
    border-left: 1px solid rgb(230, 230, 230);
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.testimonials { float: left; width: 45% }
.testimonials p { margin: 0 !important; line-height: 1.4 }
.testimonials .carousel { margin: 0 }

.testimonials .icon-quote-right { margin: 0 10px 0 0; float: left; color: #fff; font-size: 22px; line-height: 1.3; opacity: 0.2; filter: alpha(opacity=20); }

.networking-container h3 { line-height: 41px; text-transform: uppercase; float: left; margin: 0 }
.networking-container h3 small { line-height: 20px; font-size: 14px; margin: 0 0 0 10px; letter-spacing: -0.5px }

.social-icons { float: right; margin: 0; max-height: 41px }
.social-icons li { backface-visibility: hidden; -webkit-backface-visibility: hidden; float:left; display: inline-block; margin: 0; padding:0; background-image: none}

.social-icons li a {
  display: inline-block; margin: 0 0 0 1px; padding: 10px; color: #777; line-height: 24px; background: url(../images/pw.png) repeat;
  transform: scale(1); -webkit-transform: scale(1);
  -webkit-transition: background-color 0.3s ease-out 0s; 
  transition: background-color 0.3s ease-out 0s;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
}

.social-icons li:first-child a { border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px }
.social-icons li:last-child a { border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0 }

.social-icons li i { text-align: center; height: 22px; font-size: 16px; line-height: 22px; float:left; color: #999; width: 24px }
.social-icons li i.social-icon-stumble-upon { font-size: 15px}
.social-icons li * { backface-visibility: hidden; -webkit-backface-visibility: hidden; }

.social-icons li a { -webkit-transition: -webkit-transform 0.5s ease-out 0s; transition: transform 0.5s ease-out 0s; z-index: auto; }  
.social-icons li a:hover {   
  -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;
  color: #fff; background-image: none; transform: scale(1.3); -webkit-transform: scale(1.3); 
  border-radius: 3px !important; -webkit-border-radius: 3px !important; 
  z-index: 10;
}

#social .social-icons li a:hover i { color: #eee }

.social-icons li { z-index: 1 }
.social-icons li:hover { z-index: 15 }

.social-icons:hover li a { /*background-image: none*/ }

.social-icons li span.social-text { 
  overflow: hidden; display: none;
}


/* onScroll */
[class*="onScroll"] { transition: all 0.5s ease-out 0.1s; -webkit-transition: all 0.5s ease-out 0.1s; }
.onScroll-fade { opacity: 0 }
.onScroll-zoomIn { opacity:0; transform: scale(0.3); -webkit-transform: scale(0.3); }
.onScroll-zoomOut { opacity:0; transform: scale(1.5); -webkit-transform: scale(1.5); }
.onScroll-moveLeft { opacity:0; transform: translateX(50%); -webkit-transform: translateX(50%); }
.onScroll-moveRight { opacity:0; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.onScroll-moveTop { opacity:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.onScroll-moveBottom { opacity:0; transform: translateY(50%); -webkit-transform: translateY(50%); }

[class*="onScroll"].animated { opacity: 1; transform: scale(1) translateX(0) translateY(0); -webkit-transform: scale(1) translateX(0) translateY(0); }

/* BOOTSTRAP */
section { padding: 0 }
.tooltip { z-index: 151111 !important; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif }
.tooltip-inner {
  color: #fff !important;
  -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.tooltip-inner strong {
  color: #fff !important;
}  
.tooltip.top .tooltip-arrow {}
.tooltip.right .tooltip-arrow {}
.tooltip.left .tooltip-arrow {}
.tooltip.bottom .tooltip-arrow {}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.accordion,
.accordion div { backface-visibility: hidden; -webkit-backface-visibility: hidden; }

.accordion-group {
    border-radius: 0; -webkit-border-radius: 0;
    margin-bottom: 0;
}
.accordion-group:first-child {  border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0 }
.accordion-group:last-child { border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; margin-bottom: 0 }

.accordion-group,
.accordion-inner {
  border: 0; padding: 0
}

.accordion-inner p,
.accordion-inner ul { margin: 0 }

.accordion-heading { position: relative }

.accordion-heading .accordion-toggle { 
  padding: 0;
 }
 .accordion-heading .accordion-toggle:after { 
  content: '\f103'; font-family: 'FontAwesome'; position: absolute; right: 5px; top: 3px; font-size: 14px; line-height: 14px }
 }

.pager li > a { background-color: #333; border-color:#444; color:#999 }
.pager li > a:hover, .pager li > a:focus { background-color: #222; color:#eee !important }

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
  color: #555;
  background-color: transparent;
}

.label, .badge {
  font-weight: normal;
  color: #111;
  text-shadow: none;
}

.label-inverse, .badge-inverse {
  color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
}

.hero-unit {
  background-color: #444;
}

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
  background-color: rgb(30,30,30);
  background-color: rgba(0,0,0,0.2);
}
.table-bordered th, .table-bordered td {
    border-left: 1px solid #444444;
}
.table th, .table td {
    border-top: 1px solid #444444;
}

.bs-docs-example:after {
    background-color: #111111;
    border: 1px solid #333333;
  font-weight: normal;
}
.bs-docs-example {
    background-color: rgb(22,22,22);
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #333333
}

.bs-docs-separator {
    margin: 40px 0 35px;
}

.modal { background-color: #111 !important }
.modal-header {border-bottom: 1px solid #333}
.modal-footer {
  background-color: #151515;
  border-top: 1px solid #555;
  -webkit-box-shadow: inset 0 1px 0 #555;
  -moz-box-shadow: inset 0 1px 0 #555;
  box-shadow: inset 0 1px 0 #555;
}

[id^="gallery-image-"] { position:fixed; width: 90%; left: 5%; margin: 0 }
[id^="gallery-image-"] img { margin: 0 auto; border-radius: 0; -webkit-border-radius: 0 }

.gallery-meta { margin: 0; color: #555 }
.gallery-meta li { display: inline-block; margin-right: 15px }

.nav-list {margin: 0}
.nav-list li {background: none; padding: 0; list-style: none}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent
}
.well {
    background-color: #111111;
    border: 1px solid #333333;
}

.lead { font-size:20px; text-transform:none; line-height:1.2; margin:0.6em 0; letter-spacing: -0.03em }

.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }

.input-append .add-on, .input-prepend .add-on {
    background-color: #111111;
    border: 1px solid #333333;
  text-shadow: none
}  

#login-wrapper .close, #feedback-wrapper .close {color: #ccc; opacity: 1; position:absolute; right: 30px; top:30px}
#login-wrapper .close:hover, #feedback-wrapper .close:hover,
#login-wrapper .close:focus, #feedback-wrapper .close:focus {background:none; color: #fff}
.btn:focus {
    outline: none;
    outline-offset: 0;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #333;
    color: #fff;
}

#feedback-wrapper.modal, #login-wrapper.modal {
  transform: perspective(400px) rotateX(90deg) scale(0.3);
  -webkit-transform: perspective(400px) rotateX(90deg) scale(0.3);
  
  transition: all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
  
  opacity: 0; top: 200%; display: block !important
}
#feedback-wrapper.modal.in, #login-wrapper.modal.in {
  transform: perspective(400px) rotateX(0deg) scale(1);
  -webkit-transform: perspective(400px) rotateX(0deg) scale(1);
  
  transition: opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;
  -webkit-transition: opacity 1s ease-in-out 0s, -webkit-transform 1s ease-in-out 0s; 
  opacity: 1; top: 10%; display: block !important
}

/* social share links */
.sharing-container {
  float: left;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
}
#sharing-modal.modal {
  -webkit-transition: all 1s ease-in-out 0s; 
  transition: all 1s ease-in-out 0s;
  opacity: 0; top: 200%; display: block !important
}
#sharing-modal.modal.in {
  -webkit-transition: opacity 0.5s ease-in-out 0s; 
  transition: opacity 0.5s ease-in-out 0s;
  opacity: 1; top: 30%
}
.sharrre {
  display: inline-block; margin: 0 -10px;
  -webkit-transition: all 2s ease-in-out 0s; 
  transition: all 2s ease-in-out 0s; 
}
#sharing-modal h3 { 
  transition: all 2.2s ease-in-out 0s;
  -webkit-transition: all 2.2s ease-in-out 0s; 
  transform: translate(0,-500px);
  -webkit-transform: translate(0,-500px)
}

.count-7 .sharrre:nth-child(2) { transform: translate(-1200px,800px); -webkit-transform: translate(-1200px,800px) }
.count-7 .sharrre:nth-child(3) { transform: translate(-800px,800px); -webkit-transform: translate(-800px,800px) }
.count-7 .sharrre:nth-child(4) { transform: translate(-400px,800px); -webkit-transform: translate(-400px,800px) }
.count-7 .sharrre:nth-child(5) { transform: translate(0px,800px); -webkit-transform: translate(0px,800px) }
.count-7 .sharrre:nth-child(6) { transform: translate(400px,800px);  -webkit-transform: translate(400px,800px) }
.count-7 .sharrre:nth-child(7) { transform: translate(800px,800px);  -webkit-transform: translate(800px,800px) }
.count-7 .sharrre:nth-child(8) { transform: translate(1200px,800px); -webkit-transform: translate(1200px,800px) }

.count-6 .sharrre:nth-child(2) { transform: translate(-1350px,1500px); -webkit-transform: translate(-1350px,1500px) }
.count-6 .sharrre:nth-child(3) { transform: translate(-810px,1500px); -webkit-transform: translate(-810px,1500px) }
.count-6 .sharrre:nth-child(4) { transform: translate(-270px,1500px); -webkit-transform: translate(-270px,1500px) }
.count-6 .sharrre:nth-child(5) { transform: translate(270px,1500px);  -webkit-transform: translate(270px,1500px) }
.count-6 .sharrre:nth-child(6) { transform: translate(810px,1500px);  -webkit-transform: translate(810px,1500px) }
.count-6 .sharrre:nth-child(7) { transform: translate(1350px,1500px); -webkit-transform: translate(1350px,1500px) }

.count-5 .sharrre:nth-child(2) { transform: translate(-1500px,1500px); -webkit-transform: translate(-1000px,1500px) }
.count-5 .sharrre:nth-child(3) { transform: translate(-750px,1500px); -webkit-transform: translate(-750px,1500px) }
.count-5 .sharrre:nth-child(4) { transform: translate(0,1500px);  -webkit-transform: translate(0,1500px) }
.count-5 .sharrre:nth-child(5) { transform: translate(750px,1500px);  -webkit-transform: translate(750px,1500px) }
.count-5 .sharrre:nth-child(6) { transform: translate(1500px,1500px); -webkit-transform: translate(1500px,1500px) }

.count-4 .sharrre:nth-child(2) { transform: translate(-1500px,1500px); -webkit-transform: translate(-1000px,1500px) }
.count-4 .sharrre:nth-child(3) { transform: translate(-750px,1500px); -webkit-transform: translate(-750px,1500px) }
.count-4 .sharrre:nth-child(4) { transform: translate(750px,1500px);  -webkit-transform: translate(750px,1500px) }
.count-4 .sharrre:nth-child(5) { transform: translate(1500px,1500px); -webkit-transform: translate(1500px,1500px) }

.count-3 .sharrre:nth-child(2) { transform: translate(-1500px,1500px); -webkit-transform: translate(-1000px,1500px) }
.count-3 .sharrre:nth-child(3) { transform: translate(0,1500px); -webkit-transform: translate(0,1500px) }
.count-3 .sharrre:nth-child(4) { transform: translate(1500px,1500px); -webkit-transform: translate(1500px,1500px) }

.count-2 .sharrre:nth-child(2) { transform: translate(-1500px,1500px); -webkit-transform: translate(-1000px,1500px) }
.count-2 .sharrre:nth-child(3) { transform: translate(1500px,1500px); -webkit-transform: translate(1500px,1500px) }

.count-1 .sharrre:nth-child(2) { transform: translate(0,1500px);  -webkit-transform: translate(0,1500px) }

#sharing-modal.modal.in .sharrre, #sharing-modal.modal.in h3 {   
  transform: translate(0,0);
  -webkit-transform: translate(0,0)
}

#sharing-modal h3 { text-transform: uppercase; color: #fff !important }
#sharing-modal h3 small { text-transform: none; color: #aaa !important; font-size: 16px; margin-left: 10px }

.sharrre a { color: #fff !important }
.sharrre:hover a { color: #fff  }
.sharrre .box a:hover{text-decoration:none }
.sharrre .count { margin-top: 15px }

.sharrre:hover .count, .sharrre:hover .share { color: #fff }

.sharrre .box { 
  opacity: 0.7;  
  -webkit-transition: all 0.25s ease-in-out 0s; 
  transition: all 0.25s ease-in-out 0s; 
  position: relative; padding: 5px; 
  width: 70px; height: 70px; 
  border-radius: 100%; -webkit-border-radius: 100%;
  margin: -5px 0; float: left
}

.sharrre:hover .box {  opacity: 1; transform: scale(1.2); -webkit-transform: scale(1.2) }
.sharrre { z-index: auto }
.sharrre:hover { z-index: 10 }

.sharrre .social-icon {    
  font-size: 38px;
  left: 20px;
  line-height: 50px;
  padding: 16px 0px;
  position: absolute;
  top: 0
}

#sharing-modal { background: none !important; box-shadow: none !important; border: 0; text-align: center }

#facebook-share .box {background: #3B5998}
#twitter-share .box {background: #2DADDC}
#googleplus-share .box {background: #C53727}
#pinterest-share .box {background: #D63E40;} #pinterest-share .social-icon { padding-left:4px }
#linkedin-share .box {background: #39C } #linkedin-share .social-icon { top: -3px}
#stumbleupon-share .box {background: #EB4924 } #stumbleupon-share .social-icon { left: 13px; top: -3px }
#delicious-share .box {background: #084B91} #delicious-share .social-icon { padding-top: 15px}

#facebook-share .box {}
.sharrre .count,
.sharrre .share { line-height: 1; display:none; text-align: center }
.sharrre:hover .share, .sharrre:hover .count { display:block }
.sharrre:hover .social-icon { display:none }


/* a links */
#content a, #top-wrapper a, #bottom-wrapper a { }
a {text-decoration:none; }
a:hover,a:focus,a:active {text-decoration:none; color: #fff;}
a:focus {outline:none}


/* inverted menu */
.logo-menu h1.logo, .logo-menu h1.custom-logo, .logo-menu h1.retina-logo {
  float: left
}
.logo-menu .mainnav .menu.nav {
  float: right
}

#mainnav-wrapper,#panel {
  -webkit-transition: top 0.4s ease-out 0.3s; 
  transition: top 0.4s ease-out 0.3s; 
}

#mainnav-wrapper.scroll {top: -52px}
#panel.scroll {top: 38px}

div.modal.fade {
  top: -999em;
    transition: opacity 0.3s linear 0s;
    -webkit-transition: opacity 0.3s linear 0s;
}

/* hover effects */
.hover-transparent { opacity: 0.7; filter: alpha(opacity=70); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden;  }
*:hover > * > .hover-transparent, *:hover > .hover-transparent { opacity: 1; filter: alpha(opacity=100) }

.hover-rise { transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden;  }
*:hover > * > .hover-rise, *:hover > .hover-rise { transform: translateY(-20px); -webkit-transform: translateY(-20px) }

.hover-zoom { transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden;  }
*:hover > * > .hover-zoom, *:hover > .hover-zoom { transform: scale(1.2); -webkit-transform: scale(1.2) }

.hover-left { transition: all 0.5s ease-out 0.2s; -webkit-transition: all 0.5s ease-out 0.2s; backface-visibility: hidden; -webkit-backface-visibility: hidden;  }
*:hover > * > * > .hover-left, *:hover > .hover-left { transform: translateX(-20%); -webkit-transform: translateX(-20%) }

.hover-right { transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden;  }
*:hover > * > * > .hover-right, *:hover > * > .hover-right, *:hover > .hover-right { transform: translateX(20%); -webkit-transform: translateX(20%) }


/* logo */
h1.logo, h1.custom-logo, h1.retina-logo {
  margin: 0; 
  padding: 7px 0 0; /* adjust padding here */
  display: block; 
  float: right
}
h1.logo a, h1.custom-logo a, h1.retina-logo a {
  display:block; padding: 0;
}
h1.logo a{
  background: url(../images/logo.png) no-repeat left center;
}