* { font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; border: none; outline: none; list-style-type: none; }
body { background: #f5f5f5; }
a { color: #000; text-decoration: none; }
a:hover { color: #666; }
.alignleft { float: left; }
.alignright { float: right; }
.container { position: relative; max-width: 1600px; margin: 0 auto; background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/pozadina.jpg) no-repeat 50% 0 fixed; overflow: hidden; }
.inner { width: 1020px; margin: 0 auto; }
.main-wrapper { background: #fff; padding: 30px; margin-bottom: 20px; overflow: hidden; }
.text-center { text-align: center; }
.img-clip { overflow: hidden; width: 100%; }
nav.sub-navigation { height: 140px; position: relative; background: rgba(0,0,0,0.5); }
nav.sub-navigation .logo { display: block; background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/logo.png) no-repeat; height: 140px; position: absolute; top: 20px; left: 10px; color: #fff; text-transform: uppercase; font-weight: 400; text-decoration: none; padding: 30px 0 0 170px; font-size: 26px; z-index: 2; text-shadow: 0px 0px 5px #000; }
nav.sub-navigation .logo span { font-weight: 800; }
nav.sub-navigation .logo em { font-weight: 400; display: block; text-transform: none; font-size: 14px; }
nav.main-navigation { height: 60px; background: #3c3c3c; position: relative; width: 1020px; }
nav.main-navigation ul { top: 0; right: 0; z-index: 2; position: absolute; }
nav.main-navigation li { display: inline-block; float: left; }
nav.main-navigation li a { color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 0 13px; line-height: 60px; height: 60px; text-decoration: none; display: block; border-right: 1px solid #494b4c; border-left: 1px solid #363636; float: left; }
nav.main-navigation li a:hover { color: #fbed22; }
nav.main-navigation li.current-menu-item a { color: #fbed22; background: #313131; }
nav.main-navigation li:last-child a { border-right: none; }
nav.main-navigation > a { color: #fff;}
.mini-logo { display: none; height: 60px; position: absolute; top: 0; left: 10px; color: #fff; text-transform: uppercase; font-weight: 400; text-decoration: none; padding: 12px; font-size: 12px; }
.mini-logo span { font-weight: 800; display: block; }
.col-left { width: 640px; float: left; overflow: hidden; }
.col-right { width: 290px; float: right; overflow: hidden; }
article img { max-width: 100%; height: auto; }
.home .main,
.search-results .main { padding-bottom: 0; }
.home section.col-left article,
.category section.col-left article,
.search-results section.col-left article,
.error404 section.col-left article { background: #f1f1f1; margin-bottom: 30px; }
.home section.col-left .article-body,
.category section.col-left .article-body,
.search-results section.col-left .article-body,
.error404 section.col-left .article-body { padding: 20px 30px; }
.home section.col-left h2,
.search-results section.col-left h2,
.error404 section.col-left h2 { font-weight: 300; font-size: 20px; line-height: 30px; margin: 0 0 20px 0; }
.home section.col-left p,
.search-results section.col-left p,
.error404 section.col-left p { font-weight: 400; font-size: 13px;  line-height: 18px; margin: 14px 0; }
.home section.col-left article p:last-child,
.search-results section.col-left article p:last-child,
.error404 section.col-left article p:last-child { margin-bottom: 0; }
.callout img,
.home section.col-left article .img-clip img,
.search-results section.col-left article .img-clip img { width: 100%; height: auto; }
.home section.col-left article.mega-news .img-clip,
.search-results section.col-left article.mega-news .img-clip { height: 270px; border-bottom: 3px solid #fbed22; }
section.col-left article.super-news .img-clip { height: 130px; }
section.col-left article.super-news { width: 310px; float: left; }
.home section.col-left article.super-news:nth-child(even),
.search-results section.col-left article.super-news:nth-child(even),
.error404 section.col-left article.super-news:nth-child(odd),
.category section.col-left article.super-news:nth-child(odd) { margin-right: 20px; }
.home section.col-left article.mega-news h2,
.search-results section.col-left article.mega-news h2 { overflow: hidden; height: 60px; }
.home section.col-left article.mega-news p,
.search-results section.col-left article.mega-news p { overflow: hidden; height: 45px; }
.home section.col-left .slider article.mega-news p { overflow: hidden; height: 54px; }
.home .slider { width: 100%; height: 470px; overflow: hidden; position: relative; }
.home .slider article.mega-news { position: absolute; top: 0; left: 0; display: none; }
.home .slider-nav { margin: 10px 0 20px 0; text-align: center; font-size: 24px; }
.home .slider-nav a { color: #ccc; }
.home .slider-nav a.active { color: #000; }
.home .crta { width: 0; border-top: 3px solid #ccc; }
article .img-clip img { transform: scale(1); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; }
article:hover .img-clip img { transform: scale(1.05); }
section.col-left article.super-news h2 { overflow: hidden; height: 118px; }
section.col-left article.super-news p { overflow: hidden; height: 125px; }
section.col-left p.date { color: #aaa; background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/sat.png) no-repeat 0 2px; padding-left: 20px; height: auto !important; }
section.col-left .categorylabel { color: #aaa; background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/knjiga.png) no-repeat 10px 2px; padding-left: 30px; text-decoration: none !important; }
.sidebar h3 { font-weight: 300; font-size: 18px; line-height: 18px; text-transform: uppercase; }
.sidebar h4 { font-weight: 700; font-size: 14px; line-height: 18px; }
.sidebar-news { padding-bottom: 20px; }
.sidebar-news article { padding: 20px 0; border-bottom: 1px solid #fbed22; }
.sidebar-news article p.date { color: #aaa; margin-bottom: 10px; }
.sidebar-news article p { font-size: 13px; line-height: 18px; }
.submenu { background: #f1f1f1; padding: 10px 20px 20px 20px; margin-bottom: 30px; font-size: 14px; line-height: 20px; font-weight: 700; border-bottom: 3px solid #fbed22; }
.submenu li { padding-top: 10px; }
.submenu li li { border-top: 1px solid #ccc; margin-top: 10px; }
.submenu a { color: #666; }
.submenu .current_page_item a,
.submenu .current-cat a { color: #002E61; }
.newsletter { background: #f1f1f1; padding: 20px; }
.newsletter input { padding: 5px 10px; margin: 20px 0; width: 230px; }
.newsletter input.submit { background: #fbed22; color: #000; text-transform: uppercase; font-weight: 900; width: auto; margin: 0; cursor: pointer; }
.ptr { background: #f1f1f1; padding: 20px; margin-top: 20px; }
.ptr img { width: 100%; height: auto; }
.izvjestaji-list .izvjestaj-item { background: #f1f1f1; padding: 20px; margin-top: 20px; }
.izvjestaji-list .izvjestaj-item:first-child { margin-top: 0; }
.sindikati-slider { padding-bottom: 40px; overflow: hidden; text-align: center;}
.sindikati-slider .ikone { background: #f5f5f5; padding:50px 0px 70px 0px; overflow:auto; padding:50px;}
.sindikati-slider .ikone a { display: block; width: 150px; text-align: center; font-size: 12px; font-weight: 300; color: #666; text-decoration: none; }
.sindikati-slider .ikone img{width:100px !important;}
.sindikati-slider .ikone .ikona{width:150px; display: table-cell; float:left; height:160px;}
.single .col-left h1, .archive .col-left h1, .page .col-left h1 { font-weight: 300; font-size: 35px; line-height: 35px; margin: 0 0 20px 0; }
.single .col-left h2, .archive .col-left h2, .page .col-left h2 { font-weight: 300; font-size: 20px; line-height: 30px; margin: 0 0 20px 0; }
.single .col-left h3, .archive .col-left h3, .page .col-left h3 { font-weight: 700; font-size: 16px; line-height: 22px; margin: 20px 0; }
.single .col-left p, .archive .col-left p, .page .col-left p, .page .col-left td, .page .col-left th { font-weight: 400; font-size: 14px; line-height: 22px; margin: 14px 0; }
.page .text-body .col-left ol, .page .text-body .col-left ol li { list-style-type: decimal !important; margin: 5px 20px; font-size: 14px; line-height: 22px; }
.page .text-body .col-left ul, .page .text-body .col-left ul li { list-style-type: disc !important; margin: 5px 20px; font-size: 14px; line-height: 22px; }
.text-body .col-left p a { text-decoration: underline; color: #024F83; }
.text-body .col-left p a:hover { text-decoration: none; }
.archive hr, .page hr { height: 0; border: none; border-top: 1px solid #fbed22; margin: 20px 0; }
.archive .clanica { overflow: hidden; }
.archive .clanica img { margin: 20px 0; }
.search-form form { padding: 20px 0; }
.search-form .input-field { width: 200px; padding: 10px; border: 1px solid #ccc; }
.search-form .submit-button { width: 68px; padding: 10px; border: 1px solid #ccc; background: #ccc; color: #002E61; font-weight: bold; }
.pagination-wrp { clear: both; padding-bottom: 40px; }
footer { background: #002e61; color: #fff; }
footer .main-wrapper { background: transparent; margin-bottom: 0; }
footer h3 { font-weight: 300; font-size: 18px; list-style: 18px; margin-bottom: 20px; }
footer p, footer li { font-size: 14px; line-height: 20px; font-weight: 300; }
footer li { margin-bottom: 10px; }
footer hr { background: none; height: 0; border-top: 1px solid #fbed22; margin: 20px 0; }
footer a { color: #fff; text-decoration: none; }
footer a:hover { color: #fbed22; }
footer .logo { background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/logo-footer.png) no-repeat center top; height: 181px; }
.one-third { width: 300px; float: left; margin-right: 30px; }
.one-third:last-child { margin-right: 0; }
.hamburger { display: none; }
.ostale-vijesti { background: #002e61; color: #fff; text-transform: uppercase; font-weight: 900; width: auto; margin: 0; cursor: pointer; font-size: 14px; padding: 10px; display: block; margin-top: 20px; }
.ostale-vijesti:hover { background: #024F83; color: #fff; }
.article-body ul li { font-weight: 400; font-size: 14px; list-style: square; margin: 10px 0 10px 20px;}
.article-body ol li { font-weight: 400; font-size: 14px; list-style: decimal; margin: 10px 0 10px 30px;}
.title-povoljnosti { padding: 10px 20px; background: #3c3c3c; color: #fff;}
.sidebar-povoljnosti { background:#fbed22; margin-bottom:20px; height: 250px; margin-right: 10px; }
.sidebar-povoljnosti .nano-content { padding: 0 20px 20px 20px; }
.sidebar-povoljnosti .nano-pane { right: 5px; top: 5px; bottom: 5px; width: 6px; }
.sidebar-povoljnosti article { padding: 20px 0; border-bottom: 1px solid #e8da10; }
.sidebar-povoljnosti article p { font-size: 13px; line-height: 18px; margin-top:10px; }
.sidebar-povoljnosti article:last-child { border: none; padding-bottom: 0; }
.sidebar-povoljnosti .categorylabel { font-size: 11px; }
.gallery br { display: none; }
.gallery-item img{ float: left; }
.gallery-item img:hover{opacity:0.7;}
.jin_listdocs { overflow: hidden; }
.jin_listdocs.bigicon a { display: block; width: 160px; height: 40px; float: left; padding: 120px 10px 20px 10px; margin: 0 10px 10px 0; overflow: hidden; text-align: center; background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/icons/big/ostalo.png) no-repeat; }
.jin_listdocs.bigicon a span.jin_ld_icon { display: none; }
.jin_listdocs.bigicon a span.jin_ld_title { height: 40px; overflow: hidden; display: block; }
.jin_listdocs.bigicon a span.jin_ld_excerpt { display: none; }
.jin_listdocs.bigicon a[href$=".PDF"],
.jin_listdocs.bigicon a[href$=".pdf"] { background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/icons/small/pdf.png) no-repeat !important; }
.jin_listdocs.bigicon a[href$=".htm"],
.jin_listdocs.bigicon a[href$=".html"],
.jin_listdocs.bigicon a[href$=".HTM"],
.jin_listdocs.bigicon a[href$=".HTML"] { background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/icons/small/html.png) no-repeat !important; }
.jin_listdocs.bigicon a[href$=".doc"],
.jin_listdocs.bigicon a[href$=".docx"],
.jin_listdocs.bigicon a[href$=".DOC"],
.jin_listdocs.bigicon a[href$=".DOCX"] { background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/icons/small/doc.png) no-repeat !important; }
.jin_listdocs.bigicon a[href$=".xls"],
.jin_listdocs.bigicon a[href$=".xlsx"],
.jin_listdocs.bigicon a[href$=".XLS"],
.jin_listdocs.bigicon a[href$=".XLSX"] { background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/icons/small/xls.png) no-repeat !important; }
.jin_listdocs.smallicon a { display: block; overflow: hidden; background: none !important; padding: 0 !important; }
.jin_listdocs.smallicon a span.jin_ld_icon { display: block; width: 60px; height: 60px; float: left; background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/icons/small/ostalo.png) no-repeat; }
.jin_listdocs.smallicon a span.jin_ld_title { display: block; padding: 10px 0 0 60px; }
.jin_listdocs.smallicon a span.jin_ld_excerpt { display: block; padding: 0 0 10px 60px; font-size: 13px; color: #999; }
.jin_listdocs.smallicon a[href$=".PDF"] span.jin_ld_icon,
.jin_listdocs.smallicon a[href$=".pdf"] span.jin_ld_icon { background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/icons/small/pdf.png) no-repeat !important; }
.jin_listdocs.smallicon a[href$=".htm"] span.jin_ld_icon,
.jin_listdocs.smallicon a[href$=".html"] span.jin_ld_icon,
.jin_listdocs.smallicon a[href$=".HTM"] span.jin_ld_icon,
.jin_listdocs.smallicon a[href$=".HTML"] span.jin_ld_icon { background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/icons/small/html.png) no-repeat !important; }
.jin_listdocs.smallicon a[href$=".doc"] span.jin_ld_icon,
.jin_listdocs.smallicon a[href$=".docx"] span.jin_ld_icon,
.jin_listdocs.smallicon a[href$=".DOC"] span.jin_ld_icon,
.jin_listdocs.smallicon a[href$=".DOCX"] span.jin_ld_icon { background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/icons/small/doc.png) no-repeat !important; }
.jin_listdocs.smallicon a[href$=".xls"] span.jin_ld_icon,
.jin_listdocs.smallicon a[href$=".xlsx"] span.jin_ld_icon,
.jin_listdocs.smallicon a[href$=".XLS"] span.jin_ld_icon,
.jin_listdocs.smallicon a[href$=".XLSX"] span.jin_ld_icon { background: url(//www.matica-sindikata.hr/wp-content/themes/maticass/images/icons/small/xls.png) no-repeat !important; }
.col-left iframe { width: 100%; }
.single-post hr { height: 0; border: none; border-top: 1px solid #ddd; margin: 20px 0; }
.tagc { color: #ccc; }
.tagc a { color: #999; }
.btn { display: inline-block; padding: 5px 10px; }
.btn-default { background-color: #888; color: #fff; }
.btn-default:hover { background-color: #002e61; color: #fff; }
@media (max-width: 1023px) {
nav.main-navigation,
.inner { width: 680px; }
.col-left { width: 300px; }
.home section.col-left article.mega-news,
.home section.col-left article.super-news { width: 300px; margin-right: 0 !important; }
.home section.col-left article.super-news .img-clip,
.home section.col-left article.mega-news .img-clip { height: 110px; border-bottom: none; }
.home section.col-left article.mega-news h2 { height: 90px; }
.home section.col-left article.mega-news p { height: 90px; }
.slick-slide img { width: 114px; height: 114px; }
.slick-slide a span { display: none; }
.hamburger { display: block; }
.hamburger a { border: none !important; }
#menu-menu-1 { top: 60px; width: 320px; background: #3C3C3C; display: none; }
#menu-menu-1 li { float: none; display: block; }
#menu-menu-1 li a { width: 290px; border-right: none; border-left: none; border-top: 1px solid #494b4c; border-bottom: 1px solid #363636; }
.gallery-item img { width: 150px; height: 150px; }
.home .slider { height: 386px; }
}
@media (max-width: 679px) {
nav.main-navigation,
.inner { width: 320px; }
.col-left,
.col-right { width: 260px; margin-bottom: 40px; float: none; }
nav.sub-navigation .logo { padding-top: 0; line-height: 22px; height: 170px; }
nav.sub-navigation .logo em { line-height: 16px; margin-top: 5px; }
.home section.col-left article.mega-news,
.home section.col-left article.super-news { width: 260px; margin-right: 0 !important; }
.slick-slide img { width: 54px; height: 54px; }
.slick-slide a span { display: none; }
.newsletter input { width: 200px; }
.hamburger { display: block; width: 165px; }
.gallery-item img { width: 130px; height: 130px; }
.sindikati-slider .ikone{display:none;}
}
@media (max-width: 320px) {}