@font-face {
font-family: 'mistralregular';
src: url(//www.belje.hr/wp-content/themes/belje/mistral/mistral.woff2) format('woff2'),
url(//www.belje.hr/wp-content/themes/belje/mistral/mistral.woff) format('woff');
font-weight: normal;
font-style: normal;
}
header .current-menu-item a,
header .current-menu-parent a { border-bottom: 2px solid #fff; }
header .main-menu li.menu-item-1860,
footer .footer-menu > li.menu-item-1860 { display: none; }
* { margin: 0; padding: 0; font-family: 'PT Serif', serif; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; outline: none !important; }
body { background: #333; }
a, a:visited { text-decoration: none; color: #9e0e0d; }
a:hover, a:focus { text-decoration: none; color: #333; }
.privola label,
.privola label span { font-weight: normal; }
.privola input { width: 16px; height: 16px; }
span.wpcf7-list-item { margin: 0 !important; }
.container { width: 100%; max-width: 1600px; margin: 0 auto; }
.popup { position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background: rgba(0,0,0,0.8); z-index: 99999; }
.popup img { padding: 15px; max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999; }
.popup .close { position: absolute; top: 10px; right: 10px; font-size: 44px; color: #fff; opacity: 1; }
header nav { width: 100%; height: 520px; overflow: hidden; position: relative; background-color: #666; }
header nav .verlauf { position: absolute; width: 100%; height: 150px; background: yellow; top: 0; left: 0; 
background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,.5)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
background: -o-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
background: -ms-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); }
header nav.short { height: 380px; }
.page-template-page-banner header nav.short { height: 240px; }
header nav .header-image { position: absolute; bottom: 0; width: 100%; height: auto; }
header nav .top-header-image { bottom: auto;}
header nav .videowrapper { position: relative; height: 0; width: 100%; margin-top: 260px; }
header nav .videowrapper > img { display: none; }
header nav iframe { position: absolute; top: -60vh; width: 100%; height: 120vh; display: block; }
header nav .main-menu { max-width: 1600px; position: absolute; top: 0; left: 0; padding: 40px 0 0 0; width: 100%; }
header nav h1 { position: absolute; top: 200px; left: 0; width: 100%; text-align: center; font-weight: normal; font-size: 80px; letter-spacing: -3px; color: #fff; -webkit-text-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-text-shadow: 0 0 10px rgba(0,0,0,0.5); text-shadow: 0 0 10px rgba(0,0,0,0.5); }
header .logo { margin: 0 50px; background: url(//www.belje.hr/wp-content/themes/belje/images/logo.svg) no-repeat; float: left; width: 248px; height: 94px; overflow: hidden; text-indent: -9999px; } header .stamp { position: absolute; top: 130px; left: 120px; width: 120px; height: 100px; }
header .stamp .broj { font-family: 'mistralregular' !important; font-size: 33.5px; }
header .stamp .tekst { font-size: 8.3px; font-style: italic; }
header .menu-menu-1-container,
header .menu-menu-1-en-container { position: absolute; top: 40px; right: 50px; }
header .main-menu { -webkit-transition: all .0s linear; -moz-transition: all .0s linear; -o-transition: all .0s linear; -ms-transition: all .0s linear; transition: all .0s linear; -webkit-transition: background .4s linear; -moz-transition: background .4s linear; -o-transition: background .4s linear; -ms-transition: background .4s linear; transition: background .4s linear; }
header .main-menu ul { margin: 16px 0px; }
header .main-menu li { display: inline-block; }
header .main-menu li a { padding: 10px; margin: 0px 3px; font-size: 1.3em; color: #fff; text-decoration: none; -webkit-text-shadow: 0 0 3px rgba(0,0,0,0.5); -moz-text-shadow: 0 0 3px rgba(0,0,0,0.5); text-shadow: 0 0 3px rgba(0,0,0,0.5); }
header .main-menu li a.current { color: #CE0000; }
header #menu-item-11 a,
header #menu-item-1557 a { position: relative; top: 6px; background: url(//www.belje.hr/wp-content/themes/belje/images/search-icon.svg) no-repeat; background-position: center center; text-indent: -9999px; width: 28px; height: 28px; display: inline-block; }
header .main-menu > #menu-item-11 { display: none; }
header .sticky { position: fixed!important; padding-top: 0px!important; height: 70px; z-index: 999; background: #777; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); }
header .sticky .logo { margin-top: -10px; -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); }
header .sticky .menu-menu-1-container,
header .sticky .menu-menu-1-en-container { top: 0px!important; }
header .sticky ul { margin: 12px 0px; }
header .sticky .stamp { opacity: 0; top: 90px; -webkit-transition: top .0s linear; -moz-transition: top .0s linear; -o-transition: top .0s linear; -ms-transition: top .0s linear; transition: top .0s linear; }
header .sub-menu { display: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.module h3 { color: #9e0e0d; font-size: 48px; line-height: 42px; margin-bottom: 10px; font-weight: normal; -webkit-text-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-text-shadow: 0 2px 5px rgba(0,0,0,0.3); text-shadow: 0 2px 5px rgba(0,0,0,0.3); }
.module p, 
.single-page-wrap p, 
.single-page-wrap li,
.single-page-wrap td,
.single-page-wrap th { color: #666; font-size: 20px; }
.single-page-wrap th { color: #888; font-size: 16px; font-weight: 400; background: #eee; }  .single-page-wrap hr { border-top-color: #ccc; margin: 40px 0; }
.module-link:hover .module:after { -webkit-box-shadow: inset 0 15px 20px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 15px 20px rgba(0,0,0,0.2); box-shadow: inset 0 15px 20px rgba(0,0,0,0.2); }
.module-link:hover h3 { color: #555; }
.single-page-wrap.section-title { text-align: center; background: #9e0e0d; }
.single-page-wrap.section-title h2 { font-style: italic; color: #fff; font-size: 56px; margin: 0; }
.single-page-wrap.section-title h2 span { font-weight: bold; font-style: normal; color: #fff; }
.page-wrap { width: 100%; max-width: 1600px; background: #fff; position: relative; right: 0px; margin: 0 auto; -webkit-box-shadow: 0 0 50px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 50px 10px rgba(0,0,0,0.5); box-shadow: 0 0 50px 10px rgba(0,0,0,0.5); }
.page-wrap ul,
.page-wrap ol { margin: 0; }
.module { height: 560px; position: relative; overflow: hidden; }
.module:after { content: ''; position: absolute; height: 560px; width: 100%; -webkit-box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); top: 0; left: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; }
.module-text { float: left; height: 560px; width: 40%; position: relative; }
.module-image { float: right; height: 560px; width: 60%; position: relative; overflow: hidden; background: #666; }
.module-image:before { content: ''; background: url(//www.belje.hr/wp-content/themes/belje/images/trokut.svg); position: absolute; top: 0; left: 0; height: 560px; width: 50px; }
.module-right .module-image:before { left: auto; right: 0; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; }
.middle { position: relative; top: 50%; margin: auto; transform: translateY(-57%); -webkit-transform: translateY(-57%); -ms-transform: translateY(-57%); text-align: center; padding: 0 50px; }
.single-page-wrap { padding: 40px; -webkit-box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); top: 0; left: 0; }
.single-page-wrap.breadcrumbs { padding: 20px 60px; }
.single-page-wrap.breadcrumbs ul { list-style: none; padding: 0px; margin: 0px; }
.single-page-wrap.breadcrumbs ul li { display: inline-block; margin: 0 20px 0 0; color: #9e0e0d; }
.single-page-wrap.breadcrumbs ul li:after { content: '❯'; display: inline-block; margin-left: 20px; color: #ccc; }
.single-page-wrap.breadcrumbs ul li:last-child:after { display: none; }
.single-page-wrap.breadcrumbs ul li a { color: #666; border: none; } .single-page-wrap > div { max-width: 800px; margin: 0 auto; }
.single-page-wrap h2 { color: #9e0e0d; font-size: 38px; line-height: 40px; margin: 30px 0; font-weight: normal; -webkit-text-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-text-shadow: 0 2px 5px rgba(0,0,0,0.3); text-shadow: 0 2px 5px rgba(0,0,0,0.3); }
.single-page-wrap h3 { color: #9e0e0d; font-size: 32px; line-height: 36px; margin: 30px 0; font-weight: normal; -webkit-text-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-text-shadow: 0 2px 5px rgba(0,0,0,0.3); text-shadow: 0 2px 5px rgba(0,0,0,0.3); }
.single-page-wrap h4 { color: #9e0e0d; font-size: 24px; line-height: 28px; margin: 30px 0; font-weight: normal; -webkit-text-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-text-shadow: 0 2px 5px rgba(0,0,0,0.3); text-shadow: 0 2px 5px rgba(0,0,0,0.3); }
.single-page-wrap p { margin: 30px 0; }
.single-page-wrap li { margin: 15px 40px; }
.single-page-wrap li.subfolder { margin: 25px 40px 15px 0; }
.no-margin-top,
.single-page-wrap > div > *:first-child { margin-top: 0 !important; }
.no-margin-bottom,
.single-page-wrap > div > *:last-child { margin-bottom: 0 !important; }
.single-page-wrap p img { max-width: 100%; height: auto !important; }
.backdrop { background: black; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; display: none; opacity: 0.6; z-index: 9999; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.search-modal { position: fixed; top: 0; left: 0; height: 100vh; width: 100%; display: none; z-index: 99999; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.search-modal form { width: 500px; position: absolute; top: 50%; left: 50%; margin: -10px 0px 0px -270px; }
.search-modal input[type="text"] { padding: 10px 20px; font-size: 1.1em; width: 100%; height: 45px; border: 2px solid #CECECE; border-right: none; }
.search-modal input[type="submit"] { background: url(//www.belje.hr/wp-content/themes/belje/images/search-black-icon.svg) no-repeat; background-position: center center; position: absolute; right: -40px; top: 0px; height: 45px; width: 45px; border: none; background-color: white; border: 2px solid #CECECE; border-left: none; }
.search-modal input[type="text"]:focus,
.search-modal input[type="submit"]:focus { outline: none; }
.search-results .module-image img { width: 100%; height: 100%; }
footer { width: 100%; color: #858585; z-index: 999; position: relative; }
footer a { color: #858585; text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer a:hover, footer a:visited, footer a:focus { color: #858585; }
footer .top-footer { float: left; width: 100%; background: #ddd; padding: 80px 0px; -webkit-box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); }
footer .top-footer svg { margin: 0px auto 40px auto; padding: 0px; display: block; fill: #858585; }
footer .top-footer ul { text-align: center; list-style: none; }
footer .bottom-footer { background: #fff; float: left; width: 100%; -webkit-box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); }
footer .bottom-footer p { display: inline-block; margin: 40px 0px 0px 30px; }
footer .bottom-footer .right-list { float: right; margin-right: 30px; }
footer .bottom-footer .right-list li { display: inline-block; margin: 40px 14px; }
footer .footer-menu > li { display: inline-block; width: 16.66666667%; float: left; margin: 0px; padding: 0px 15px; }
footer .footer-menu > li ul li a { display: inline-block; margin: 2px 0px; }
footer .footer-menu > li > a { color: #777; margin-bottom: 4px; display: inline-block; font-size: 1.1em; font-weight: bold; }
footer .menu-item-11 { display: none!important; }
.menu-toggle { display: none; }
.social-buttons { list-style-type: none; text-align: center; background: #eee; }
.social-buttons li { display: inline-block; margin: 0 15px; }
.social-icon { width: 48px; height: 48px; display: inline-block; overflow: hidden; text-indent: -999999px; border-radius: 50%; }
.facebook-icon { background: #3b5998 url(//www.belje.hr/wp-content/themes/belje/images/social/facebook.svg) no-repeat; background-size: 48px, 48px; }
.twitter-icon { background: #4099FF url(//www.belje.hr/wp-content/themes/belje/images/social/twitter.svg) no-repeat; background-size: 48px, 48px; }
.linkedin-icon { background: #0e76a8 url(//www.belje.hr/wp-content/themes/belje/images/social/linkedin.svg) no-repeat; background-size: 48px, 48px; }
.gplus-icon { background: #d34836 url(//www.belje.hr/wp-content/themes/belje/images/social/gplus.svg) no-repeat; background-size: 48px, 48px; }
.social-icon:hover { background-color: #666; }
.map { position: relative; height: 60vh; }
.map #map_canvas { width: 100%; height: 100%; position: relative; }
.map * { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.map #datalabel { position: absolute; z-index: 100; top: 20px; left: 20px; padding: 20px; background: #fff; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); display: none; }
.map #datalabel h3 { color: #9e0e0d; margin: 0 0 5px 0; white-space: nowrap; }
.map #datalabel p { margin: 0; }
.award { overflow: hidden; }
.award-image { width: 120px; float: left; }
.award-image img { margin: 30px 0;  }
.award-text { width: 400px; float: left; }
.award-text p { font-size: 16px; }
.badges div p:first-of-type { margin-top: 0; }
.product-wrap > div { max-width: 1000px; overflow: hidden; }
.product-wrap .featured-image { width: 420px; float: left; }
.product-wrap .featured-image img { max-width: 380px; height: auto; }
.product-wrap .featured-text { width: 580px; float: left; }
.gallery-item{padding: 0 !important; background: #000 url(//www.belje.hr/wp-content/themes/belje/images/photo.png) no-repeat center center; height: auto;}
.gallery-item img {width: 100%; height: auto;}
.gallery-item img:hover{opacity: 0.5; }
.belje-timeline #timeline-embed { width: 100%; height: 760px; }
.belje-timeline .tl-menubar, 
.belje-timeline .tl-attribution, 
.belje-timeline .tl-slidenav-title, 
.belje-timeline .tl-slidenav-description { display: none; }
.belje-timeline .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-icon,
.belje-timeline .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-icon { color: #ccc; }
.belje-timeline .tl-text .tl-headline-date, 
.belje-timeline .tl-text h3.tl-headline-date { font-family: 'PT Serif', serif; font-size: 20px; font-weight: 700; color: #666; }
.belje-timeline .tl-text-content-container { -webkit-text-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-text-shadow: 0 2px 5px rgba(0,0,0,0.3); text-shadow: 0 2px 5px rgba(0,0,0,0.3); }
.belje-timeline .tl-text h2.tl-headline-title, 
.belje-timeline .tl-text h2.tl-headline { color: #9e0e0d; font-size: 30px; line-height: 30px; font-weight: 700; margin: 10px 0 !important; }
.belje-timeline .tl-slide-content { width: auto !important; }
.belje-timeline .tl-timeline p { color: #666; font-size: 17px; font-weight: 400; }
.belje-timeline .tl-media-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.belje-timeline .tl-timemarker-media-container { display: none; }
.belje-timeline .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container { background: #9e0e0d; }
.belje-timeline .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline { color: #fff; }
.tockice { background: #333; padding: 10px 0; }
.tockice a { display: inline-block; overflow: hidden; position: relative; background: #999; margin: 10px; width: 10px; height: 10px; border-radius: 50%; line-height: 10px; text-indent: -999999px; -webkit-box-shadow: 0 0 10px rgba(255,255,255,0); -moz-box-shadow: 0 0 10px rgba(255,255,255,0); box-shadow: 0 0 10px rgba(255,255,255,0); }
.tockice a:hover { -webkit-box-shadow: 0 0 10px rgba(255,255,255,1); -moz-box-shadow: 0 0 10px rgba(255,255,255,1); box-shadow: 0 0 10px rgba(255,255,255,1); }
.tockice a.active { background: #fff; }
.carousel { position: relative; height: 560px; background: #fff; }
.carousel .module-link { position: absolute; background: #fff; right: 0px; }
.carousel .module-link.fading-out .module-image { animation: rolling-out 0.8s ease-in 0s forwards; }
.carousel .module-link.fading-out .module-text { animation: fading-out 0.8s ease-out 0s forwards; }
.carousel .module-link.fading-out { animation: fading-out 0.8s ease-out 0.5s forwards; }
@keyframes rolling-out { from { width: 60%; } to { width: 0%; }}
@keyframes fading-out { from { opacity: 1; } to { opacity: 0; }}
.page-navigation { background: #333; overflow: hidden; padding: 10px 0px; }
.page-navigation a { position: relative; background: #444; display: inline-block; height: 30px; line-height: 30px; margin: 0px 60px; padding: 0px 10px; color: #999; font-size: 20px; }
.page-navigation a:before,
.page-navigation a:after { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; }
.page-navigation .pull-left:before { content: ''; border-bottom: 15px solid #444; border-top: 15px solid #444; border-right: 15px solid transparent; position: absolute; right: -15px; top: 0px; }
.page-navigation .pull-left:after { content: ''; border-bottom: 15px solid transparent; border-top: 15px solid transparent; border-right: 15px solid #444; position: absolute; left: -15px; top: 0px; }
.page-navigation .pull-right:before { content: ''; border-bottom: 15px solid #444; border-top: 15px solid #444; border-left: 15px solid transparent; position: absolute; left: -15px; top: 0px; }
.page-navigation .pull-right:after { content: ''; border-bottom: 15px solid transparent; border-top: 15px solid transparent; border-left: 15px solid #444; position: absolute; right: -15px; top: 0px; }
.page-navigation a:hover { background: #9e0e0d; color: white; }
.page-navigation .pull-left:hover:before,
.page-navigation .pull-right:hover:before { border-top-color: #9e0e0d; border-bottom-color: #9e0e0d; }
.page-navigation .pull-left:hover:after { border-right-color: #9e0e0d; }
.page-navigation .pull-right:hover:after { border-left-color: #9e0e0d; }
.archive-navigation { background: #333; overflow: hidden; }
.archive-navigation a div { display: inline-block; line-height: 10px; padding: 20px 40px; color: #999; }
.filelist ul { display: none; }
.filelist ul.active { display: block; }
.filelist ul,
.filelist li { list-style-type: none; }
.filelist li a { position: relative; }
.filelist li a[href$=".pdf"]:before,
.filelist li a[href$=".PDF"]:before { content: '\f1c1'; font-family: 'FontAwesome'; position: absolute; top: 0; left: -38px; padding-right: 10px; color: #dd3614; }
.filelist li a[href$=".xlsx"]:before,
.filelist li a[href$=".xls"]:before,
.filelist li a[href$=".XLSX"]:before,
.filelist li a[href$=".XLS"]:before { content: '\f1c3'; font-family: 'FontAwesome'; position: absolute; top: 0; left: -38px; padding-right: 10px; color: #008641; }
.filelist li a[href$=".docx"]:before,
.filelist li a[href$=".doc"]:before,
.filelist li a[href$=".DOCX"]:before,
.filelist li a[href$=".DOC"]:before { content: '\f1c2'; font-family: 'FontAwesome'; position: absolute; top: 0; left: -38px; padding-right: 10px; color: #2a5696; }
.folder-navigation { overflow: hidden; margin-bottom: 35px; }
.folder-navigation a { background: #ccc; color: #fff; font-size: 24px; display: inline-block; padding: 0 8px; border: none; }
.folder-navigation a:hover { background: #bbb; border: none; }
.folder-navigation a.active { font-weight: bold; background: #9e0e0d; }
.page-template-page-vijesti small,
.single-post small { color: #999; font-size: 16px; }
.news-archive li { display: inline-block; margin-left: 0; margin-right: 0; }
.news-archive a { display: inline-block; }
.news-archive a:after { content: ' · '; }
.news-archive li:last-child a:after { content: ''; }
.page .nivo-lightbox-theme-default .nivo-lightbox-title,
.single .nivo-lightbox-theme-default .nivo-lightbox-title { font: 18px/20px 'PT Serif', serif; border-radius: 0; display: block; padding: 20px; background: transparent; }
.page .nivo-lightbox-theme-default.nivo-lightbox-overlay,
.single .nivo-lightbox-theme-default.nivo-lightbox-overlay { background: rgba(0,0,0,0.85);}
.cta, .cta:visited, .cta:focus { background: #9e0e0d; color: #fff; display: block; margin: 15px 0; padding: 10px; border: none !important; font-size: 18px; }
.cta span { display: block; font-size: 13px; color: #ccc; }
.cta i { font-size: 20px; float: left; margin: 0 10px 10px 0; }
.cta:hover { background: #333; }
.cta:hover, .cta *:hover, .cta *:visited, .cta *:focus { color: #bbb; }
.page .nivo-lightbox-theme-default .nivo-lightbox-image img,
.single .nivo-lightbox-theme-default .nivo-lightbox-image img { background: transparent; }
.page .nivo-lightbox-theme-default .nivo-lightbox-close,
.single .nivo-lightbox-theme-default .nivo-lightbox-close { background-position: 0 0; }
.page .btn-success,
.page .btn-success:visited { background: #146027; border: none; color: #fff; }
.page .btn-success:hover,
.page .btn-success:active,
.page .btn-success:focus { background: #0a481a; color: #fff; }
.page .panel-group { margin: 0; }
.page .panel { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; }
.page .panel-group .panel+.panel { margin: 0; }
.turizam-accordion { clear: both; padding: 40px; background: #9e0e0d; -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 20px rgba(0,0,0,0.5); box-shadow: inset 0 0 20px rgba(0,0,0,0.5); }
.turizam-accordion a { font-size: 24px; color: #fff; }
.turizam-accordion a:after { content: '\f077'; font-family: 'FontAwesome'; margin-left: 20px; font-size: 14px; top: 8px; position: absolute; }
.turizam-accordion a.collapsed:after { content: '\f078'; }
.toggler-before { border: none !important; }
.toggler-before:before { content: '\f077'; font-family: 'FontAwesome'; margin-right: 20px; }
.toggler-before.collapsed:before { content: '\f078'; }
.galerija-proizvoda a span { background: #9e0e0d; color: #fff; display: inline-block; padding: 2px 10px; border-radius: 4px; margin-top: 10px; }
.galerija-proizvoda.blue a span { background: #0086CB; }
.galerija-proizvoda.blue a:hover span { background: #144d7c; }
.galerija-proizvoda.gold a span { background: #615437; }
.galerija-proizvoda.gold a:hover span { background: #280102; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; }
.table.small th,
.table.small td { font-size: 13px; }
.wpcf7-form div { position: relative; }
.plusbutton { position: absolute; top: 5px; right: -30px; border: none !important; font-size: 20px; font-weight: bold; display: block; width: 20px; height: 20px; border-radius: 50%; background: #ccc; color: #fff !important; text-align: center; line-height: 20px; }
.menuli { display: inline; }
.seals-of-approval { clear: both; float: left; width: 100%; margin-top: 20px; }
.seals-of-approval > div { display: inline-block; }
.seals-of-approval svg { margin: 0px 10px!important; display: inline-block!important; }
.seals-of-approval .no-margin { margin: 0px!important; }
.consent-wrapper { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 999999; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); box-shadow: 0 0 15px rgba(0,0,0,0.5); }
.consent-container { padding: 30px; overflow: hidden; font-size: 16px; }
.consent-text-wrapper { float: left; }
.consent-button-wrapper { width: 100px; float: right; text-align: right; }
.grecaptcha-badge { display: none; }
.video-container { position: relative; padding-bottom: 56.25%; } 
.video-container:after { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }
.video-container iframe { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; }
.pb-3 { margin-bottom: 20px; }
@media screen and (max-width: 1170px) {
header #menu-menu-1-en li a { margin: 0px 4px; }
}
@media screen and (max-width: 1200px) {
header .logo { margin: 0px 20px; }
header .stamp { left: 90px; }
header .main-menu li a { margin: 0px 4px; }
header #menu-menu-1-en li a { margin: 0px; }
}
@media screen and (max-width: 1080px) {
header .main-menu li a { margin: 0px; }
}
@media screen and (max-width: 1410px) {
header nav { height: 180px; margin-top: 80px; }
header nav .header-image { max-width: 100%; }
header nav .main-menu { position: fixed; top: 0px; left: 0px; right: 0px; margin: 0px; height: 80px; background: white; z-index: 9999; }
header nav .logo { transform: scale(0.64); width: 220px; height: 90px; margin: 0px 0px 0px -110px; position: absolute; top: 0px; left: 50%; }
header nav .menu-menu-1-container,
header nav .menu-menu-1-en-container { overflow: scroll; position: fixed; width: 260px; right: -260px; top: 80px; bottom: 0px; }
header nav .main-menu ul { margin: 10px 0px; float: left; width: 100%; }
header nav .main-menu ul li { display: block; float: left; width: 100%; }
header nav .main-menu ul li a { float: left; width: 100%; }
header nav h1 { font-size: 36px; letter-spacing: -1px; top: 50px; }
header nav .main-menu #menu-item-11,
header nav .main-menu #menu-item-1557 { position: fixed; width: 38px; top: 18px; left: 8px; zoom: 1.2; }
header nav .main-menu #menu-item-11 a,
header nav .main-menu #menu-item-1557 a { background: url(//www.belje.hr/wp-content/themes/belje/images/search-black-icon.svg) no-repeat; }
header nav .main-menu .menu #menu-item-11,
header nav .main-menu .menu #menu-item-1557 { display: none; }
header .main-menu > #menu-item-11 { display: block; }
header nav.short { height: 280px; }
.page-template-page-banner header nav.short { height: 0px; }
header .sub-menu { margin: 0px!important; padding-left: 15px; float: left; width: 100%; }
header .main-menu .sub-menu li a { color: #ccc; }
header .main-menu .stamp { display: none; }
header nav .header-image { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
.menu-toggle { position: fixed; right: 18px; top: 38px; display: block; background: black; width: 30px; height: 3px; text-indent: -9999px; z-index: 9999; }
.menu-toggle:before, .menu-toggle:after { position: absolute; width: 100%; height: 100%; top: 0px; display: block; content: ''; }
.menu-toggle:before { padding-bottom: 6px; border-top: 3px solid black; top: auto; bottom: 0px; }
.menu-toggle:after { padding-top: 6px; border-bottom: 3px solid black; }
}
@media screen and (max-width: 768px) {
header nav { height: 280px!important; }
header nav h1 { top: 50%; margin-top: -30px; }
header nav .videowrapper { margin-top: 150px; }
.single-page-wrap.section-title h2 { font-size: 34px; }
.single-page-wrap.breadcrumbs { padding: 20px 40px; }
.single-page-wrap.breadcrumbs ul li { font-size: 13px; margin-right: 5px; }
.single-page-wrap.breadcrumbs ul li:after { margin-left: 5px; } .product-wrap .featured-text { width: 100%; }
.product-wrap .featured-image { width: 100%; text-align: center; }
.product-wrap .featured-image img { width: 100%; }
.carousel { width: 100%; overflow: hidden; }
.module h3 { font-size: 34px; }
.carousel, .module, .module-text, .module-image, .module-image img { height: 400px; }
.module-image:before { height: 400px; width: 35px; background-size: 35px 400px; }
.module:after { z-index: 99; }
.module-link { left: 0px; right: 0px; }
.module-image img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.module-image:before { z-index: 9; }
footer .footer-menu > li { width: 33.33333333%; margin: 0px 0px 20px 0px; }
footer .bottom-footer .container { text-align: center; }
footer .bottom-footer p { margin-left: 0px; }
footer .bottom-footer .right-list { float: none; margin-right: 0px; margin-bottom: 50px; }
footer .bottom-footer .right-list li { display: block; margin: 10px; }
}
@media screen and (max-width: 767px) {
header nav { height: auto!important; }
header nav .videowrapper { margin: 0px!important; height: auto; }
header nav .videowrapper iframe { display: none; }
header nav .videowrapper > img { display: block; width: 100%; }
.page-navigation { width: 100%; float: left; }
.page-navigation a { font-size: 1em; margin: 0px; }
.page-navigation .pull-left { margin: 0px 0px 0px 30px; }
.page-navigation .pull-right { margin: 0px 30px 0px 0px; }
.page-template-page-vijesti small { margin-bottom: 10px; display: block; }
.single-page-wrap.breadcrumbs { padding: 10px; }
.middle { padding: 0px 15px; top: 0px;
transform: none;
-webkit-transform: none;
-ms-transform: none;
}
.badges .col-sm-2 .img-responsive { margin: 0 auto; }
.module { width: 50%; height: auto; float: left; }
.module-text { width: 100%; height: auto; }
.module-text .middle { float: left; width: 100%; }
.module-text h3 { display: block; }
.module-image { width: 100%; height: auto; }
.module-image:before { background: none; display: none; }
.module-image img { position: static; max-width: 100%; height: auto; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.module h3 { font-size: 1.6em; line-height: 1.1em; margin: 10px 0px; }
.module p { display: none; }
.page-template-page-povijest .module p { display: block; }
.page-template-page-povijest .module p:first-of-type { margin-top: 20px; }
.page-template-page-povijest .module p:last-of-type { margin-bottom: 20px; }
.module-left { width: 100%; }
#vijesti-carousel .module-link { left: 0px; right: 0px; }
#vijesti-carousel .module-left { width: 100%; }
#vijesti-carousel .module { height: 300px; }
#vijesti-carousel .module-image { height: auto; } .carousel { height: 286px; }
@keyframes rolling-out { from { width: 100%; } to { width: 100%; }}
.menu-zmenu-container, #menu-zmenu, .page-wrap, .single-page-wrap { float: left; width: 100%; }
.single-page-wrap { padding: 30px 15px; text-align: center; }
.single-page-wrap p { margin: 20px 0px; }
.award-image { width: 30%; }
.award-text { width: 70%; }
.map { float: left; width: 100%; }
.social-buttons li { margin: 0px 8px; }
footer { float: left; width: 100%; }
footer .top-footer { padding: 50px 0px 20px 0px; }
footer .footer-menu > li { width: 100%; }
.seals-of-approval > div { display: block; vertical-align: middle; }
.seals-of-approval svg { vertical-align: middle; }
.hide-mobile { display: none!important; }
.map #datalabel { max-width: 90%; left: 5%; }
.map #datalabel h3 { white-space: normal; }
.alignleft,
.alignright { float: none; display: block; }
header nav .verlauf { display: none; }
.tockice { clear: both; position: relative; }
}
@media screen and (max-width: 591px) {
footer .top-footer svg { top: 150px; }
.search-modal form { width: 260px; margin-left: -150px; }
header nav .videowrapper { margin-top: 200px; }
header nav iframe { height: 80vh; }
.page-id-2124 .table-striped,
.page-id-2124 .table-striped th, 
.page-id-2124 .table-striped td, 
.page-id-2124 .table-striped tr { display: block; }
.page-id-2124 .table-striped th { display: none; }
.page-id-2124 .table-striped td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; text-align: right; min-height: 35px; }
.page-id-2124 .table-striped td:before { position: absolute; top: 6px; left: 6px; width: 45%;  padding-right: 10px;  white-space: nowrap; text-align: left; }
.page-id-2124 .table-striped td:nth-of-type(1):before { content: "RB"; }
.page-id-2124 .table-striped td:nth-of-type(2):before { content: "Oznaka"; }
.page-id-2124 .table-striped td:nth-of-type(3):before { content: "Naziv proizvoda"; }
.page-id-2124 .table-striped td:nth-of-type(4):before { content: "SB %"; }
.page-id-2124 .table-striped td:nth-of-type(5):before { content: "Rinfuza (kn) bez PDV-a"; }
.page-id-2124 .table-striped td:nth-of-type(6):before { content: "Pakiranje 25/1 (kn) bez PDV-a"; }
.page-id-2124 .table-striped td:nth-of-type(7):before { content: "Pakiranje 10/1 (kn) bez PDV-a"; }
.page-id-2124 .table-striped th:nth-of-type(3) { display: block; }
.page-id-2124 .table-striped tr:first-child th:nth-of-type(3) { display:  none; }
}
@media screen and (max-width: 375px) {
.carousel { height: 260px; }
.page-navigation a { font-size: 0.9em; }
.page-navigation .pull-left { margin: 0px 0px 0px 20px; }
.page-navigation .pull-right { margin: 0px 20px 0px 0px; }
.seals-of-approval .big-seal { width: 130px; height: 80px; }
}
@media screen and (max-width: 323px) {
footer .top-footer svg { top: 174px; }
}
@media screen and (min-width: 768px) {
header .menu-menu-1-container { -webkit-transition: all .0s linear; -moz-transition: all .0s linear; -o-transition: all .0s linear; -ms-transition: all .0s linear; transition: all .0s linear; }
}
@media screen and (min-width: 1600px) {
header nav .main-menu { left: 50%; margin-left: -800px; }
}
.banner-modal { width: 100%; height: 100vh; background: rgba(0,0,0,0.7) url(//www.belje.hr/wp-content/themes/belje/images/uskrs2022.jpg) center center / 80% no-repeat; position: fixed; top: 0; left: 0; cursor: pointer; z-index: 999999; }
@media screen and (max-width: 930px) {
.banner-modal { background-size: contain; }
}
.circle {
border-radius: 50%;
background-color: #9e0e0d;
width: 150px;
height: 150px;
position: absolute;
right: 120px;
top: 5px;
opacity: 0;
animation: scaleIn 3s infinite cubic-bezier(.36, .11, .89, .32);
transition: unset;
}
@keyframes scaleIn {
from {
transform: scale(.1, .1);
opacity: .4;
}
to {
transform: scale(.6, .6);
opacity: 0;
}
}
@media screen and (max-width: 1410px) {
.circle { display: none; }
}
.belje #cmplz-document p, 
.belje .editor-styles-wrapper .cmplz-unlinked-mode p, 
.belje #cmplz-document li, 
.belje .editor-styles-wrapper .cmplz-unlinked-mode li, 
.belje #cmplz-document td, 
.belje .editor-styles-wrapper .cmplz-unlinked-mode td { font-size: 1.2em; }
.belje #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div, 
.belje #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div, 
.belje .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div { grid-template-columns: 1fr auto; }
.belje .cmplz-document .style-text h2 { font-size: clamp(1.875rem, 3vmax, 3.5rem); word-break: break-word; }
.belje .cmplz-document .style-text .cmplz-dropdown > * { padding: 1rem 0; }
.belje .cmplz-document .style-text .cmplz-dropdown .cmplz-service-header { padding: 1rem 0; }
.belje .cmplz-document .style-text .cmplz-dropdown .cmplz-service-header div { display: flex; justify-content: space-between; align-items: center; }
.belje .cmplz-document .style-text .cmplz-dropdown h3, 
.belje .cmplz-document .style-text .cmplz-dropdown h4, 
.belje .cmplz-document .style-text .cmplz-dropdown h5 { font-size: clamp(1rem, 1vmax, 1.875rem); font-family: sans-serif; margin: 0; }
.belje .cmplz-document .style-text .cmplz-category span { font-size: clamp(1rem, 1vmax, 1.875rem); }
.belje .cmplz-document .style-text .cookies-per-purpose > * { margin-bottom: 1rem; }
.belje .cmplz-document #cmplz-cookies-overview .cmplz-dropdown summary div h3, 
.belje .cmplz-document #cmplz-document .cmplz-dropdown summary div h3, 
.belje .cmplz-document .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3 { margin-bottom: 8px; }
.belje .cmplz-document #cmplz-cookies-overview .cmplz-dropdown summary, 
.belje .cmplz-document #cmplz-document .cmplz-dropdown summary, 
.belje .cmplz-document .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary { padding: 30px 10px; }
.belje .cmplz-document #cmplz-cookies-overview .cmplz-dropdown summary p, 
.belje .cmplz-document #cmplz-document .cmplz-dropdown summary p, 
.belje .cmplz-document .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p { border-right: 1px solid #000; padding-right: 20px; }
.belje .cmplz-document #cmplz-cookies-overview .cmplz-dropdown summary div: after, 
.belje .cmplz-document #cmplz-document .cmplz-dropdown summary div: after, 
.belje .cmplz-document .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div: after { margin: 20px 3px 3px 3px; }
@media only screen and (max-width:  767px) { 
.belje .cmplz-document #cmplz-cookies-overview .cmplz-dropdown, 
.belje .cmplz-document #cmplz-document .cmplz-dropdow, 
.belje .cmplz-document #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category { width: 90vw; }
.belje .cmplz-document #cmplz-cookies-overview .cmplz-dropdown summary div, 
.belje .cmplz-document #cmplz-document .cmplz-dropdown summary div, 
.belje .cmplz-document .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div { display: flex; flex-direction: column; justify-content: space-between; align-items: center; grid-gap: unset; }
.belje .cmplz-document #cmplz-cookies-overview .cmplz-dropdown summary, 
.belje .cmplz-document #cmplz-document .cmplz-dropdown summary, 
.belje .cmplz-document .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary { padding: 20px 10px 10px 10px; }
.belje .cmplz-document #cmplz-cookies-overview .cmplz-dropdown summary p, 
.belje .cmplz-document #cmplz-document .cmplz-dropdown summary p, 
.belje .cmplz-document .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p { border-right: 0; padding-right: 0; margin-bottom: 4px; }
}