/* Html tags */
body {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  max-width: 1920px;
  margin: auto  
}
img {
  max-width: 100%;
  height: auto;
}
legend {
  margin: 15px 0 15px;
  padding-bottom: 5px
}
fieldset {
  margin-bottom: 15px
}
textarea {
  width: 100%
}
p {
  margin-bottom: 15px;
}
h1 a:hover, h2 a:hover {
  text-decoration: none
}
:focus{
  outline: none !important
}

/* Bootstrap resets */
.navbar {
  margin-bottom: 0;
  border: none
}
.navbar-brand {
	float: none;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}
.well {
  background-color: #f8f8f8;
  border: none;
  box-shadow: none;
  border-radius: 0
}
/* Helper classes */
.unstyled {
  list-style: none;
  padding-left: 0;
}
.element-invisible {
  display: none !important;
}
.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

/* General Sections styling */
.toolbar {
  background-color: #333;
  color: #fff;
  padding: 8px 0;
  position: relative;
  z-index: 1000
}
.toolbar p {
  margin: 0;
}
.site-title {
  font-size: 22px;
  font-weight: bold;
  display: block;
}
.slider {
  padding-top: 30px
}
.slider img {
  margin: 0 auto
}
.container-fluid #slider {
  margin: 0 -15px;
}
.breadcrumbs {
  padding: 15px 0
}
.breadcrumb {
  background-color: #f8f8f8;
  border-radius: 0;
  margin-bottom: 0;
}
.breadcrumb img{
  vertical-align: initial;
}
header + section {
  padding-top: 30px
}
section {
  background-repeat: no-repeat;
  background-size: cover;
  /*padding: 15px 0 15px;*/
}
section:last-of-type {
  /*padding-bottom: 30px*/
}
.main {
/*  padding-top: 15px;
  padding-bottom: 15px*/
}
main .page-header,  main .page-header *{
  margin-top: 0;
}
footer {
  background-color: #333;
  border-top: 1px solid #444;
  color: #fff;
  padding: 30px 0;
  text-align: center
}
#to-top {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px
}
/* Toolbars */
.toolbar ul {
  margin-bottom: 0
}
.toolbar a {
  color: #fff;
  vertical-align: middle;
}
.toolbar a:hover, .toolbar a:focus {
  color: #eee;
  text-decoration: none;
}
.toolbar .dropdown-menu {
  margin-top: 8px
}
/* Headers */
header.sticky {
  background-color : #fff;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000
}
.box-layout .sticky {
  max-width: 1170px;
  margin: 0 auto
}
.desktop .header-2 .site-title {
  top: 50%;
  margin-top: -22px;
  position: relative;
}
.header-3 {
  padding-top: 15px;
  position: relative;
}
.header-3-l, .header-3-m , .header-3-r { /* Safari */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-3-m {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-3-r {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header-3-r .menu-toggler{
  margin-left: 5px
}

/* Footers */
.footer-2 {
  padding: 15px 0;
  line-height: 18px
}
.footer-3  ul{
  margin: 0;
}
footer .moduletable > h3 {
  margin-top: 0
}
footer .moduletable .box {
  background-color: transparent;
  border: none;
  padding: 0;
}
ul.social {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 18px
}
ul.social [class^="icon-"] {
  width: auto;
  height: auto;
}
/* Modules */
.moduletable {
	margin-bottom: 30px
}
.moduletable .box {
  background-color: #f8f8f8;
  padding: 20px;
}
.box p:last-child {
  margin-bottom: 0
}
section:not(.main) .col-md-0 {
  padding: 0 15px;
}
.col-md-0 {
  margin-bottom: 30px;
}
.col-md-0:last-child {
  margin-bottom: 0;
}
.moduletable > div > h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.moduletable .nav > li {
  position: relative;
}
.latestusers li:before {
  font-family: 'icomoon';
  font-size: 12px;
  color: #333;
  content: "\22";
  left: 5px;
  top: 50%;
  margin-top: -9px;
  position: absolute;
  z-index: 1
}
.latestusers li {
  padding:10px 15px 10px 20px
}
.userdata .checkbox {
  margin-bottom: 10px;
}
.content-top {
  margin-bottom: 20px
}
.content-bottom {
  margin-top: 20px
}
#mod-search-searchword {
  max-width: 75%
}

/* Menu */
aside .nav-child a{
  display: block;
  padding: 10px;
}
nav .mobile-nav, .navbar-nav {
  display: none;
}
.moduletable .menu > .active > a, .moduletable .menu > .active > span {
  background-color: #eee;
  color: #333;
}
.moduletable .nav-child .active > a, .moduletable .nav-child .active > span {
  font-style: italic;
}
.menu a:hover {
  text-decoration: none
}
.main-menu-wrapper, .header-1-search, .menu-toggler-wrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
}

/* Offcanvas menu */
#offcanvas{
  display: none;
  position: fixed;
  background-color: rgba(0,0,0,0.5);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding:0
}
#offcanvas .menu-wrapper{
  background-color: #111;
  width: 250px;
  height: 100%;
  margin-left:-250px;
  transition: margin-left .3s linear;
}
#offcanvas .is-open{
  margin-left: 0;
  transition: margin-left .3s linear
}
#offcanvas .nav-child a, #offcanvas .nav-child span {
  display: block;
  padding: 10px 10px 10px 30px;
}
#offcanvas .nav-child span{
  color: #fff
}
#offcanvas .menu-wrapper a, #offcanvas .menu-wrapper span {
  color: #fff !important;
  padding: 10px;
  margin-bottom: 0;
  display: block;
}
#offcanvas .nav-child {
  padding-left: 20px;
  display: none;
}
#offcanvas .parent:hover > .separator, #offcanvas .parent:hover > a, #offcanvas .nav > li > a:hover, #offcanvas .nav > li > a:focus {
  background-color: transparent;
}
#offcanvas .nav > li > a, #offcanvas .nav > li > span{
  text-transform: uppercase;
}
#offcanvas li{
  position: relative
}
span.slidetoggle {
  display: inline-block !important;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  cursor: default;
  padding: 0 !important;
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 35px;
}

