/*
Theme Name: Splitski Portal
Theme URI: http://split.com.hr
Description: Split.com.hr portal theme
Author: Locastic
Version: 1.0
*/



/**
 * FONTS
 */


/**
 * RESET
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote: before, blockquote: after { content: ''; content: none; }
del { text-decoration: line-through; }
a img, img { border: none; }
*: focus { outline: none; }

input, select, textarea {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}


/**
 * Permanentni linkovi za mobilne ure�aje i da je cijeli DIV klikabilan
 */

.event a.mobile-link,
.post a.mobile-link,
.single-item a.mobile-link {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  /* edit: fixes overlap error in IE7/8,
     make sure you have an empty gif */
  background-image: url(design/i/blank.gif);
}

.event,
.post,
.single-item {
	position: relative;
}

.event a,
.post a,
.single-item a {
	position: relative;
	z-index: 2;
}










/**
 * DEFAULTS
 */

body {
	background: #f6f6f6;
	color: #5b5b5b;
	font-family: 'Inter', Tahoma, Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 13px;
	line-height: 19px;
	padding-top: 72px;
}

h1 {
	font-size: 24px;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
}

.slider h1 {
	font-size: 28px;
}

h2 {
	font-size: 17px;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}

h3 {
	font-size: 17px;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}

strong {
	font-weight: 900;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}


/**
 * WRAPPER
 */

.wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.icon {
	display: inline-block;
	width: 26px;
	height: 26px;
	*margin-right: .3em;
	line-height: 16px;
	vertical-align: text-top;
	background-image: url("i/sprite-icons.png");
	background-position: 16px 16px;
	background-repeat: no-repeat;
}


/**
 * HEADER
 */

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 61px;
	z-index: 1000;
	background-color: #fff;
}

#header .wrapper {
	height: 61px;
}

#header .shadow {
	position: absolute;
	bottom: -8px;
	left: 0;
	height: 8px;
	width: 960px;
	background: transparent url(design/i/header-shadow.png) no-repeat center top;
	z-index: 1;
}


/**
 * Logo
 */

#logo {
	position: absolute;
	top: 11px;
	left: 0;
	width: 160px;
	height: 42px;
	display: block;
}

#logo a,
#logo a:link,
#logo a:visited,
#logo a:hover {
	display: block;
	width: 160px;
	height: 42px;
	color: #fff;
	text-indent: -9999px;
	background: transparent url(design/i/sprite-icons.png) no-repeat -16px -16px;
}

#logo a:active {
	background-position: -15px -15px;
}


/**
 * MAIN MENU
 */

.mobile-search,
.mobile-menu {
	display: none;
}

.nav-toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	position: absolute;
	top: 14px;
	right: 12px;
	z-index: 200;
}

.nav-toggle span {
	display: block;
	width: 22px;
	height: 2px;
	background: #3e3e3e;
	margin: 5px 0;
	border-radius: 2px;
	transition: background 0.2s;
}

#main-menu ul {
	position: absolute;
	top: 0px;
	right: 0px;
}

#main-menu li {
	float: left;
	margin-left: 1px;
}

#main-menu li a,
#main-menu li a:link,
#main-menu li a:visited {
	display: block;
	padding: 25px 12px 26px;
	height: 14px;
	color: #3e3e3e;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}

#main-menu li a:hover,
#main-menu li a:active {
	color: #fff;
	background-color: #686767;
}

#main-menu li.active a,
#main-menu li.active a:hover,
#main-menu li.active a:active {
	display: block;
	color: #fff;
	background-color: #008bd2;
	cursor: default;
}

/**
 * Main menu - count
 */

#main-menu .menu-count {
	padding: 2px 2px;
	position: absolute;
	left: 26px;
	top: 12px;
	color: #fff;
	font-size: 9px;
	line-height: 9px;
	font-family: 'Inter', Tahoma, Helvetica, Arial, sans-serif;
	text-align: center;
	font-weight: 900;
	background-color: #008bd2;
        -webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #fff;
}

#main-menu li a:hover .menu-count {
	color: #686767;
	background-color: #fff;
        border: 2px solid #686767;
}

#main-menu li.active .menu-count,
#main-menu li.active:hover .menu-count {
	color: #008bd2;
	background-color: #fff;
        border: 2px solid #008bd2;
}

/**
 * Main menu - title
 */

#main-menu ul li .menu-title {
	margin-left: 5px;
}

#main-menu ul li.menu-home .menu-title {
	display: none;
}

/**
 * Main menu - icons
 */

#main-menu .icon {
	margin-top: -5px;
	margin-bottom: 5px;
}

.icon-home {
	background-position: -112px -160px;
}

#main-menu li.active .icon-home,
#main-menu li a:hover .icon-home {
	background-position: -160px -160px;
}

.icon-news {
	background-position: -112px -112px;
}

#main-menu li.active .icon-news,
#main-menu li a:hover .icon-news,
#main-menu li.submenu:hover a.parent-link .icon-news {
	background-position: -160px -112px;
}

.icon-gallery {
	background-position: -16px -160px;
}

#main-menu li.active .icon-gallery,
#main-menu li a:hover .icon-gallery,
#main-menu li.submenu:hover a.parent-link .icon-gallery {
	background-position: -64px -160px;
}

.icon-events {
	background-position: -16px -112px;
}

#main-menu li.active .icon-events,
#main-menu li a:hover .icon-events,
#main-menu li.submenu:hover a.parent-link .icon-events {
	background-position: -64px -112px;
}

.icon-search {
    background-position: -144px -544px;
}

#main-menu li.active .icon-search,
#main-menu li a:hover .icon-search,
#main-menu li.submenu:hover a.parent-link .icon-search {
    background-position: -144px -592px;
}


/**
 * MAIN MENU - SUBMENU
 */

#main-menu li.submenu {
	position: relative;
}

#main-menu li.submenu .sub {
	display: none;
	position: absolute;
	margin-top: 61px;
	width: 180px;
	top: 0;
	left: -30px;
	-webkit-box-shadow:  0px 0px 9px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 9px 0px rgba(0, 0, 0, 0.2);
	z-index: 4;
}

#main-menu li.submenu:hover .sub,
#main-menu li.submenu:active .sub {
	display: block;
	cursor: pointer;
}

#main-menu li.submenu:hover a.parent-link,
#main-menu li.submenu:hover a.parent-link:link,
#main-menu li.submenu:hover a.parent-link:visited {
	color: #fff;
	background-color: #686767;
}

#main-menu li.submenu:hover li.active a.parent-link .menu-count,
#main-menu li.submenu:hover a.parent-link .menu-count ,
#main-menu li.submenu:hover a.parent-link:link .menu-count,
#main-menu li.submenu:hover a.parent-link:visited .menu-count{
	color: #686767;
	background-color: #fff;
        border: 2px solid #686767;
}

#main-menu li.submenu .sub ul {
	display: block;
	font-size: 12px;
	position: static;
	background-color: #fff;
	padding: 4px 0 4px 0;
}

#main-menu li.submenu .sub ul li {
	padding: 0;
	margin: 0;
	background-color: #fff;
	float: none;
}

#main-menu li.submenu .sub ul li:hover {
	background-color: #f2f2f2;
}

#main-menu li.submenu .sub a,
#main-menu li.submenu .sub a:link,
#main-menu li.submenu .sub a:visited,
#main-menu li.submenu.active .sub a,
#main-menu li.submenu.active .sub a:link,
#main-menu li.submenu.active .sub a:visited {
	display: block;
	padding: 7px 2px;
	margin: 0 12px;
	background-color: #fff;
	cursor: pointer;
	color: #3e3e3e;
	font-size: 12px;
	display: block;
	text-transform: none;
	border-top: 1px dotted #d1d1d1;
}

#main-menu li.submenu .sub li.active:hover,
#main-menu li.submenu .sub li.active a,
#main-menu li.submenu.active .sub li.active a {
	background-image: none;
	background-color: #fff;
	color: #008bd2;
	cursor: default;
}

#main-menu li.submenu .sub a:hover,
#main-menu li.submenu .sub a:active,
#main-menu li.submenu.active .sub a:hover,
#main-menu li.submenu.active .sub a:active {
	background-color: #f2f2f2;
	cursor: pointer;
	color: #008bd2;
}

#main-menu li.submenu .sub a .item-number {
	float: right;
	font-size: 11px;
	color: #6c6c6c;
}

#main-menu li.submenu .sub ul li:first-child a {
	border-top: none;
}

#main-menu li.submenu span.arrow-top {
	display: block;
	width: 16px;
	height: 7px;
	top: -7px;
	left: 82px;
	position: absolute;
	text-indent: -9999px;
	background: transparent url(design/i/sprite-icons.png) no-repeat -112px -80px;
	z-index: 6;
}

#main-menu li.submenu span.arrow {
    display: none;
}


#main-menu li.submenu.active .sub li:first-child a,
#main-menu li.submenu.active .sub li:first-child a:link,
#main-menu li.submenu.active .sub li:first-child a:visited {
    border-top: none;
}


/**
 * SEARCH
 */

#search-form {
	position: absolute;
	top: 15px;
	left: 172px;
	width: 190px;
	height: 35px;
}

#search-form form {
	width: 190px;
	position: relative;
}

#search-form input[type="text"] {
	border: 1px solid #e9e9e9;
	color: #b9b9b9;
	font-size: 12px;
	line-height: 12px;
	padding: 9px 31px 9px 8px;
	margin: 0;
	border: none;
	outline: none;
	width: 149px;
	height: 15px;
	display: inline-block;
	background-color: #f6f6f6;
        font: 500;
        font-family: 'Inter', Helvetica, Arial, sans-serif;

}

#search-form input[type="text"].inactive {
	border: 1px solid #f6f6f6;
	color: #b1b1b1;
	font-style: italic;
}

#search-form input[type="text"]:focus,
#search-form input[type="text"].active {
	border: 1px solid #e9e9e9;
	color: #363434;
	font-style: normal;
	background-color: #fff;
}

#search-form input[type="submit"] {
	position: absolute;
	top: 9px;
	right: 11px;
	text-indent: -9999px;
	width: 15px;
	height: 18px;
	border: none;
	outline: none;
	cursor: pointer;
	background: transparent url(design/i/sprite-icons.png) no-repeat -16px -80px;
}

#search-form:hover input[type="submit"],
#search-form input[type="submit"]:hover {
	background: transparent url(design/i/sprite-icons.png) no-repeat -48px -80px;
        opacity: 0.5;
}

#search-form .erase-button {
	display: none;
	position: absolute;
	top: 14px;
	right: -20px;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	border: none;
	outline: none;
	cursor: pointer;
	background: transparent url(design/i/sprite-icons.png) no-repeat -144px -80px;
        opacity: 0.6;
}

#search-form input[type="text"].active ~ .erase-button {
	display: block;
}

#search-form .erase-button:hover {
    opacity: 1;
}

/**
 * BANNER
 */

#banner-top {
	padding-bottom: 9px;
}

#banner-top {
    text-align: center;
}

#banner-top a {
	display: block;
}

