body {
  color: #444;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.6;
}
p:last-child {
  margin-bottom: 0px;
}

img {
  display: unset;
}

h1, h2, h3, h4 {
  line-height: normal;
  color: #2099AF;
  font-weight: bold;
  margin: 1em 0;
  padding: 0;
}
h1 {
  font-size: 200%;
}
h2 {
  font-size: 175%;
}
h4 {
  font-size: 125%;
}
h5 {
  font-size: 80%;
}
h1 a, h2 a, h3 a, h4 a {
  color: #2099AF;
}

a {
  color: #849800;
}
a:hover, a:active, a:focus {
  color: #f78900;
}

fieldset, #userForm {
  background: url(../images/dot.gif) repeat-x top;
  padding-top: 30px;
  margin-top: 30px;
}
#userForm h2 {
  margin-top: 0px;
}
.formResponsive fieldset {
  padding-top: 40px;
}

blockquote {
  padding: 1em 40px 1em 15px;
  margin: 1em 0;
}
blockquote span.open {
  background: url(../images/so-q.png) no-repeat left top;
  padding: 2px 0 0 30px;
}

p.stickynote {
  background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
  border: 1px solid #E6E6E6;
  padding: 15px 10px 15px 60px;
}

ul.arrow {
  list-style: none;
  padding: 0;
}
ul.arrow li {
  background: url(../images/icon-arrow.gif) no-repeat 3px 5px;
  margin-left: 15px;
  padding: 0 0 0 20px;
}

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

ul.stars li {
	background: url(../images/icon-star.gif) no-repeat 0 5px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}


#sp-pathway {
  margin-top: 30px;
}
#sp-pathway a {
  color: #a3b815;
}
.breadcrumb {
  background-color: transparent;
  border-radius: 0;
  text-transform: uppercase;
  color: #a3b815;
  padding: 0 1rem;
}
.breadcrumb .float-start {
  font-weight: bold;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #a3b815;
  font-size: 12px;
  line-height: 24px;
}
.article-details .featured-article-badge, .article-list .article .featured-article-badge {
  display: none;
}
.breadcrumb-item.active {
  color: #a3b815;
}


#sp-top-banner .sp-module-title {
  display: none;
}



.sp-megamenu-parent {
  margin: 0;
  height: 100px;
}
.sp-megamenu-parent > li {
  vertical-align: top;
  height: 70px;
  padding: 10px 0 0;
  display: table-cell;
}
.sp-megamenu-parent > li:hover {
  background: rgba(0, 0, 0, 0) url("../images/mainnav-hover.jpg") no-repeat scroll center top;
}

body.ltr .sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-right {
  margin-left: 0;
  display: block;
  padding: 6px 0;
  background: transparent;
  color: #999;
  font-size: 11px;
  line-height: 15px;
  text-transform: inherit;
  letter-spacing: 0;
  height: auto;
  font-weight: normal;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
  display: none;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: block;
  line-height: 1;
  color: #849800;
  font-size: 13px;
  font-weight: 600;
  margin-top: 10px;
  padding: 10px 10px 0 10px;
  border-left: 1px dotted #999;
  min-height: 65px;
}
.sp-megamenu-parent > li:last-child > a {
  padding: 10px 10px 0 10px;
}
.sp-megamenu-parent > li:last-child a {
  border-right: 1px dotted #999;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #849800;
  font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-weight: bold;
  font-size: 11px;
  color: #2099af;
  padding: 8px 10px;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #fff;
  background: #b2c720;
}




/*--offcanvas main--*/
.offcanvas-menu {
  background-color: #f8f8f8;
  background-image: url(../images/header-bg.jpg);
  background-repeat: repeat-x;
  background-position: top left;
}
.offcanvas-menu .offcanvas-inner {
  padding: 0;
}
/*--offcanvas main--*/

/*--offcanvas main menu--*/
.offcanvas-menu .offcanvas-inner ul.menu > li a {
  color: #849800;
  background: #f8f8f8;
  font-size: 14px;
  font-weight: normal;
  border-top: 1px dotted #999;
  text-decoration: none;
  padding: 20px 15px;
  opacity: 1;
}