/******************
  Legacy styles
******************/

/* com_users */
div.page-header {
  border: none;
  margin: 0;
  padding: 0
}
.well legend:first-of-type {
  margin-top: 0
}
/* com_newsfeeds */
.newsfeed-category li {
  margin-bottom: 15px;
}
.newsfeed-category .list-title {
  font-weight: bold;
}
.newsfeed li {
  margin-bottom: 15px;
}
.feed-link {
  margin: 10px 0;
  display: block;
}
/* com_search */
.searchintro {
  margin: 20px 0;
}
.search label {
  display: inline-block;
  margin-right: 20px;
  padding-left: 20px;
}
.phrases-box {
  margin-bottom: 15px;
}
label.ordering, .form-limit label {
  padding-left: 0;
}
.search .result-title {
  margin-top: 15px;
}
/* com_finder */
.result-category {
  margin: 10px 0;
  color: #999;
}
div#finder-filter-window .filter-branch .finder-selects {
  padding-right: 15px;
}
#search-query-explained {
  padding: 15px
}
.finder .word label, label.finder {
  display: none;
}
.finder .search-results {
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px
}
.finder .search-results li {
  padding: 15px;
}
.finder .search-results li:nth-child(even) {
  background-color: #f8f8f8;
  border-radius: 4px;
}
#finder-filter-window {
  margin-bottom: 15px;
}
.search-pages-counter {
  text-align: center;
}
.filter-date .chzn-container {
  margin-bottom: 15px;
}
.finder .search-results li:nth-child(2n) {
  background-color: transparent;
}
.result-title {
  margin-top: 0;
}
.search-pagination > div {
  padding: 10px 0;
}
.search-pages-counter {
  color: #777
}
/* com_tags */
.tag-category > h2 {
  font-size: 26px;
  margin-bottom: 20px
}
.tag-category > form {
  margin-top: 20px
}
.tag-category > img {
  display: block;
  margin-bottom: 20px;
}
.tag-category .btn-group {
  margin-left: 0;
}
.tag-category .btn-group:first-child > * {
  float: left;
  margin-right: 5px
}
.tag-category .btn-group > input {
  width: 50%;
}
.tag-category .btn-group > button {
  border-radius: 4px !important;
}
.tag-category li > * {
  margin-bottom: 15px;
  display: block;
}
.filters {
  padding: 15px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: 0 0 30px 0;
}
.filters > .pull-right {
  text-align: right;
}
ul.thumbnails, ul.category {
  list-style: none;
  padding-left: 0;
}
.list-striped li {
  padding: 15px;
  margin: 0
}
.list-striped li > h3 {
  font-size: 18px;
  margin: 0 0 15px 0;
  padding: 0;
}
.list-striped li:nth-child(odd) {
  background-color: #f8f8f8;
  border-radius: 4px;
}
.tag-count {
  position: absolute;
  right: 5px;
  top: 10px;
}
/* com_contact */
.contact #selectForm {
  margin-bottom: 30px;
}
.contact div.thumbnail {
  float: none !important;
  margin-bottom: 30px;
}
.contact dt {
  width: auto;
  float: left;
}
.contact dd {
  margin-left: 32px;
}
.contact .tab-content {
  padding-top: 15px
}
.contact div.page-header {
  border: none
}
#basic-details .accordion-inner{
  border-top: none
}
#basic-details {
  margin: 0 auto;
}
.contact .accordion-heading {
  border-bottom: 1px solid #e5e5e5
}
dd[itemprop="jobTitle"] {
  font-weight: bold;
}
#jform_contact_email_copy {
  margin-left: 10px
}
/* com_user */
.logout {
  text-align: center;
}
.logout .form-horizontal .controls {
  margin-left: 0;
}
.logout .control-group {
  margin-bottom: 0;
}
/* com_content */
div.page-header > h2 {
  border-bottom: 1px solid #eee;
  padding-bottom: 9px;
}
.items-leading > div {
  margin-bottom: 15px;
  padding-bottom: 15px
}
div[class*="column"] .item-title {
  font-size: 22px;
}
.icons {
  position: relative;
  right: 5px;
  top: 5px;
}
.icons a{
  padding: 0;
  box-shadow: none !important;
}
ul.tags {
  list-style: none;
  padding: 0;
}
.item-image, .content-links, ul.tags {
  margin-bottom: 15px;
}
.pull-left.item-image {
  margin-right: 15px;
}
.pull-right.item-image {
  margin-left: 15px;
}
div.img_caption {
  max-width: 100%
}
p.img_caption {
  padding: 10px;
  background-color: #f8f8f8;
  text-align: center;
  margin-bottom: 0
}
dl.article-info {
  padding: 5px 0;
  margin-bottom: 10px
}
.article-info dd {
  display: inline-block;
  color: #777;
  font-size: 12px;
  margin-right: 5px
}
.article-info dd:last-child {
  margin-right: 0;
}
.article-info-term {
  display: none;
}
.page-header + form > .filters {
  border-top: none
}
ul.pagination, .counter {
  margin: 15px 0
}
div.pagination {
  border-top: 1px solid #eee;
  border-radius: 0;
  display: block;
}
.counter {
  color: #777;
  font-size: 12px;
  line-height: 34px;
}
.content_rating {
  float: left;
  margin-right: 15px;
  line-height: 30px;
}
.content_rating + form {
  margin-bottom: 15px
}
.content_rating + p {
  clear: both;
}
#archive-items > div, .items-row {
  margin-bottom: 20px;
}
#archive-items .intro {
  clear: both;
}
#com-content-formContent .modal{
  position: static;
}
/* com_wrapper */
.wrapper {
 border: 1px solid #ddd;
 border-radius: 0
}
/* mod_lang */
.toolbar-r .dropdown-menu {
  left: auto;
  right: 0;
}
div.mod-languages ul.dropdown-menu > li {
  display: block !important;
  padding: 5px;
  margin: 0;
}
/* Mailto window - Print window */
#mailto-window h2 {
  font-size: 20px;
  margin-bottom: 25px
}
.mailto-close, #pop-print {
  position: absolute;
  top: 15px;
  right: 15px
}
.formelm {
  display: table;
  margin-bottom: 15px;
  width: 100%
}
#mailto-window label, #mailto-window .form-control{
  display: table-cell;
}
#mailto-window label {
  width: 35%
}
#mailto-window p {
  text-align: right
}
/* General Joomla  styling */
.category-desc, .category-desc img{
  margin-bottom: 20px;
  font-size: 16px;
}
.alert-heading:empty {
  display: none;
}
/* Responsive Videos */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Media Queries */
@media (min-width: 1281px) {
  .menu-toggler, .menu-toggler-wrapper, #mm-page-nav {
    display: none;
  }
  .navbar-nav {
    display: block;
  }
}