#banner-top a.center {
	text-align: center;
}


/**
 * CONTENT
 */

#container.full-width .content {
	width: 960px;
}

#container.full-width #sidebar {
	display: none;
}


.content {
	width: 632px;
	float: left;
}


/**
 * Hero post
 */

.hero-post {
	margin-bottom: 20px;
}

.hero-post__inner {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}

.hero-post__img {
	display: block;
	width: 100%;
	height: 380px;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.hero-post__inner:hover .hero-post__img {
	transform: scale(1.03);
}

/* Stretch the title link across the whole card */
.hero-post__title a::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
}

.hero-post__title a,
.hero-post__title a:link,
.hero-post__title a:visited {
	color: #fff;
	text-decoration: none;
}

/* Keep category badge above the stretched link */
.hero-post__cat {
	position: relative;
	z-index: 1;
}

.hero-post__overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 48px 24px 20px;
	background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.4) 60%, transparent 100%);
}

.hero-post__cat {
	display: inline-block;
	background: #008bd2;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 3px 9px;
	border-radius: 2px;
	margin-bottom: 10px;
	text-decoration: none;
}

.hero-post__cat a,
.hero-post__cat a:link,
.hero-post__cat a:visited {
	color: #fff;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

.hero-post__title {
	margin: 0 0 10px;
	padding: 0;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.hero-post__meta {
	display: flex;
	align-items: center;
	gap: 12px;
}

.hero-post__excerpt {
	color: rgba(255,255,255,0.8);
	font-size: 13px;
	line-height: 1.4;
	flex: 1;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.hero-post__date {
	color: rgba(255,255,255,0.65);
	font-size: 12px;
	white-space: nowrap;
	flex-shrink: 0;
}


/**
 * POST STANDARD
 */

span.blue {
	color: #008bd2;
}

span.gray {
	color: #8e8e8e;
}

.post {
	margin-bottom: 25px;
}

.post h1,
.post h3 {
	color: #373737;
        font-size: 26px;
	line-height: 32px;
	margin-bottom: 5px;
	padding-top: 0;
	float: right;
	width: 418px;
        font-weight: 300;
}

.gallery h1,
.gallery h3,
.no-image h1,
.no-image h3 {
	width: 100%;
	float: none;
}

.no-image.with-icons h1,
.no-image.with-icons h3 {
	width: 632px;
}

.post h1 a,
.post h1 a:link,
.post h1 a:visited,
.post h3 a,
.post h3 a:link,
.post h3 a:visited {
	color: #373737;
	text-decoration: none;
}

.post.sponsored h1,
.post.sponsored h1 a,
.post.sponsored h1 a:link,
.post.sponsored h1 a:visited,
.post.sponsored h3,
.post.sponsored h3 a,
.post.sponsored h3 a:link,
.post.sponsored h3 a:visited {
	color: #ff6000;
}

.post h1 a:hover,
.post h1 a:active,
.post:hover h1 a,
.post:hover h1 a:link,
.post:hover h1 a:visited,
.post h3 a:hover,
.post h3 a:active,
.post:hover h3 a,
.post:hover h3 a:link,
.post:hover h3 a:visited {
	color: #008bd2;
	text-decoration: none;
}

.post:hover p {
	color: #8e8e8e;
}

.post:hover .post-thumbnail {
	border-right: 10px solid #008bd2;
	width: 194px;
        margin-bottom: 0;
        padding-bottom: 0;
}

.post:hover .post-thumbnail img {
	opacity: 0.7;
}

.with-icons.post:hover .post-thumbnail {
	border: none;
	width: 28px;
        height: auto;
        min-height: 62px;
        margin-bottom: 0;
        padding-bottom: 0;
}


/**
 * Post excerpt
 */

.post-excerpt {
	float: right;
	width: 418px;
}

.gallery .post-excerpt,
.no-image .post-excerpt {
	width: 100%;
	float: none;
}

.no-image.with-icons .post-thumbnail {
	width: 28px;
}

.no-image.with-icons .post-excerpt {
	width: 594px;
	float: right;
}

/**
 * Post thumbnail
 */

.post-thumbnail {
	position: relative;
	float: left;
	margin-right: 10px;
	width: 204px;
        height: 121px;
	overflow: hidden;
}

.post-thumbnail a {
    float: left;
    display: block;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 0;
}

.post-thumbnail:active {
	background-image: none;
	margin-top: 1px;
	margin-bottom: -1px;
}

.with-icons .post-thumbnail {
	height: 77px;
	width: 25px;
}


/**
 * Post icons
 */

.post-icons {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 77px;
	z-index: 100;
	display: block;
}

.post-icons .icon {
	position: static;
	display: inline-block;
	background-color: #686767;
	margin-bottom: 1px;
	width: 25px;
	height: 25px;
        opacity: 0.7;
}

.post-icons .icon:hover {
	background-color: #008bd2;
        opacity: 1;
}

.post-icons .tooltip {
	text-indent: -9999px;
}

.icon-photo {
	background-position: -12px -202px;
}

.icon-event {
	background-position: -76px -204px;
}

.icon-gift {
	background-position: -140px -204px;
}

.post-meta .icon {
	position: static;
	display: inline-block;
	width: 16px;
	height: 12px;
}

.icon-comments {
	background-position: -80px -80px;
	margin-top: 2px;
}


/**
 * Post meta
 */

.post-meta {
	padding: 0 0 2px;
	color: #b6b6b6;
	font-size: 12px;
}

.post-meta .bullet {
	color: #c6c6c6;
}

.post-meta a,
.post-meta a:link,
.post-meta a:visited {
	color: #7c7c7c;
	text-decoration: none;
}

.post-meta a.author,
.post-meta a.author:link,
.post-meta a.author:visited {
	color: #008bd2;
	text-decoration: none;
}

.post-meta a:hover,
.post-meta a:active,
.post-meta a.author:hover,
.post-meta a.author:active {
	color: #008bd2;
	text-decoration: underline;
}

.post-meta .comments {
	font-weight: 300;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}


/**
 * DETAILS
 */

.details .post-header {
	margin-bottom: 10px;
	position: relative;
}

.post-header .post-title {

	padding: 14px 15px 14px;
	width: auto;
        background-color: #fff;
}

.post-header .post-title h1 {
	font-weight: 300;
	padding-bottom: 0px;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-size: 32px;
	width: 100%;
	line-height: 36px;
	color: #008bd2;
	width: auto;
	float: none;
}

.post-header .post-meta {
	width: auto;
	float: none;
}

.post-entry {
    padding: 0px 10px;
}

.details,
.details p,
.details ul,
.details ol {
 	font-size: 14px;
	line-height: 22px;
	color: #5b5b5b;
}

.details ul {
    list-style-type: disc;
    margin-left: 30px;
    margin-bottom: 10px;
}
.details ol {
    margin-left: 30px;
    list-style-type: decimal;
    margin-bottom: 10px;
}

.details p,
.details blockquote {
	margin-bottom: 10px;
}

.details:hover p {
	color: #5b5b5b;
}

.details h2 {
	padding: 5px 0 8px;
	color: #6e6e6e;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-size: 22px;
}

.details blockquote {
	padding: 30px;
	font-size: 16px;
	line-height: 26px;
	background: transparent url(design/i/quote.png) no-repeat 10px 10px;
	font-weight: 600;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}

.details .intro-text {
	font-size: 14px;
	line-height: 18px;
}

.details a,
.details a:link,
.details a:visited {
	color: #008bd2;
	text-decoration: none;
}

.details a:hover,
.details a:active{
	color: #008bd2;
	text-decoration: underline;
}


/**
 * DETAILS RETURN
 */

.back-button {
	width: 100%;
}

.back-button a,
.back-button a:link,
.back-button a:visited {
	display: inline-block;
	padding: 9px 19px 8px;
	color: #8b8b8b;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 900;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}

.back-button a:hover,
.back-button a:active {
	color: #ffffff;
	background: #008bd2;
}


/**
 * POST GALLERY
 */

.details .gallery {
	margin-bottom: 10px;
	background-color: #efefef;
	padding: 10px 6px 6px;
}

.details .gallery h3 {
	font-size: 18px;
	margin-bottom: 8px;
	color: #008bd2;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}

.details .gallery .gallery-thumbs {
	margin-left: -2px;
	width: 624px
}

.details .gallery .gallery-thumbs a {
	float: left;
	margin: 2px;
	width: 100px;
	height: 59px;
	display: block;
}


/**
 * TAGS
 */

.post-tags {
	padding: 12px 9px;
	border-top: 1px dotted #d4d4d4;
	font-size: 12px;
}

.post-tags .h3 {
	color: #a4a4a4;
	padding-right: 10px;
}

.post-tags .divider {
	color: transparent;
}


/**
 * POST AUTHOR
 */

.post-author {
	background-color: #efefef;
	padding: 13px;
        margin-bottom: 2px;
        width: 607px;
}

.profile-image {
	float: left;
	width: 98px;
	margin-right: 13px;
}

.profile-info {
	width: 495px;
	float: left;
}

.profile-info h1 {
	width: 100%;
	float: none;
        font-size: 24px;
}

.profile-stats a,
.profile-stats a:link,
.profile-stats a:visited {
    color: #373737
}
.profile-stats a:hover,
.profile-stats a:active {
    color: ##008bd2;
}


/**
 * GALLERY TEASER
 */

.gallery-teaser {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin: 8px 0 5px;
}

.image-large,
.image-thumb {
	float: left;
}

.image-large a:hover,
.image-large a:active {
	opacity: 0.7;
}


.image-thumb {
	margin-left: 2px;
	margin-bottom: 2px;
	width: 100px;
	height: 100px;
}

.image-thumb a,
.image-thumb a:link,
.image-thumb a:visited {
	display: block;
	color: #686767;
	text-decoration: none;
}

.image-thumb a:hover,
.image-thumb a:active {
	color: #008bd2;
	opacity: 0.7;
}

.image-thumb.total {
	display: block;
	text-align: center;
	line-height: 1.2;
}

.total {
	margin: 0 2px 0 0;
}

.total .large-font {
	margin-top: 23px;
	font-size: 30px;
	display: block;
	font-weight: 300;
	font-family: 'Inter', Tahoma, Helvetica, Arial, sans-serif;
}

.total .small-font {
	font-size: 9px;
	text-transform: uppercase;
	display: block;
}


/**
 * CATEGORY TITLE
 */

.category-title {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 4px solid #d4d4d4;
}

.category-title h1 {
	width: 100%;
	font-size: 32px;
	line-height: 38px;
	font-weight: 700;
}

h1 .icon-gallery {
    position: relative;
    top: 4px;
}

.category-title .orange,
span.search-result-item {
	/* white-space: nowrap; */
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	color: #ff6000;
}


/**
 * CALENDAR
 */

.fullwidth-title {
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 18px;
	margin-bottom: 10px;
	position: relative;
}

.fullwidth-title h1 {
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	color: #008bd2;
}

.fullwidth-title .filter {
    display: inline-block;
    position: relative;
}

.fullwidth-title .filter label {

    line-height: 13px;
    font-size: 13px;
}

.fullwidth-title input {
	display: inline-block;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	color: #008bd2;
	font-size: 14px;
        line-height: 14px;
	background-color: #fff;
	color: #008bd2;
	text-decoration: none;
	border: 1px solid #ddd;;
	outline: none;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        padding: 4px 8px;

}

.fullwidth-title .archive,
.fullwidth-title .archive:link,
.fullwidth-title .archive:visited {
	position: absolute;
	top: 0;
	right: 328px;
	text-align: right;
	width: auto;
	height: 16px;
	padding: 9px 8px;
	float: left;
	color: #9f9f9f;
	text-decoration: none;
}

.fullwidth-title .archive:hover,
.fullwidth-title .archive:active {
	color: #008bd2;
}

.fullwidth-title .view-options {
	position: absolute;
	top: 0;
	right: 0px;
}

.fullwidth-title .view-options .view-title {
	width: auto;
	height: 16px;
	padding: 9px 8px;
	float: left;
	color: #9f9f9f;
}

.view-gallery {
	-webkit-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;
	background-image: url(design/i/sprite-icons.png);
	background-position: -6px -502px;
	background-repeat: no-repeat;
}

.view-list {
	background-image: url(design/i/sprite-icons.png);
	background-position: -70px -502px;
	background-repeat: no-repeat;
}

.view-map {
	-webkit-border-radius: 0px 2px 2px 0px;
		background-image: url(design/i/sprite-icons.png);
	background-position: -136px -503px;
	background-repeat: no-repeat;
}

.view-options .button-link:last-child {
	border-radius: 0px 2px 2px 0px;
}

.fullwidth-title .view-options .button-link,
.fullwidth-title .view-options .button-link:link,
.fullwidth-title .view-options .button-link:visited {
	background-color: #d1d1d1;
	color: #fff;
	display: block;
	width: 24px;
	height: 16px;
	padding: 9px 8px;
	text-indent: -9999px;
	float: left;
}

.fullwidth-title .view-options .button-link:hover,
.fullwidth-title .view-options .button-link:active,
.fullwidth-title .view-options .button-link.active {
	background-color: #008bd2;
	color: #fff;
}

.add-event,
.add-event:link,
.add-event:visited {
        display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 145px;
	text-align: center;
	text-decoration: none;
	background-color: #80d200;
	font-weight: 300;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	color: #fff;
	display: block;
	padding: 7px 5px;
	border: 1px solid #6db200;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}

.add-event:hover,
.add-event:active {
	background-color: #6db200;
	color: #fff;
}


/**
 * FILTER BREADCRUMBS
 */

.filtered-by {
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 7px;
	margin-bottom: 5px;
	position: relative;
}

.filtered-by .icon {
	width: 12px;
	height: 12px;
	line-height: 6px;
}

.filtered-by .icon-close {
	background-position: -144px -80px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 7px;
	right: 5px;
}

.filtered-by .tag {
	line-height: 16px;
	background-color: #ccc;
	padding: 3px 20px 3px 5px;
	position: relative;
	display: inline-block;
	font-size: 11px;
}

.filtered-by a,
.filtered-by a:link,
.filtered-by a:visited {
	color: #676767;
	background-color: #efefef;
	text-decoration: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.filtered-by a:hover,
.filtered-by a:active {
	background-color: #008bd0;
	color: #fff;
}

.filtered-by a:hover .icon-close,
.filtered-by a:active .icon-close{
	background-position: -176px -80px;
}

/**
 * CALENDAR
 */

.calendar .day {
	display: block;
        width: 632px;
        float: left;
}

.calendar .date {
	padding: 10px;
	background-color: #008bd2;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}

.calendar .event {
	padding: 10px;
	border-top: 1px solid #d4d4d4;
}

.calendar .event:first-child {
	border-top: none;
}

.calendar .event .post-thumbnail {
	float: left;
	width: 154px;
        margin-right: 10px;
        height: auto;
}

.calendar .event .post-thumbnail a {
    float: left;
}

.calendar .event .post-thumbnail img {
    float: left;
}

.calendar .event h1 {
	float: left;
        text-align: left;
	width: 354px;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #008bd2;
}

.calendar .event h1 a,
.calendar .event h1 a:link,
.calendar .event h1 a:visited {
	color: #686767;
	text-decoration: none;
}

.calendar .event h1 a:hover,
.calendar .event h1 a:active,
.calendar .event:hover h1 a,
.calendar .event:hover h1 a:link,
.calendar .event:hover h1 a:visited {
	color: #008bd2;
}

.calendar .event .post-excerpt {
	float: left;
}

.calendar .event .location,
.calendar .event .location:link,
.calendar .event .location:visited {
	color: #7c7c7c;
	text-decoration: underline;
}

.calendar .event .gift,
.calendar .event .gift:link,
.calendar .event .gift:visited {
	color: #008bd2;
	text-decoration: none;
}

.calendar .event .location:hover,
.calendar .event .location:active {
	color: #008bd2;
}

.calendar .event .gift:hover,
.calendar .event .gift:active {
	color: #008bd2;
	text-decoration: underline;
}

.calendar .event:hover p {
	color: #8e8e8e;
}

.calendar .post-excerpt .gift .icon-gift,
.ui-tooltip .post-excerpt .gift .icon-gift {
	background-position: -176px -208px;
	height: 16px;
}

.calendar .no-events {
	margin-bottom: 10px;
}


.content.fullwidth {
	width: 100%;
}

.calendar.table .calendar-content .day-dot,
.calendar.table .calendar-content .event .post-thumbnail,
.calendar.table .calendar-content .event p,
.calendar.table .calendar-content .event .location,
.calendar.table .calendar-content .event .divider,
.calendar.table .calendar-content .event .mobile-link {
	display: none;
}

.calendar.table .calendar-content .day-name {
    text-transform: uppercase;
}

.calendar.table .calendar-content {
	margin-left: -3px;
	width: 966px;
}

.calendar.table .calendar-content .day {
	width: 132px;
	float: left;
	margin: 3px;
	padding: 7px 0;
	background-color: #ffffff;
	float: left;
}

.calendar.table .calendar-content .event:hover{
 background-color: #eee
}

.calendar.table .calendar-content .hour {
	font-size: 10px;
	line-height: 14px;
	display: inline-block;
	width: auto;
	padding: 1px 0 0 0;
	margin: 0;
        position: absolute;
        top: 4px;
        left: 9px;
	font-weight: 900;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}


.calendar.table .calendar-content .day.previous-month,
.calendar.table .calendar-content .day.next-month,
.calendar.table .calendar-content .day.passed {
	opacity: 0.5;
}

.calendar.table .calendar-content .day:hover {
	opacity: 1;
}

.calendar.table .calendar-content .date {
	background-color: transparent;
	color: #008bd2;
	padding: 0 9px 3px;
}

.calendar.table .calendar-content .event {
	padding: 5px 9px 5px;
	border-top: none;
	border-top: 1px solid rgba(127,127,127,0.2);
	float: none;
}

.calendar.table .calendar-content .event h1,
.calendar.table .calendar-content .event h1 a {
	float: none;
	width: 100px;
        padding-top: 15px;
        font-size: 14px;
	line-height: 15px;
	font-weight: 500;
        letter-spacing: 0;
	font-family: 'Inter', Helvetica, Arial, sans-serif;

}

.calendar.table .calendar-content .sponsored h1 {
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}


.calendar.table .calendar-content .day.today .event {

        border-top: 1px solid rgba(255,255,255,0.3);
}

.calendar.table .calendar-content .day.today {
	background-color: #008bd2;
	color: #fff;
}

.calendar.table .calendar-content .day.today .date {
	color: #fff;
}

.calendar.table .calendar-content .day.today .hour {
	color: #fff;
        position: absolute;
}

.calendar.table .calendar-content .day.today a,
.calendar.table .calendar-content .day.today a:link,
.calendar.table .calendar-content .day.today a:visited {
	color: #fff;
}

.calendar.table .calendar-content .day.today .event:hover a,
.calendar.table .calendar-content .day.today .event:hover a:link,
.calendar.table .calendar-content .day.today .event:hover a:visited,
.calendar.table .calendar-content .day.today .event:hover .hour,
.calendar.table .calendar-content .day.today a:hover,
.calendar.table .calendar-content .day.today a:active {
        color: #008BD2;
}

.calendar.table .calendar-content .day.today .event.sponsored:hover a,
.calendar.table .calendar-content .day.today .event.sponsored:hover a:link,
.calendar.table .calendar-content .day.today .event.sponsored:hover a:visited,
.calendar.table .calendar-content .day.today .event.sponsored:hover .hour {
    color: #fff;
    text-decoration: underline;
}

.calendar.table .calendar-content .day.today .event.sponsored:hover .hour {
    text-decoration: none;
}

.calendar.table .calendar-content .day.previous-month .date,
.calendar.table .calendar-content .day.next-month .date,
.calendar.table .calendar-content .day.passed .date {
	color: #a5a5a5;
}

.calendar.table .calendar-content .day.previous-month a,
.calendar.table .calendar-content .day.previous-month a:link,
.calendar.table .calendar-content .day.previous-month a:visited,
.calendar.table .calendar-content .day.next-month a,
.calendar.table .calendar-content .day.next-month a:link,
.calendar.table .calendar-content .day.next-month a:visited,
.calendar.table .calendar-content .day.passed a,
.calendar.table .calendar-content .day.passed a:link,
.calendar.table .calendar-content .day.passed a:visited {
	color: #a5a5a5;
}

.calendar.table .calendar-content .day.previous-month a:hover,
.calendar.table .calendar-content .day.previous-month a:active,
.calendar.table .calendar-content .day.next-month a:hover,
.calendar.table .calendar-content .day.next-month a:active,
.calendar.table .calendar-content .day.passed a:hover,
.calendar.table .calendar-content .day.passed a:active {
	color: #008bd2;
}

.calendar.list .calendar-content .week-days,
.calendar.list .calendar-content .day.previous-month,
.calendar.list .calendar-content .day.passed,
.calendar.list .calendar-content .day.no-events {
	display: none;
}

.calendar.list .calendar-content .date {
    text-transform: uppercase;
    font-size: 18px;
}

.calendar {
	padding-bottom: 10px;
}

.calendar.list .calendar-content .day .event:last-child {
	border-bottom: none;
}

.calendar .week-days .day {
	background-color: transparent;
	color: #686767;
	font-weight: 900;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	border: none;
	padding-bottom: 0;
}

.calendar .week-days .day:hover {
	border: none;
}

.calendar.table .calendar-content .event.sponsored {
	height: 87px;
	display: block;
	position: relative;
	padding: 0;
        margin: 0 0;
}

.calendar.table .calendar-content .event.sponsored .post-thumbnail {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 1;
	display: block;
	padding: 0;
	margin: 0;
        height: 87px;
        width: 132px;
        overflow: hidden;
}

.calendar.table .calendar-content .event.sponsored .post-thumbnail img {
	height: 87px;
	padding: 0;
	margin: 0;
}

.calendar.table .calendar-content .event.sponsored .hour {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	z-index: 3;
	color: #fff;
	text-shadow: 0px 1px 3px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
}

.calendar.table .calendar-content .event.sponsored h1 {
	position: absolute;
	display: block;
	bottom: 8px;
	left: 0px;
	color: #fff;
	padding: 0 9px;
	margin: 0;
	text-shadow: 0px 1px 3px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
}

.calendar.table .calendar-content .event.sponsored h1 a,
.calendar.table .calendar-content .event.sponsored h1 a:link,
.calendar.table .calendar-content .event.sponsored h1 a:visited {
	color: #fff;
}

.calendar.table .calendar-content .event.sponsored h1 a:hover,
.calendar.table .calendar-content .event.sponsored h1 a:active {
	text-decoration: underline;
}

.calendar.table .calendar-content .event.sponsored:hover,
.calendar.table .calendar-content .event.sponsored:active,
.calendar.table .calendar-content .event.sponsored:hover a {
	text-decoration: underline;
}



.ui-tooltip .hour {
	display: none;
}

.ui-tooltip .post-thumbnail {
	width: 100px;
	float: left;
	margin-right: 7px;
}

.ui-tooltip .post-thumbnail img {
	margin-left: -25px;
}

.ui-tooltip h1 {
	line-height: 110%;
	padding-bottom: 0px;
	float: right;
	width: 255px;
	text-align: left;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}

.ui-tooltip h1 a,
.ui-tooltip h1 a:link,
.ui-tooltip h1 a:visited {
	color: #008bd2;
	text-decoration: none;
}

.ui-tooltip h1 a:hover,
.ui-tooltip h1 a:active{
	color: #008bd2;
	text-decoration: underline;
}

.ui-tooltip .post-excerpt {
	width: 245px;
	float: left;
}



/**
 * COLUMN TITLE
 */

.column-title {
	width: 100%;
	border-top: 4px solid #d4d4d4;
	padding-top: 15px;
	margin-bottom: 15px;
	position: relative;
}

.list .column-title {
	margin-bottom: 20px;
}

.column-title h2 {
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	color: #008bd2;
	font-size: 22px;
	text-transform: uppercase;
}

.column-title .view-options a,
.column-title .view-options a:link,
.column-title .view-options a:visited {
	position: static;
	text-align: right;
	width: auto;
	padding: 0;
	color: #008bd2;
	text-decoration: none;
}

.column-title .view-options a:hover,
.column-title .view-options a:active {
	color: #008bd2;
	text-decoration: underline;
}

.column-title .view-options {
	position: absolute;
	top: 8px;
	right: 0;
	height: 16px;
	padding: 9px 8px;
	color: #9f9f9f;
}


/**
 * GALLERY LIST
 */

.gallery h2,
.photogallery .post-icons,
.photogallery.table .post h1,
.photogallery.table .post h3,
.photogallery.table .post-excerpt,
.photogallery.table .image-thumb,
.photogallery.table .post-meta .bullet {
	display: none;
}

.content.photogallery.table {
    width: 642px;
}

.photogallery.table {
	margin-left: -10px;
}

.photogallery.table .gallery {
	width: 204px;
	margin-left: 10px;
	float: left;
}

.photogallery.table .gallery-teaser {
	height: 125px;
	margin-top: 0;
	padding-top: 0;
}

.photogallery.table .gallery .image-large {
	height: 125px;
}

.photogallery.table .gallery .image-large img {
	width: 100%;
}

.photogallery.table .gallery-teaser {
	float: left;
}

.photogallery.table .post {
	position: relative;
}

.photogallery.table .no-wrap .bullet {
	display: inline;
}

.photogallery.table .no-wrap {
	display: block;
}

.photogallery.table .post h2 {
	display: block;
	font-size: 17px;
	line-height: 21px;
}

.photogallery.table .post h2 a,
.photogallery.table .post h2 a:link,
.photogallery.table .post h2 a:visited {
	color: #373737;
	text-decoration: none;
}

.photogallery.table .post h2 a:hover,
.photogallery.table .post h2 a:active {
	color: #008bd2;
	text-decoration: none;
}


/**
 * PAGINATOR
 */

.paginator {
    clear: both;
    width: 100%;
	text-align: center;
	margin: 10px 0 20px;
}

.paginator ul {
	font-size: 11px;
	margin: 0 auto;
	display: inline-block;
}
.paginator ul li {
	float: left;
	margin: 0 2px;
}

.paginator a,
.paginator a:link,
.paginator a:visited {
	display: block;
	font-size: 14px;
	color: #686767;
	background-color: #eeeeee;
	padding: 4px 9px;
	text-decoration: none;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}
.paginator a:hover {
	color: #fff;
	background-color: #008bd2;
}

.paginator a:active {
	margin-top: 1px !important;
	margin-bottom: -1px !important;

}

.paginator li.active a {
	color: #fff;
	background-color: #797979;
	cursor: default;
}

.paginator li.inactive a {
	color: #dad9d9;
	background-color: transparent;
	cursor: default;
}

.paginator .elipsis {
	display: block;
	padding: 7px 10px 3px;
}

.paginator .previous a,
.paginator .next a {
	font-weight: normal;
}





/**
 * SIDEBAR
 */

.sidebar {
	margin-left: 8px;
	width: 320px;
	float: left;
}

.widget {
	margin-bottom: 10px;
}

.sidebar hr {
	color: #777676;
	background-color: #777676;
	height: 1px;
	border: none;
}


/**
 * Tab box
 */

.tab-menu {
	background: #eeeeee;
	position: relative;
	border-bottom: 1px solid #d7d7d7;
}

.tab-menu ul li {
	float: left;
	font-size: 12px;
	border-right: 1px solid #e7e7e7;
}

.tab-menu ul li.last {
	border-right: none;
}

.tab-menu ul li a,
.tab-menu ul li a:link,
.tab-menu ul li a:visited {
	display: block;
	padding: 9px 14px 8px;
	color: #8b8b8b;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 900;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}

.tab-menu ul li a:hover,
.tab-menu ul li a:active,
.tab-menu ul li.active a,
.tab-menu ul li.active a:link,
.tab-menu ul li.active a:visited {
	color: #ffffff;
	background: #008bd2;
}


/**
 * SINGLE ITEM
 */

.gallery.widget {
	padding-bottom: 10px;
}

.single-item {
	border-top: 1px solid #e7e7e7;
	padding: 7px 9px 4px;
	position: relative;
}

.gallery.widget .single-item {
	border-top: none;
	padding: 7px 9px 0px;
}

.single-item:first-child {
	border-top: none;
}

.list .event.sponsored,
.single-item.sponsored {
	border-top: 1px solid #008bd2;
	background-color: #eeeeee;
}

.single-item:hover,
.single-item.sponsored:hover {
	opacity: 0.7;
}


.single-item .time,
.single-item .divider,
.single-item .location,
.single-item .text,
.single-item .author {
	font-size: 12px;
	line-height: 16px;
}

.single-item .time {
	color: #686767;
	font-size: 11px;
	font-weight: 900;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}

.single-item .image {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 8px;
	margin-top: 4px;
}

.single-item .text {
	float: left;
	width: 234px;
	padding-bottom: 3px;
}

.gallery.widget .single-item .text {
	float: left;
	width: 234px;
	padding-bottom: 3px;
}

.single-item .title {
	display: block;
	font-size: 15px;
	line-height: 17px;
	padding: 2px 0 3px;
	color: #373737;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}

.single-item .icon-gift {
	width: 14px;
	height: 16px;
	background-position: -176px -207px;
}

.single-item span.sponsored {
	text-transform: uppercase;
	color: #686767;
	font-size: 8px;
	position: absolute;
	top: 8px;
	right: 8px;
}

.sponsored .icon-star {
	width: 15px;
	height: 15px;
	background-position: -48px -240px;
}

.single-item a,
.single-item a:link,
.single-item a:visited {
	text-decoration: none;
	color: #373737;
}


.single-item.sponsored a,
.single-item.sponsored a:link,
.single-item.sponsored a:hover {
	color: #ff6000;
}

.single-item .location,
.single-item .location:link,
.single-item .location:visited {
	color: #a9a9a9;
	text-decoration: none;
}

.single-item:hover .title,
.single-item:hover .title:link,
.single-item:hover .title:visited {
	color: #008bd2;
}

.single-item a:hover,
.single-item a:active {
	color: #008bd2;
}

.single-item .location:hover,
.single-item .location:active {
	color: #008bd2;
	text-decoration: underline;
}


/**
 * FACEBOOK WIDGET
 */

.facebook.widget {
	background-color: #efefef;
	padding: 10px;
}


/**
 * BANNER
 */

.banner {
	background-color: #efefef;
	padding: 10px;
}

.banner:hover,
.banner:active {
	opacity: 0.7;
}

.banner img {
    float: left;
}


/**
 * CATEGORY MENU
 */

.widget-title,
#sidebar .wp-block-group h2 {
	text-transform: uppercase;
	color: #008bd2;
	font-weight: 700;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.08em;
	padding: 0 0 8px;
	margin: 0 0 12px;
	border-bottom: 2px solid #008bd2;
}

/* Sidebar widget card */
#sidebar .widget {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	padding: 16px;
	margin-bottom: 16px;
}

/* Recent Posts list */
#sidebar .widget_recent_entries ul,
#sidebar .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar .widget_recent_entries ul li,
#sidebar .widget ul li {
	border-bottom: 1px solid #f0f0f0;
	padding: 8px 0;
}

#sidebar .widget_recent_entries ul li:last-child,
#sidebar .widget ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#sidebar .widget_recent_entries ul li a,
#sidebar .widget ul li a {
	color: #333;
	text-decoration: none;
	font-size: 13px;
	line-height: 1.4;
	display: block;
}

#sidebar .widget_recent_entries ul li a:hover,
#sidebar .widget ul li a:hover {
	color: #008bd2;
}

/* Search widget */
#sidebar .widget_search input[type="text"],
#sidebar .widget_block input[type="search"] {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 13px;
	box-sizing: border-box;
	outline: none;
}

#sidebar .widget_search input[type="text"]:focus,
#sidebar .widget_block input[type="search"]:focus {
	border-color: #008bd2;
}

#sidebar .widget_search input[type="submit"],
#sidebar .widget_block button[type="submit"] {
	margin-top: 8px;
	background: #008bd2;
	color: #fff;
	border: none;
	padding: 7px 14px;
	border-radius: 3px;
	font-size: 12px;
	cursor: pointer;
	font-weight: 600;
}

#sidebar .widget_search input[type="submit"]:hover,
#sidebar .widget_block button[type="submit"]:hover {
	background: #0079b8;
}

/* Recent Comments */
#sidebar .widget_recent_comments ul li {
	font-size: 12px;
	color: #777;
	line-height: 1.4;
}