/*--offcanvas main menu--*/

/*--offcanvas sub menu--*/
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul {
  margin-left: 0px;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  color: #849800;
  background: #f8f8f8;
  font-size: 14px;
  border-top: 1px dotted #999;
  display: block;
  padding: 10px 0px 10px 30px;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li > ul li ul li a {
  padding: 10px 0px 10px 50px;
  color: #849800;
  background: #f8f8f8;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li > ul li.active ul li a {
  color: #849800;
  background: #f8f8f8;
}
/*--offcanvas sub menu--*/

/*--offcanvas menu hover active--*/
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
  color: #fff;
  background: #b2c720;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #fff;
  background: #b2c720;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li > ul li.active a {
  color: #fff;
  background: #b2c720;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li > ul li ul li.active a {
  color: #fff;
  background: #b2c720;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li > ul li.active ul li a:hover {
  color: #fff;
  background: #b2c720;
}
/*--offcanvas menu hover active--*/

/*--menu toggler--*/
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after {
  content: "\f055";
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {
  content: "\f056";
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler::after {
  content: "\f055";
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent.menu-parent-open .menu-toggler::after {
  content: "\f056";
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
  right: 5px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
  color: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent:hover > a > .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent:hover > .menu-separator > .menu-toggler {
  color: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler {
  right: 5px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {
  color: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent:hover .menu-toggler {
  color: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.active .menu-toggler {
  color: inherit;
}
/*--menu toggler--*/





#sp-header {
  background: url(../images/header-bg.jpg) repeat-x top;
}
#sp-header .mod-finder {
  line-height: 60px;
}


#sp-body-top-area {
  margin-bottom: 15px;
}


#sp-main-body {
  padding: 0 0 20px 0;
}

div [itemprop="articleBody"] a:hover, div [itemprop="articleBody"] a:active, div [itemprop="articleBody"] a:focus {
  text-decoration: underline;
}
div [itemprop="articleBody"] a:visited {
  color: #F78900 !important;
}

.page-header, .article-details .article-header, .article-header {
  background: url("../images/dot.gif") repeat-x scroll center bottom;
  padding-bottom: 0;
}
.page-header h1 {
  font-size: 175%;
  margin: 0 0 10px;
  padding: 0 0 10px;
}

.article-details .article-header h1, .article-details .article-header h2 {
  margin: 0;
  font-size: 21px;
  color: #2099AF;
  padding-bottom: 10px;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
  color: #2099AF;
}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus {
  color: #f78900;
  text-decoration: underline;
}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
  font-size: 175%;
  margin: 1em 0;
  padding: 0;
}
.article-list .article {
  padding: 0;
  border: none;
  border-radius: 0;
}
.article-list .article .readmore {
  padding-top: 20px;
  padding-bottom: 20px;
}
.article-list .article .readmore a {
  color: #fff;
  font-weight: bold;
  background: url(../images/arrow-readon-1.png) no-repeat left 0;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-top: 4px;
  padding-right: 15px;
  text-transform: uppercase;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
  color: #fff;
}




.pagination-wrapper, .com-content-category-blog__navigation {
  text-align: center;
  display: block !important;
}
.pagination-wrapper .pagination, .com-content-category-blog__navigation .pagination {
  display: block;
}
.pagination-wrapper .pagination li, .com-content-category-blog__navigation .pagination li {
  display: inline-block;
}
.page-item:nth-child(2) .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination > .active > a, .pagination > .active > span {
  border-color: #849800;
  background-color: #849800;
}
.pagination > li > a, .pagination > li > span {
  color: #444;
}
.disabled > .page-link, .page-link.disabled {
  color: #444;
}



#sp-left .sp-module {
  margin-top: 20px;
  border: none;
  padding: 10px 0 20px 0;
  border-radius: 7px;
}
#sp-right .sp-module {
  margin-top: 20px;
  border: 1px solid #e4e4e4;
  padding: 10px 0 20px 0;
  border-radius: 7px;
}
#sp-left .sp-module._none, #sp-right .sp-module._none {
  border: none;
  padding: 0;
  border-radius: 0;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  margin: 0 0 15px;
  padding-bottom: 10px;
  font-size: 125%;
  border-bottom: 1px solid #e4e4e4;
  padding-left: 15px;
}
#sp-left .sp-module .sp-module-content {
  padding: 0 20px;
}
#sp-right .sp-module .sp-module-content {
  padding: 0 30px;
}
#sp-left .sp-module._none .sp-module-content, #sp-right .sp-module._none .sp-module-content {
  padding: 0;
}