@media (max-width: 1280px){
  .header-3 nav, .main-menu-wrapper, .header-3-m{
    display: none;
  }
  .header-1-search{
    width: 50%;
    text-align: center;
    align-items: center;
  }
  .header-3-r {
    width: 80%;
    justify-content: space-between;
  }

}

@media (max-width: 800px) {
  section .moduletable {
    margin-bottom: 30px
  }
  section .moduletable:last-child {
    margin-bottom: 0
  }
  main, aside:nth-child(2) {
    padding-bottom: 30px
  }
}

@media (max-width: 768px) {
  .header-3-r {
    width: 40%;
    justify-content: flex-end;
  }
}

@media (max-width: 640px) {
  .mobile-hide {
    display: none;
  }
  .toolbar .social li {
    padding: 0;
    margin-right: 3px
  }
  .toolbar-1 div[class^="col-"]{
    text-align: center;
  }
  .navbar-brand {
    display: block;
    float: none;
    text-align: center;
    height: auto;
  }
  .navbar-brand img {
    margin: 0 auto
  }
  .navbar-form {
    border: none;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
  }
  .header-1-search {
    float: left !important;
  }
  .header-3 {
    padding-top: 0;
  }
  .header-3 .row > div {
    padding: 10px;
    text-align: center;
  }
  .header-3-r div.search {
    width: 100%;
  }
  .header-3 nav {
    position: absolute;
    top: 0;
    right:0;
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none
  }
  .logo-center {
    margin: 0 auto;
  }
  .logo-center img {
    max-height: 50px
  }
  .footer-2-social, .footer-2-copy {
    padding: 5px 0;
    text-align: center;
  }
  .footer-3 {
    padding: 15px 0
  }
  .footer-3-copy, .footer-3-menu {
    text-align: center
  }
}