#sidebar .widget_recent_comments ul li a {
	font-size: 12px;
}

.category-menu ul {
	border-top: 1px solid #d1d1d1;
}

.category-menu li .item-number {
	float: right;
	color: #b0b0b0;
	font-size: 14px;
}

.category-menu li a,
.category-menu li a:link,
.category-menu li a:visited {
	display: block;
	border-top: 1px dotted #d1d1d1;
	color: #686767;
	font-size: 16px;
	padding: 9px 13px;
	text-decoration: none;
}

.category-menu li a:hover,
.category-menu li a:active,
.category-menu li.active a {
	border-top: 1px solid #008bd2;
	background-color: #008bd2;
	color: #fff;
}

.category-menu li a:hover .item-number,
.category-menu li a:active .item-number,
.category-menu li.active a .item-number  {
	color: #fff;
}

.category-menu ul li:first-child a {
	border-top: none;
}

.category-menu a .arrow {
	display: none;
}

.category-menu li.active a .arrow {
	display: inline-block;
	width: 9px;
	height: 16px;
	background: transparent url(design/i/sprite-icons.png) no-repeat -16px -448px;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}


/**
 * BUTTONS
 */

.button-holder {
	padding: 10px 15px !important;
	margin-left: auto;
	margin-right: auto;
}