#sp-left .sp-module._menu {
  margin: 30px 0;
  padding: 0 5px;
}
#sp-left .sp-module._menu .sp-module-content {
  padding: 0;
}
#sp-left .sp-module._menu ul.menu li {
  display: block;
  background: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  border-bottom: none;
}
#sp-left .sp-module._menu ul.menu li {
  display: block;
  background: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}
#sp-left .sp-module._menu ul.menu li.active a {
  font-weight: bold;
  color: #2099AF;
}
#sp-left .sp-module._menu ul.menu li a {
  display: block;
  outline: none;
  margin: 0;
  text-decoration: none;
  color: #666666;
  background: url(../images/dot.gif) repeat-x bottom;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 7px;
  padding-left: 5px;
  font-size: 13px;
  line-height: normal;
}
#sp-left .sp-module._menu ul.menu li a:hover, #sp-left .sp-module._menu ul.menu li a:active, #sp-left .sp-module._menu ul.menu li a:focus {
  color: #2099AF;
  background: url(../images/dot.gif) repeat-x bottom #F2F2F2;
  text-decoration: none;
}


#sp-left .sp-module._menu ul.menu li ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sp-left .sp-module._menu ul.menu li li {
  border: none;
}
#sp-left .sp-module._menu ul.menu li li a {
  border: none;
  padding-left: 26px !important;
  text-transform: none;
  font-weight: normal !important;
  background: url(../images/bullet.gif) no-repeat 15px 13px !important;
  padding-top: 7px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
}
#sp-left .sp-module._menu ul.menu li li.active a {
  color: #849800;
  text-decoration: underline;
}







#sp-bottom-user-1 {
  padding: 30px 0 50px;
  margin: 0;
  background: url(../images/grad-1.gif) repeat-x bottom;
}
#sp-user1 {
  border-bottom: 3px solid #E6E6E6;
  padding: 20px 0;
}

#sp-bottom-user-3 {
  margin-top: 30px;
}

#sp-footer {
  background: #FFF;
  color: #999;
  font-size: inherit;
  margin-bottom: 30px;
}
#sp-footer a {
  color: #849800;
}
#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus {
  color: #f78900;
  text-decoration: underline;
}


.sp-module-content .latestnews > li > a > span {
  display: none;
}

#sp-left .newsflash-title a {
  font-weight: bold;
}
#sp-left .newsflash-title a:hover, #sp-left .newsflash-title a:active, #sp-left .newsflash-title a:focus {
  color: #f78900;
  text-decoration: underline;
}

.big-w {
  min-width: 105px;
}

#sp-user1 .custom table, #sp-topsl1 .custom table, #sp-topsl2 .custom table {
  width: 100%;
}