.button a,
.button a:link,
.button a:visited,
.button,
.button:link,
.button:visited {
	display: block;
	font-size: 11px;
	font-weight: 900;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	color: #9b9b9b;
	padding: 4px 9px;
	background-color: #f6f6f6;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #c4c4c4;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.2),
		inset 0px 0px 10px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.2),
		inset 0px 0px 10px rgba(255,255,255,1);
	text-decoration: none;
	text-align: center;
}
.button a:hover,
.button:hover {
	border: 1px solid #999999;
	background-color: #ececec;
	color: #8c8c8c;
}

.button a:active,
.button:active {
	margin-top: 1px !important;
	margin-bottom: -1px !important;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.2),
		inset 0px 0px 0px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.2),
		inset 0px 0px 0px rgba(255,255,255,1);
	background-color: #f6f6f6;

}

.button.active,
.button a.active {
	background-image: none;
	background-color: #f2f2f2;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 12px rgba(000,000,000,0.2);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 12px rgba(000,000,000,0.2);
}

input[type="submit"].button,
input[type="submit"].button:link,
input[type="submit"].button:visited,
input[type="button"].button,
input[type="button"].button:link,
input[type="button"].button:visited {
	height: 26px !important;
}


/**
 * FOOTER
 */

#footer {
    background-color: #fff;
}

#footer .wrapper {
    padding: 20px 0 20px;
    font-size: 11px;
    color: #9e9e9e;
}

#footer a,
#footer a:link,
#footer a:visited {
    color: #9e9e9e;
    text-decoration: none;
}

#footer a:hover,
#footer a:active {
    color: #0fafe6;
}

.copyright {
    float: left;
}

.design-by {
    float: right;
}

.footer-menu {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-menu li {
    display: inline;
}

.footer-menu li + li::before {
    content: ' · ';
    color: #c8c8c8;
}





/**
 * CLEARFIX
 */

.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.clear { clear: both; }

.hide { display: none; }



/**
 * modal box
 */


/* Overlay helper */

#background-opacity {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 2000;
}

#modal {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 2001;
	padding: 20px;
	width: 620px;
	height: 440px;
	-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.5);
	margin: -240px 0 0 -330px;
	background-color: rgba(255,255,255,0.1);
}

#modal-container {
	position: relative;
	width: 540px;
	height: 380px;
	overflow: auto;
	background-color: #fff;
	padding: 30px 40px;
}

#modal-container h1,
#modal-container .h1 {
	font-size: 26px;
	font-weight: 900;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	color: #354661;
	line-height: 32px;
	padding-bottom: 3px;
}

#modal-container h2,
#modal-container .h2 {
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	color: #737272;
}

#modal-container p,
#modal-container .p {
	font-size: 12px;
	line-height: 15px;
}

#modal-container .column p,
#modal-container .column .p {
	font-size: 11px;
	line-height: 15px;
}

#modal-container .modal-details {
	padding-bottom: 10px;
}

#modal-container .column {
	float: left;
	width: 120px;
	margin-left: 20px;
	color: #636363;
}

#modal-container .column:hover {
	cursor: pointer;
}

#modal-container .column:hover .h2 {
	color: #354661;
}

#modal-container .column:hover .p {
	color: #363636;
}

#modal-container .column:hover .button {
	border: 1px solid #999999;
	background-color: #ececec;
	color: #8c8c8c;
}

#modal-container .modal-columns .column:first-child {
	margin-left: 0;
}

#modal-container .column span {
	display: block;
}

#modal-container .column a {
	display: block;
}

#modal-container .single-button {
	padding: 15px 0 7px;
}

#modal-container .close-button {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 14px;
	height: 16px;
	background: transparent url(design/i/sprite-icons.png) no-repeat -160px -64px;
	text-indent: -9999px;
}

#modal-container .modal-icon {
	background-image: url(design/i/sprite-icons.png);
	background-repeat: no-repeat;
	background-color: transparent;
	text-indent: -9999px;
	display: block;
	width: 78px;
	height: 78px;
	margin: 3px 15px 5px 0;
	float: left;
}

#modal-container .icon-news {
	background-position: -16px -432px;
}

#modal-container .icon-jobs {
	background-position: -16px -336px;
}

#modal-container .icon-events {
	background-position: -16px -240px;
}

#modal-container .icon-poll {
	background-position: -16px -528px;
}

#modal-container .column:hover .icon-news {
	background-position: -112px -432px;
}

#modal-container .column:hover .icon-jobs {
	background-position: -112px -336px;
}

#modal-container .column:hover .icon-events {
	background-position: -112px -240px;
}

#modal-container .column:hover .icon-poll {
	background-position: -112px -528px;
}

#modal-container .inline,
#modal-container .inline:link,
#modal-container .inline:visited {
	display: inline-block;
	width: auto;
	position: absolute;
	top: 20px;
	right: 50px;
	color: #636363;
	text-decoration: none;
}

#modal-container .inline:hover,
#modal-container .inline:active {
	color: #354661;
	text-decoration: underline;
}

.modal-details.form {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e3e3e3;
}

.desktop-hide {
	display: none;
}



/**
 * GALLERY SLIDER
 */
 /*! Fotorama 3.0.1 (v1426) | http://fotoramajs.com/license/ */