.formContainer input[type="submit"], .formContainer button[type="submit"] {
  background-color: #0074cc;
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.formContainer input[type="submit"]:hover, .formContainer button[type="submit"]:hover, .formContainer input[type="submit"]:active, .formContainer button[type="submit"]:active, .formContainer input[type="submit"].active, .formContainer button[type="submit"].active, .formContainer input[type="submit"].disabled, .formContainer button[type="submit"].disabled, .formContainer input[type="submit"][disabled], .formContainer button[type="submit"][disabled] {
  background-color: #0055cc;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.formContainer input[type="reset"], .formContainer button[type="reset"] {
  background-color: #da4f49;
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.formContainer input[type="reset"]:hover, .formContainer button[type="reset"]:hover, .formContainer input[type="reset"]:active, .formContainer button[type="reset"]:active, .formContainer input[type="reset"].active, .formContainer button[type="reset"].active, .formContainer input[type="reset"].disabled, .formContainer button[type="reset"].disabled, .formContainer input[type="reset"][disabled], .formContainer button[type="reset"][disabled] {
  background-color: #bd362f;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


.highslide img {
  border: 0 !important;
}


.table-gay {
width:100% !important;
float:left;
}
.table-gay tr {
  border-width: 1px;
}
.table-gay td {
  float: none !important;
  width: auto !important;
  display: table-cell !important;
}
.table-gay img {
 width: auto !important;
}


#sp-right .sp-module ul.latestnews {
  list-style: disc;
  color: #666;
  font-size: 12px;
}
#sp-right .sp-module ul.latestnews li {
  display: list-item;
  border-bottom: none;
}
#sp-right .sp-module ul.latestnews a, #sp-right .sp-module ul.mostread a {
  color: #666666;
  font-size: var(--bs-body-font-size);
  line-height: 1.6;
}
#sp-right .sp-module ul.latestnews a:hover, #sp-right .sp-module ul.latestnews a:active, #sp-right .sp-module ul.latestnews a:focus {
  color: #666666;
  text-decoration: underline;
}

.galerija table {
  float: left;
  width: 100% !important;
}


@media (min-width: 576px) {
.container, .container-sm {
  max-width: 95%;
}
}
@media (min-width: 768px) {
.container, .container-md, .container-sm {
  max-width: 95%;
}
}
@media (min-width: 992px) {
.container, .container-lg, .container-md, .container-sm {
  max-width: 990px;
}
#sp-logo {
  padding-right: 0;
}
#sp-menu {
  padding-left: 0;
}
.sp-megamenu-parent {
  display: table !important;
}
#sp-menu .justify-content-end {
  justify-content: flex-start !important;
}
#sp-component.col-lg-8 {
 width: 73%;
 padding-right: 20px;
}
#sp-left.col-lg-4 {
 width: 27%;
 padding-right: 20px;
}
#sp-right.col-lg-4 {
 width: 27%;
 padding-left: 20px;
}
#sp-topsl1.col-lg-9 {
 padding-right: 0;
}
#sp-topsl2.col-lg-3 {
 padding-left: 0;
}
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 990px;
}
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 990px;
}
}


@media (max-width: 992px) {
.logo-image {
    height: auto !important;
  }
}
@media (max-width:991.99px) {
 #sp-header {
    height: auto;
  }
#sp-header .logo {
    height: auto;
  }
 #offcanvas-toggler {
    height: 99px;
    line-height: 99px;
  }
#sp-topsl1 .custom td {
    float: left;
    padding: 11px 0 0;
    padding-left: 0px;
    text-align: center;
    width: 100%;
  }
#sp-topsl2 .custom table a {
  display: block;
  text-align: center;
  margin-top: 8px;
}
#sp-component {
  order: 1;
}
#sp-left, #sp-right {
  order: 2;
}
.galerija .article-details table td, .galerija .article-introtext table td {
    float: left;
    padding: 0px;
    text-align: justify;
  }
}
@media (max-width:767.99px) {
#sp-user1 .custom td {
    float: left;
    padding: 11px 0 0;
    padding-left: 0px;
    width: 100%;
    text-align: center;
}
.table-gay {
width:100% !important;
float:left;
}
.table-gay td {
float: none !important;
width: auto !important;
}
.galerija .article-introtext > table {
width: 100% !important;
}
/* .galerija .article-introtext tr:nth-child(2) td {
    float: left;
    width: 29%;
} */
}
@media (max-width: 576px) {

}
@media (max-width:575.99px) {
 .table-gay {
width:100% !important;
float:left;
}
.table-gay td {
 float: none !important;
 width: auto !important;
}
.wfpopup > img {
    width: 100%;
  }
.video-galerija td {
    float: left;
    width: 100% !important;
  }
.video-galerija td img {
    height: auto !important;
  }
.galerija table {
    float: left;
    width: 100% !important;
  }
.galerija .article-details table td, .galerija .article-introtext table td {
    float: left;
    padding: 0;
    width: 100%;
    text-align: justify;
  }
.galerija .article-details table td img, .galerija .article-introtext table td img {
    width: 100%;
    height: auto;
  }
}