.fotorama__noise-bg,
.fotorama__noise,
.fotorama__thumbs_previews,
.fotorama__caption_overlay,
.fotorama_fullscreen .fotorama__caption {
	background-color: transparent;
}
.fotorama-outer,
.fotorama__caption-outer {
    margin: 0;
    padding: 0;
}
.fotorama {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    *zoom: 1;
    position: relative;
    margin: 0;
    padding: 0;
}
.fotorama img {
    max-width: 99999px !important;
    min-width: 0 !important;
    width: auto;
}
.fotorama:active,
.fotorama:focus { outline: none }
.fullscreen {
    background-color: #000;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}
.fullscreen * {
    visibility: hidden;
    overflow: visible;
}
.fotorama_fullscreen {
    visibility: visible;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: auto !important;
    z-index: 2147483647 !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.fotorama_fullscreen * { visibility: visible }
.fotorama_fullscreen .fotorama__wrap,
.fotorama_fullscreen .fotorama__thumbs { margin: 0 !important }
.fotorama_fullscreen.fotorama_fullscreen_quirks { position: absolute !important }
.fotorama__wrap {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    margin: 0;
    padding: 0;
    background-color: #000;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fotorama__noise {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:before,
.fotorama_shadows .fotorama__thumbs_previews:after {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 3px;
    bottom: 3px;
    width: 10px;
    height: auto;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -ms-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 333ms;
    -moz-transition-duration: 333ms;
    -ms-transition-duration: 333ms;
    -o-transition-duration: 333ms;
    transition-duration: 333ms;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -ms-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -webkit-backface-visibility: hidden;
    z-index: 10;
    *display: none !important;
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__thumbs_previews:before {
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    left: -25px;
}
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:after {
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    right: -25px;
}
.fotorama_shadows .fotorama__wrap_shadow:before,
.fotorama_shadows .fotorama__thumbs_shadow:before { left: -10px }
.fotorama_shadows .fotorama__wrap_shadow:after,
.fotorama_shadows .fotorama__thumbs_shadow:after { right: -10px }
.fotorama_shadows .fotorama__wrap_shadow_no-left:before,
.fotorama_shadows .fotorama__thumbs_shadow_no-left:before { left: -25px }
.fotorama_shadows .fotorama__wrap_shadow_no-right:after,
.fotorama_shadows .fotorama__thumbs_shadow_no-right:after { right: -25px }
.fotorama_shadows.fotorama_vertical .fotorama__wrap:before,
.fotorama_shadows.fotorama_vertical .fotorama__wrap:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:after {
    top: auto;
    left: 3px;
    right: 3px;
    width: auto;
    height: 10px;
    -webkit-box-shadow: black, 0, 0, 10px;
    -moz-box-shadow: black, 0, 0, 10px;
    box-shadow: black, 0, 0, 10px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:before {
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    top: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:after {
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
    bottom: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow:before { top: -10px }
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow:after { bottom: -10px }
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow_no-left:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow_no-left:before { top: -25px }
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow_no-right:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow_no-right:after { bottom: -25px }
.fotorama_shadows.fotorama_fullscreen .fotorama__wrap:before,
.fotorama_shadows.fotorama_fullscreen .fotorama__wrap:after,
.fotorama_shadows.fotorama_fullscreen .fotorama__thumbs_previews:before,
.fotorama_shadows.fotorama_fullscreen .fotorama__thumbs_previews:after { display: none }
.fotorama__shaft {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.fotorama_csstransitions .fotorama__wrap_style_touch * { -webkit-backface-visibility: hidden }
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft {
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transition-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -ms-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.fotorama__wrap_style_touch .fotorama__shaft {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
    *cursor: move !important;
}
.fotorama__wrap_style_touch .fotorama__shaft_grabbing {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
.fotorama__wrap_style_fade .fotorama__shaft {
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}
.fotorama_no-csstransitions .fotorama__shaft,
.fotorama_no-csstransitions .fotorama__thumbs-shaft {
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}
.fotorama__wrap_with-div { border: 1px solid #7f7f7f }
.fotorama__thumbs {
    text-align: center;
    position: relative;
    min-height: 18px;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fotorama_vertical .fotorama__thumbs {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
}
.fotorama__thumbs-shaft {
    text-align: left;
    margin: 0;
    padding: 0;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *display: inline;
    *zoom: 1;
}
.fotorama__thumb {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    position: relative;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
	opacity: 0.5;
}
.fotorama__thumb__dot {
    display: block;
    width: 6px;
    height: 6px;
    position: relative;
    top: 6px;
    left: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background-color: #7f7f7f;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 333ms;
    -moz-transition-duration: 333ms;
    -ms-transition-duration: 333ms;
    -o-transition-duration: 333ms;
    transition-duration: 333ms;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -ms-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
}
.fotorama__thumb:hover .fotorama__thumb__dot {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
}
.fotorama__thumb_selected,
.fotorama__thumb_selected:hover { cursor: default; opacity: 1; }
.fotorama__thumb_selected .fotorama__thumb__dot,
.fotorama__thumb_selected:hover .fotorama__thumb__dot {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
}
.fotorama__thumb_disabled {
    display: none;
    cursor: default;
}
.fotorama__thumbs_previews {
    overflow: hidden;
    background-color: #d2d2d1;
}
.fotorama__thumbs_previews .fotorama__thumbs-shaft {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
}
.fotorama__thumbs_previews .fotorama__thumb {
    width: auto;
    background: rgba(127, 127, 127, 0.25);
}
.fotorama__thumbs_previews .fotorama__thumb__img {
    width: auto;
    border: none;
    margin: 0;
    padding: 0;
}
.fotorama__thumbs_previews .fotorama__thumb-border {
    border: solid;
    position: absolute;
    z-index: 10;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
}
.fotorama_horizontal .fotorama__thumbs_previews .fotorama__thumb { margin-left: 0 !important }
.fotorama_vertical .fotorama__thumbs_previews .fotorama__thumb {
    float: none;
    display: block;
    margin-top: 0 !important;
}
.fotorama_csstransitions .fotorama__thumbs_previews * { -webkit-backface-visibility: hidden }
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft {
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transition-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -ms-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border {
    -webkit-transition-property: -webkit-transform, left, top, border, background, width, height;
    -moz-transition-property: -moz-transform, left, top, border, background, width, height;
    -ms-transition-property: -ms-transform, left, top, border, background, width, height;
    -o-transition-property: -o-transform, left, top, border, background, width, height;
    transition-property: transform left top border background width height;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -ms-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.fotorama__frame {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.fotorama__frame * { z-index: 2 }
.fotorama__wrap_style_fade .fotorama__frame {
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, color-stop(0%, #f3f2f1), color-stop(12.8%, #f3f2f1), color-stop(100%, #cacac9));
    background: -webkit-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
    background: -moz-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
    background: -o-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
    background: -ms-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
    background: radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
    background-color: #cacac9;
}
.fotorama__frame_active { z-index: 5 }
.fotorama__wrap_style_fade .fotorama__frame { left: 0 !important }
.fotorama__img {
    position: absolute;
    margin: 0 !important;
    top: 0;
    left: 0;
    z-index: 1;
}
.fotorama_shadows .fotorama__img {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.fotorama__arr {
    display: block;
    position: absolute;
    font-family: sans-serif;
    width: 44px;
    text-align: center;
    z-index: 10;
    color: white;
    -webkit-transition-property: opacity, margin;
    -moz-transition-property: opacity, margin;
    -ms-transition-property: opacity, margin;
    -o-transition-property: opacity, margin;
    transition-property: opacity, margin;
    -webkit-transition-duration: 333ms;
    -moz-transition-duration: 333ms;
    -ms-transition-duration: 333ms;
    -o-transition-duration: 333ms;
    transition-duration: 333ms;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -ms-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    font-size: 18px;
    top: 50%;
    line-height: 72px;
    margin-top: -36px;
    text-shadow: black 0 0 5px;
    cursor: pointer;
    opacity: 0;
    font-style: normal;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.15);
}
.fotorama__arr_prev {
    left: 0;
    margin-left: 0;
}
.fotorama__arr_next {
    left: 100%;
    margin-left: -44px;
}
.fotorama__arr_disabled {
    cursor: default;
    *display: none;
}
.fotorama_touch .fotorama__arr {
    opacity: 1 !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.fotorama_touch .fotorama__arr_disabled { opacity: 0.11 !important }
.fotorama__wrap_mouseover .fotorama__arr { opacity: 0.6 }
.fotorama__wrap_mouseover .fotorama__arr:hover,
.fotorama__wrap_mouseover .fotorama__arr_hover {
    opacity: 1;
    text-shadow: black 0 0 5px, black 0 0 25px;
}
.fotorama__wrap_mouseover .fotorama__arr_prev,
.fotorama_touch .fotorama__arr_prev { margin-left: 0 }
.fotorama__wrap_mouseover .fotorama__arr_next,
.fotorama_touch .fotorama__arr_next { margin-left: -44px }
.fotorama__wrap_mouseover .fotorama__arr_disabled,
.fotorama__wrap_mouseover .fotorama__arr_disabled:hover,
.fotorama_touch .fotorama__arr_disabled,
.fotorama_touch .fotorama__arr_disabled:hover {
    opacity: 0.11;
    text-shadow: none;
}
.fotorama__wrap_mouseout .fotorama__arr { opacity: 0 }
.fotorama__wrap_mouseout .fotorama__arr_prev { margin-left: -44px }
.fotorama__wrap_mouseout .fotorama__arr_next { margin-left: 0 }
.fotorama__wrap_style_fade .fotorama__arr_prev { margin-left: 0 }
.fotorama__wrap_style_fade .fotorama__arr_next { margin-left: -44px }
.fotorama_vertical .fotorama__arr {
    width: 72px;
    line-height: 44px;
    margin-top: 0;
    margin-left: 0;
    top: auto;
    left: 50%;
    margin-left: -36px;
}
.fotorama_vertical .fotorama__arr_prev {
    top: 0;
    margin-top: 0;
}
.fotorama_vertical .fotorama__arr_next {
    bottom: 0;
    margin-bottom: 0;
}
.fotorama_vertical .fotorama__wrap_mouseover .fotorama__arr_prev,
.fotorama_vertical .fotorama_touch .fotorama__arr_prev { margin-top: 0 }
.fotorama_vertical .fotorama__wrap_mouseover .fotorama__arr_next,
.fotorama_vertical .fotorama_touch .fotorama__arr_next { margin-bottom: 0 }
.fotorama_vertical .fotorama__wrap_mouseout .fotorama__arr_prev { margin-top: -44px }
.fotorama_vertical .fotorama__wrap_mouseout .fotorama__arr_next { margin-bottom: -44px }
.fotorama__caption {
    margin: 0.5em 0;
    white-space: normal;
    position: relative;
}
.fotorama__caption_overlay,
.fotorama_fullscreen .fotorama__caption {
    background-color: #1e1d1c;
    color: white;
    z-index: 15;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 10px;
}
.fotorama__fsi {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    top: 0;
    opacity: 0;
    font-size: 0;
    line-height: 0;
    z-index: 20;
    cursor: pointer;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 333ms;
    -moz-transition-duration: 333ms;
    -ms-transition-duration: 333ms;
    -o-transition-duration: 333ms;
    transition-duration: 333ms;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -ms-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
}
.fotorama__fsi .i0 {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    background: url("data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    border: none;
}
.fotorama__fsi i {
    position: absolute;
    width: 4px;
    height: 4px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #111111;
}
.fotorama__fsi .i1 .i1,
.fotorama__fsi .i2 .i2,
.fotorama__fsi .i3 .i3,
.fotorama__fsi .i4 .i4 {
    width: 3px;
    height: 3px;
    border-color: #eeeeee;
    top: 0;
    left: 0;
    margin: 0 !important;
}
.fotorama__fsi .i1 {
    top: 7px;
    left: 7px;
    border-right: none;
    border-bottom: none;
    margin: 2px 0 0 2px;
}
.fotorama__fsi .i2 {
    top: 7px;
    left: 18px;
    border-left: none;
    border-bottom: none;
    margin: 2px 0 0;
}
.fotorama__fsi .i3 {
    top: 18px;
    left: 18px;
    border-top: none;
    border-left: none;
}
.fotorama__fsi .i4 {
    top: 18px;
    left: 7px;
    border-right: none;
    border-top: none;
    margin: 0 0 0 2px;
}
.fotorama__fsi.fotorama__fsi_hover .i1 { margin: 1px 0 0 1px }
.fotorama__fsi.fotorama__fsi_hover .i2 { margin: 1px 0 0 1px }
.fotorama__fsi.fotorama__fsi_hover .i3 { margin: 1px 0 0 1px }
.fotorama__fsi.fotorama__fsi_hover .i4 { margin: 1px 0 0 1px }
.fotorama_fullscreen .fotorama__fsi .i1 { margin: 1px 0 0 1px }
.fotorama_fullscreen .fotorama__fsi .i2 { margin: 1px 0 0 1px }
.fotorama_fullscreen .fotorama__fsi .i3 { margin: 1px 0 0 1px }
.fotorama_fullscreen .fotorama__fsi .i4 { margin: 1px 0 0 1px }
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i1 { margin: 2px 0 0 2px }
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i2 { margin: 2px 0 0 }
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i3 { margin: 0 }
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i4 { margin: 0 0 0 2px }
.fotorama__wrap_mouseover .fotorama__fsi,
.fotorama_touch .fotorama__fsi { opacity: 1 }
.fotorama__state {
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    line-height: 32px;
    font-size: 32px;
    text-align: center;
    display: none;
    background-repeat: no-repeat;
    z-index: 6;
    top: 50%;
    left: auto;
    font-family: Georgia;
}
.fotorama__state_quirks { color: black }
.fotorama__state_quirks span { position: relative }
.fotorama_vertical .fotorama__state {
    top: auto;
    left: 50%;
}
.fotorama_loading .fotorama__state span { top: -3px }
.fotorama_loading .fotorama__thumb-border {
    border-style: dashed;
    background: none;
}
.fotorama_error .fotorama__state {
    background-position: 0 0 !important;
}
.fotorama_error .fotorama__thumb-border {
    border-color: #ff002a #e50015 #cc0000 !important;
    background: none;
    border-style: dashed;
}
.fotorama_error .fotorama__thumb_selected .fotorama__thumb__dot {
    background-color: #e50015 !important;
    background-color: rgba(229, 0, 21, 0.5) !important;
	opacity: 1.0;
}

/**
 * GALLERY PLAYLIST
 */

.gallery-playlist {
	padding: 0 34px;
	margin: 0 0 2px 0;
	position: relative;
    display: block;
	width: 892px;
	height: 61px;
}

.next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 32px;
    height: 61px;
    cursor: pointer;
    background: #686767 url(design/i/sprite-icons.png) no-repeat -44px -517px;
    border-left: 2px solid #F6F6F6;
    z-index: 10;
    text-indent: -9999px;
    opacity: 0.5;
}

.next-horizontal:hover,
.next-horizontal:active,
.next-horizontal:focus {
    opacity: 1;
}

.next-disabled-horizontal,
.next-disabled-horizontal:hover,
.next-disabled-horizontal:focus,
.next-disabled-horizontal:active {
    cursor: default;
    opacity: 0.5;
}

.prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 61px;
    cursor: pointer;
    background: #686767 url(design/i/sprite-icons.png) no-repeat -5px -584px;
	border-right: 2px solid #F6F6F6;
	z-index: 10;
	text-indent: -9999px;
	opacity: 0.5;
}

.prev-horizontal:hover,
.prev-horizontal:active,
.prev-horizontal:focus {
    opacity: 1;
}

.prev-disabled-horizontal,
.prev-disabled-horizontal:hover,
.prev-disabled-horizontal:focus,
.prev-disabled-horizontal:active {
    cursor: default;
    opacity: 0.5;
}

.image-large .prev-horizontal,
.image-large .next-horizontal {
	background-color: transparent;
	border: none;
}


/**
 * GALLERY DETAILS
 */

.gallery-details .image-large {
	width: 632px;
	height: 414px;
	float: left;
}

.gallery-details .share-column {
	float: left;
	width: 76px;
	background-color: #efefef;
	min-height: 414px;
}

.gallery-details .out-of {
	background-color: #575757;
	color: #fff;
	padding: 10px 10px 10px 16px;
}

.gallery-details .small {
	font-size: 10px;
	display: block;
}

.gallery-details .current-image-no {
	display: block;
	font-size: 24px;
	font-weight: 900;
	font-family: 'Inter', Tahoma, Helvetica, Arial, sans-serif;
	padding: 4px 0 4px
}

.gallery-details .medium {
	display: block;
	font-size: 13px;
}

.gallery-details .share-me {
	padding: 5px 10px;
}

.gallery-details .open-popup {
	text-align: center;
	font-size: 11px;
	margin: 4px;
	padding: 10px 5px;
	display: block;
	border: 1px solid #c4c4c4;
	background-color: #fdfdfd;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.2);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.2)
}

.gallery-details .open-popup a {
	color: #676767;
	text-decoration: none;
}

.gallery-details .post {
	width: 228px;
	padding: 12px;
	float: left;
	background-color: #fff;
	min-height: 390px;
}

.gallery-details .post .post-excerpt,
.gallery-details .post h1,
.gallery-details .post h3,
.gallery-details .post .post-meta {
	width: auto;
	height: auto;
	float: none;
}

.gallery-details .post .divider {
	text-indent: 0;
	display: inline;
	color: #7c7c7c;
}

.gallery-details .post-meta {
	border: none;
	padding: 3px 0 10px;
}

.gallery-details .post-tags {
	padding: 0 0;
	border: none;
	font-size: 11px;
}

.gallery-details .post-tags .h3 {
	display: block;
	margin-top: 8px;
}

.gallery-details h1 {
	font-size: 20px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-weight: 500;
	font-family: 'Inter', Tahoma, Helvetica, Arial, sans-serif;
}

.gallery-details .post-tags  a,
.gallery-details .post-tags  a:hover,
.gallery-details .post-tags  a:active {
	color: #686767;
	text-decoration: none;
}

.gallery-details .post-tags  a:hover,
.gallery-details .post-tags  a:active {
	color: #008bd2;
	text-decoration: underline;
}


.gallery-details .image-large {
	overflow: visible !important;
}

.gallery-details .image-large .fotorama__thumbs {
	position: absolute;
	top: -65px;
	left: 32px;
	width: 894px !important;
    overflow: hidden;
    background-color: transparent;
}

.gallery-details .post .facebook {
	overflow: auto;
	height: 414px;
	width: 250px;
	margin: -11px 0 0 -12px
}

.gallery-details .post:hover p {
	color: #5B5B5B;
}

.gallery-details .post:hover h1,
.gallery-details .post:hover h1 a,
.gallery-details .post:hover h1 a:link,
.gallery-details .post:hover h1 a:visited {
	color: #373737;
}


/**
 * POPUP STYLE
 */

.popup {
	padding-top: 0;
}

.popup .share-column {
	position: relative;
}

.popup .out-of {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	background-color: transparent;
	color: #333;
}

.popup .out-of .small {
	display: none;
}


/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
}

#fancybox-overlay.overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8030;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}






/**
 * filteri kalendara
 */


.filter ul {
	position: absolute;
	top: -6px;
	right: 328px;
}

.filter li {
	float: left;
	margin-left: 1px;
}

.filter li a,
.filter li a:link,
.filter li a:visited {
	display: block;
	padding: 15px 12px 16px;
	height: 14px;
	color: #3e3e3e;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}

.filter li a:hover,
.filter li a:active {
	color: #fff;
	background-color: #686767;
}

.filter li.active a,
.filter li.active a:hover,
.filter li.active a:active {
	display: block;
	color: #fff;
	background-color: #008bd2;
	cursor: default;
}

/**
 * Main menu - count
 */

.filter .menu-count {
	width: 15px;
	height: 20px;
	padding: 3px 3px 0 3px;
	position: absolute;
	left: 26px;
	top: 12px;
	color: #fff;
	font-size: 11px;
	line-height: 17px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	background-color: #008bd2;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	border: 2px solid #fff;
}

.filter li a:hover .menu-count {
	border: 2px solid #686767;
}

.filter li.active .menu-count {
	color: #008bd2;
	background-color: #fff;
}


/**
 * Main menu - title
 */

.filter ul li .menu-title {
	margin-left: 5px;
}

.filter ul li.menu-home .menu-title {
	display: none;
}


/**
 * MAIN MENU - SUBMENU
 */

.filter select {
	display: none;
}

.filter li.submenu {
	position: relative;
}

.filter li.submenu .sub {
	display: none;
	position: absolute;
	margin-top: 38px;
	width: 180px;
	top: 0;
	left: -45px;
	-webkit-box-shadow:  0px 0px 9px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 9px 0px rgba(0, 0, 0, 0.2);
	z-index: 4;
}

.filter li.submenu:hover .sub,
.filter li.submenu:active .sub {
	display: block;
	cursor: pointer;
}

.filter li.submenu:hover a.parent-link,
.filter li.submenu:hover a.parent-link:link,
.filter li.submenu:hover a.parent-link:visited {
	color: #fff;
	background-color: #686767;
}

.filter li.submenu .sub ul {
	display: block;
	font-size: 12px;
	position: static;
	background-color: #fff;
	padding: 4px 0 4px 0;
}

.filter li.submenu .sub ul li {
	padding: 0;
	margin: 0;
	background-color: #fff;
	float: none;
}

.filter li.submenu .sub ul li:hover {
	background-color: #f2f2f2;
}

.filter li.submenu .sub a,
.filter li.submenu .sub a:link,
.filter li.submenu .sub a:visited,
.filter li.submenu.active .sub a,
.filter li.submenu.active .sub a:link,
.filter li.submenu.active .sub a:visited {
	display: block;
	padding: 7px 2px;
	margin: 0 12px;
	background-color: #fff;
	cursor: pointer;
	color: #3e3e3e;
	font-size: 12px;
	display: block;
	text-transform: none;
	border-top: 1px dotted #d1d1d1;
}

.filter li.submenu .sub li.active:hover,
.filter li.submenu .sub li.active a,
.filter li.submenu.active .sub li.active a {
	background-image: none;
	background-color: #fff;
	color: #008bd2;
	cursor: default;
}

.filter li.submenu .sub a:hover,
.filter li.submenu .sub a:active,
.filter li.submenu.active .sub a:hover,
.filter li.submenu.active .sub a:active {
	background-color: #f2f2f2;
	cursor: pointer;
	color: #008bd2;
}

.filter li.submenu .sub a .item-number {
	float: right;
	font-size: 11px;
	color: #6c6c6c;
}

.filter li.submenu .sub ul li:first-child a {
	border-top: none;
}

.filter li.submenu span.arrow-top {
	display: block;
	width: 16px;
	height: 7px;
	top: -7px;
	left: 82px;
	position: absolute;
	text-indent: -9999px;
	background: transparent url(design/i/sprite-icons.png) no-repeat -112px -80px;
	z-index: 6;
}

.ui-datepicker {
	z-index: 150 !important;
}


.inline-label {
    position: relative;
}

.inline-label label {
    position: absolute;
    top: 2px;
    left: 0;
    color: #b9b9b9;
    font-size: 13px;
    line-height: 15px;
    padding: 8px 11px 14px 11px;
    outline: none;
    font-style: italic;
}

.fb-comments, .fb-comments * {
    width:100% !important;
}

.fb-code{
    background-color:#FFF;
}

.post.details img {
    max-width: 100%;
}

.orange { display: none; }

.details .post-author {
    font-size: 12px;
    line-height: 16px;
    clear: both;
}



.details .post-author p,
.details .post-author strong {
        font-size: 12px;
    line-height: 16px;
}

/*ADDDED FOR BOTTOM BANNERS 20.04.2014*/

.banners-bottom{
    padding-top: 10px;
}
.banners-bottom .one-half{
    float:right;
    padding-left:10px;
}

.mobile-clear { display: none; }
.desktop-clear { clear: both; }
/* ===== MOBILE CSS ===== */
/*
	Theme Name: split.com.hr
	Theme URI: http: //split.com.hr
	Theme Author: Luka Vidos
	Version: 1.0
*/


@media screen and (max-width: 760px) {

	body {
		padding-top: 0;
                font-size: 15px;
                line-height: 20px;
	}

	#header,
	#banner-top,
	#container,
	#footer,
	.content,
	.sidebar,
	img,div {
		margin: 0;
		padding: 0;
		max-width: 100%;
		position: relative;
		float: none;
	}

        #header .wrapper,
        #banner-top .wrapper,
	#container .wrapper,
	#footer .wrapper {
		margin: 0 2%;
		padding: 0;
		width: 96%;
		position: relative;
		float: none;
	}

        #header .wrapper {
            width: 100%;
            margin: 0;
        }


	.desktop-hide {
		display: block;
	}

	.desktop-hide .widget-title {
		display: none;
	}

	.widget.desktop-hide {
		border-bottom: 1px solid #d4d4d4;
	}




	#logo {
		left: 12px;
		width: 42px;
	}

	#logo a,
	#logo a:link,
	#logo a:visited,
	#logo a:hover {
		width: 42px;
		background-position: -134px -16px;
	}



	#search-form {
            display: none;
            position: absolute;
            background-color: #fff;
            top: 62px;
            left: 0;
            width: 90%;
            padding: 20px 5%;
            height: auto;
            border-bottom: 1px solid #ddd;
	}

        #search-form.show {
            display: block;
        }

        #search-form form {
            width: 100%;
        }

        #search-form label {
            font-size: 18px;
            font-weight: 500;
            top: auto;
            line-height: 18px;
            padding: 10px 0;
            height: auto;
        }

        #search-form input[type="text"] {
            width: 100%;
            font-size: 18px;
            background-color: #fff;
            padding: 10px 0;
            border: none !important;
            border-left: 1px solid #ccc;
            height: auto;
        }

        #search-form:hover input[type="submit"],
        #search-form input[type="submit"]
        {
            display: block;
            position: absolute;
            top: -5px;
            right: 0px;
            padding: 16px;
            background-image: none;
            text-indent: 0;
            text-align: right;
            z-index: 70;
            width: auto;
            height: auto;
            background-color: #ccc;
        }

        #header .shadow {
            display: block;
            background-position: center -2px;
            width: 100%;
	}

        #search-form .erase-button,
        #search-form .erase-button:hover {
            display: none;
        }



	/**
	 * Main Menu — hamburger
	 */

	.nav-toggle {
		display: block;
	}

	#main-menu {
		position: static;
	}

	#main-menu ul {
		display: none;
		position: absolute;
		top: 62px;
		left: 0;
		right: 0;
		width: 100%;
		background: #fff;
		border-top: 1px solid #eee;
		border-bottom: 3px solid #008bd2;
		box-shadow: 0 4px 12px rgba(0,0,0,0.1);
		z-index: 200;
		margin: 0;
		padding: 0;
	}

	#main-menu.open ul {
		display: block;
	}

	#main-menu li {
		float: none;
		display: block;
		margin: 0;
		border-bottom: 1px solid #f0f0f0;
	}

	#main-menu li:last-child {
		border-bottom: none;
	}

	#main-menu li a,
	#main-menu li a:link,
	#main-menu li a:visited {
		padding: 14px 20px;
		font-size: 15px;
		height: auto;
		line-height: 1.4;
		display: block;
	}

	#main-menu li.submenu:hover .sub {
		display: none;
	}

	#banner-top {
		margin-top: 15px;
	}

        #banner-top img {
            width: 100%;
            height: auto;
        }

	.post.standard {
                width: 96%;
                padding-left: 2%;
                padding-right: 2%;
		padding-bottom: 0;
		margin-bottom: 15px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}

        .post-meta {
            margin-top: 3px;
            line-height: 16px;
        }

        .post.gallery p,
        .post.gallery .post-meta,
        .post.gallery h1 {
            width: 94%;
            padding: 0 3%;

        }

        .post.gallery {
                padding-bottom: 10px;
                border-bottom: 1px solid #ddd;
                margin-bottom: 10px;
        }

	.post-header .post-title  {
		position: relative;
		float: none;
		width: auto;
		padding: 12px 3%;
                width: 94%;
		background-color: transparent;
	}


	.post.slider {
		border-bottom: none;
		width: 100%;
	}

	.post .caption {
		position: relative;
		padding: 12px 0 10px 0;
		margin-top: -10px;
		font-size: 12px;
		width: 100%;
	}

	.slider .post-meta {
		font-size: 12px;
		padding-left: 3%;
		padding-right: 3%;
                margin-top: 3px;
		width: 94%;
                line-height: 16px;
	}

	.slider-title {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
		display: none;
	}

	.slider-items .caption h1 {
		width: 97%;
		padding-left: 3%;
		float: none;
	}

	.slider-items p {
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
		float: none;
                font-size: 15px;
                line-height: 20px;
	}

	.slider-large {
		position: static;
		width: 100%;
		height: auto;
	}

	.slider-items {
		width: 100%;
		height: auto;
	}

	.slider-items li {
		width: 100%;
		height: auto;
		margin-bottom: 0px;
		border-bottom: 1px solid #ddd;
		padding-top: 10px;
	}

	.no-image.with-icons h1,
	.post h1,
	.post h3 {
		width: 100%;
		float: none;
		clear: both;
		padding-bottom: 4px;
		font-size: 18px;
		line-height: 24px;
		font-weight: 500;
	}

	.post:hover .post-thumbnail,
	.post-thumbnail {
		float: none;
		width: 100%;
		max-width: 100%;
		height: auto !important;
		min-width: 0;
		margin: 0 0 10px 0;
	}

	.post-thumbnail img,
	.post-thumbnail .wp-post-image {
		width: 100%;
		height: auto;
		display: block;
	}

	.with-icons.post:hover .post-thumbnail {
		border: none;
		width: 28px;
	}

	.post-excerpt {
		width: auto;
		float: none;
	}

	.gallery .post-excerpt,
	.no-image .post-excerpt {
		width: 100%;
		float: none;
	}

	.no-image.with-icons .post-excerpt {
		width: auto;
		float: none;
	}

	.gallery-teaser,
	.image-large {
		height: auto;
	}

	.image-large {
		width: 100% !important;
		height: auto;
		margin-bottom: 0.5%;
	}

	.image-large a,
	.image-large img{
		float:left;
		width: 100%;
	}

	.image-thumb,
	.image-thumb.total {
		margin: 0;
		padding: 0;
		float: left;
		width: 16%;
		height: auto;
		margin-right: 0.5%;
	}

	.category-menu li.active a .arrow {
		background-position: -55px -448px;
	}

	.post.gallery .post-meta {
		margin-top: -4px;
                line-height: 16px;
	}

        .photogallery.table .post.gallery {
            padding-bottom: 10px;
        }

        .photogallery.table .post.gallery .image-large,
        .photogallery.table .gallery-teaser {
            height: auto;
        }

        .photogallery.table .post.gallery img {
            width: 100%;
        }
	.photogallery.table .post.gallery .post-meta {
		margin-top: 0px;
	}

	.image-thumb.total .large-font {
		margin-top: 32%;
		font-size: 20px
	}

	.total .small-font {
		display: none;
	}

	.post-icons {
		display: none;
	}

	.photogallery.table {
		width: 100%;
		margin-left: 0;
	}

	.photogallery.table .post {
		width: 48%;
		padding: 0 0 0 0;
		margin: 10px 1% 5px 1%;
		float: left;
	}

	.clear {
		display: none;
	}

	.fullwidth-title  {
		position: static;
                width: 100%;
                padding: 0;
                padding-top: 10px;

	}

	.fullwidth-title h1 {
		position: static;
		float: none;
	}

        .fullwidth-title .mobile-hide {
           display: none;
        }

        .filter {
            margin: 0;
            padding: 0;
        }

	.filter ul {
		display: none;
	}

	.filter select {
		display: block;
		float: none;
		font-size: 14px;
		padding: 2%;
                margin-right: 0;
		width: 100%;
	}

	.calendar .date {
		padding: 0;
		width: 96%;
		padding: 5px 2%;
	}

	.calendar .event {
		width: 96%;
		padding: 10px 2%;
	}

	.calendar .event .post-thumbnail {
		float: right;
		margin-top: 5px;
		margin-left: 10px;
		margin-right: 0;
	}

	.calendar .event .hour,
	.calendar .event h1 {
		float: none;
		width: auto;
	}

        .calendar .event h1 {
            background-color: #000;
            width: 100px !important;
        }

        .calendar .event .post-excerpt {
            width: 40%;
        }

        .calendar .post-meta {
            padding-top: 3px;
            margin-top: 0;
        }
        .calendar .post-image {
            margin-top: 0;
            padding-top: 0;
            float: left;
        }

        .details, .details p {
            font-size: 15px;
            line-height: 20px;
        }

	.details .gallery .gallery-thumbs {
		width: auto;
	}

	.details .gallery .gallery-thumbs a {
		float: left;
		width: 31.5%;
		height: auto;
		margin-left: 1%;
		margin-bottom: 1%;
	}

	.details .gallery .gallery-thumbs a img {
		height: auto;
		display: block;
	}

	.details .gallery {
		width: 96%;
		padding: 10px 2%;
	}

	.post-tags,
	.post-author,
	.profile-info {
		width: 96%;
		padding: 10px 2%;
		margin: 0 0 2px;
	}

	#footer .wrapper {
		border-top: 1px solid #d4d4d4;
		padding: 10px 0;
	}

	#footer .wrapper {
		text-align: center;
	}

        #footer .design-by {
            text-align: center;
            float: none;
        }

	.fotorama__thumbs {
		display: none;
	}

	.gallery-details .post {
		width: 96%;
	}

	.fotorama__frame ,
	.gallery-details .image-large {
		width: 96%;
		height: auto;
	}

	.fotorama__frame img {
		width: 100% !important;
		height: auto;
	}

	.elipsis span {
		display: none;
	}

	.mobile-hide {
		display: none;
	}

	strong{
		font-size: 85%;
	}

        .details strong {
            font-size: 100%;
        }

	.details blockquote {
		font-size: 15px;
                line-height: 20px;
	}

        .post-author,.post-author p {
            font-size: 11px;
            line-height: 16px;
        }
	.post-author .profile-image {
		display: none;
	}

	.category-menu li.back-buttonz a  .arrow,
	.category-menu li.back-buttonz a:link  .arrow,
	.category-menu li.back-buttonz a:visited  .arrow {
		display: inline-block;
		width: 9px;
		height: 16px;
		margin-right: 10px;
		background: transparent url(design/i/sprite-icons.png) no-repeat -80px -448px;
		text-indent: -9999px;
		float: left;
		margin-right: 5px;
	}

	.category-menu li.back-buttonz a:hover  .arrow,
	.category-menu li.back-buttonz a:active  .arrow,
	.category-menu li.back-buttonz a.active .arrow {
		background: transparent url(design/i/sprite-icons.png) no-repeat -16px -448px;
	}

        .category-menu.desktop-hide ul {
            border-top: none;
        }



        .sidebar .single-item {
            width: 96%;
            float: none;
            padding: 2%;
        }

        .sidebar .single-item .text {
            float: left;
            width: auto;
            width: 88%;
        }

        .single-item .title {
            line-height: 19px;
        }

        .sidebar .single-item .image {
            float: left;
            margin-right: 2%;
            width: 10%;
            max-width: 60px;
        }

        .sidebar .single-item .image img {
            max-width: 100%;
        }

        .sidebar .button-holder {
            padding: 0;
            margin: 0 auto;
            width: 90%;
        }

        .sidebar .button-holder a.button-fullwidth,
        .sidebar .button-holder a.button-fullwidth:link,
        .sidebar .button-holder a.button-fullwidth:visited
        {
            padding: 0;
            margin: 0;
            width: 90%;
        }

        .banner {
            padding: 0;
        }

        .gallery-playlist {
            float: none;
            display: none;
        }

        .gallery-details.with-playlist .image-large {
            float: none;
            width: 100%;
        }

        .gallery-details.with-playlist {
            width: 100%;
            float: none;
        }

        .gallery-details.with-playlist .post {
            width: 96% !important;
            float: none;
            padding: 2%;
            min-height: auto;
        }

        .post-entry {
            padding: 2% 3%;
            width: 94%;
        }


.desktop-clear { display: none; }
.mobile-clear { clear: both; }

.sidebar { width: 100%; }
.widget.banner { width: 100% !important; background-color: transparent; }
.sidebar .banner {
    text-align: center;
}
.widget.banner a,
.widget.banner img { display: block; width: 300px; margin-left: auto; margin-right: auto; }


}

/**
 * POST CONTENT - constrain images to container width
 */

.post-featured-image {
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 16px;
}

.post-featured-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

.post-entry img,
.post-entry p img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto;
}

.post-entry p {
    margin-bottom: 12px;
}

/**
 * Thumbnail sizing — enforced via CSS since WP metadata is being regenerated
 */
.post-thumbnail img,
.post-thumbnail .wp-post-image {
    width: 204px;
    height: 121px;
    object-fit: cover;
    display: block;
}

@media screen and (max-width: 760px) {
    .post-thumbnail img,
    .post-thumbnail .wp-post-image {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
    }
}

.slider-items img,
.slider-items .wp-post-image {
    width: 526px;
    height: 312px;
    object-fit: cover;
    display: block;
}

.related-posts {
    margin-top: 30px;
    border-top: 2px solid #e5e5e5;
    padding-top: 10px;
}