@import 'https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900|Roboto+Condensed:400,700|Roboto:400';
/*@import 'https://fonts.googleapis.com/css?family=Pacifico|Lato:100,100italic,300,300italic,400italic,400,700,700italic,900,900italic|Montserrat:400,700';*/

/********  važno   *************/
.no-js [data-responsive-toggle]{
    display:none; /*removes responsive top menu flashing on large screens  FUOC */
}
/******************************/

body { font-family:"Maven Pro", sans-serif !important;}
h1, h2, h3, h4, h5, h6 { font-family:"Maven Pro",sans-serif!important;}
h1{font-size:2.2rem!important;}
h2{font-size:2rem!important;}
h3{font-size:1.6rem!important;}
h4{font-size:1.2rem!important;}
h5{font-size:1rem!important;}
h6{font-size:.8rem!important;}
figcaption { font-size:12px;}

a{ outline:none!important;}

.breadcrumbs a{ color:#333740!important;}
#block-languageswitcher a.is-active, #block-languageswitcher a{background-color:#333740!important; color:#eee!important;}
#block-languageswitcher{ max-width:1170px; text-align:right; width:auto;    margin-left: auto;    margin-right: auto; margin-bottom:40px;}
#block-languageswitcher ul.links li{ list-style-type:none; display:inline-block; padding-right:15px; font-size:.9rem;}
#main-menu { font-size:0.95rem; /*text-transform:uppercase;  */font-family:"Roboto Condensed",sans-serif; font-weight:600;}
#main { min-height:451px;}
#main img { /*border:1px solid #333;*/}
/*ul.menu li a{ border:1px solid #fff;}*/
ul.menu .menu-item--active-trail{background-color:#F6B318;}
ul.menu a.is-active{/* border:1px solid #333;*/background-color:#F6B318;}
ul.menu li ul li a.is-active{/* border:1px solid #333;*/background-color:#FAD37A!important;}

ul.menu ul.submenu a{ border:none!important;}

.menu a{ color:#333740!important;}
.menu a:hover{ color:#000!important;}
ul.menu li:hover{ background-color:#EEEFF2;}
div.top-bar-right ul.menu li:nth-child(7), div.top-bar-right ul.menu li:nth-child(7) a.is-active{background-color:#1779BA!important;}
div.top-bar-right ul.menu li:nth-child(7) a{ color:#fff!important; white-space: nowrap;}
div.top-bar-right{ padding-bottom:15px;}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {    display: none!important;    width: 0;    height: 0;    border: 6px inset;    content: "";    border-bottom-width: 0;    border-top-style: solid;    border-color: #fff transparent transparent!important;    right: 5px;    margin-top: -3px;}
.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{ left:0!important; right:auto!important; font-family:"Roboto", sans-serif!important; font-weight:400!important;}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{ padding-right:1rem!important;}
.menu>li>a {
    display: block;
    padding: .7rem .9rem!important;
    line-height: 1;
}

.is-drilldown-submenu-parent>a:after{border-color: transparent transparent transparent #777!important;}
.js-drilldown-back a{ background-color:#F6B318; width:120px;}

.is-dropdown-submenu li{ border-bottom:1px solid #333;}
.is-dropdown-submenu li:last-child{ border-bottom:none!important;}
ul.is-dropdown-submenu{border:1px solid #333!important;}

.top-bar, .top-bar ul {    background-color: #fff!important; padding-bottom:0!important;}

.js-drilldown-back>a:before {
    display: block;
    width: 0;
    height: 0;
    border: 8px inset!important;
    content: "";
    border-right-style: solid;
    border-color: transparent #333740 transparent transparent!important;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem;
    border-left-width: 0;
}


header.row{ z-index:999!important; position:relative;}
.orbit, .orbit-container{ z-index:-1!important;}



.medd img{ display:inline-block; float:left;}
.meddnaslov { display:block; margin:10px 0; font-weight:700;}
.paddcert10{ padding:10px 0; border-bottom:1px solid #D3D7DE;  border-left:1px solid #D3D7DE;}
.paddcerttop{ border-top:1px solid #D3D7DE; padding-top:10px;}
.callout{ margin-top:20px!important;z-index: -1 !important;}
.field-paragraph--field-text-demo{ padding-right:30px;}
ul.vasa-prijava{ list-style:none; list-style-type:none; margin-left:10px;}

div.fa{ color:#666;}
div.fa div.field-items{ display:inline-flex;}
div.field-node-field-tags div.field-item{ display: list-item;    float: left;    padding-right: 10px;    list-style: none; font-family:"Roboto Condensed",sans-serif;}
div.field-node--field-tags div.field-item a{ font-family:"Maven Pro",sans-serif!important; color:#666;    font-size: .9rem; padding:0 15px 0 5px;}
.field-node--field-datum{ border-bottom:1px dashed #999;border-left:8px solid #F6B318; padding-left:15px; margin:30px 0;}
.field-polje-datum .field-item time{ font-family:"Maven Pro", sans-serif;}

div.paragraph img{ max-width:90%;}

#sidebar-second{ background-color:#EEEFF2; border-left:none; /*border-top:1px solid #D3D7DE;border-right:1px solid #D3D7DE;border-bottom:1px solid #D3D7DE;*/}
#block-fripoladresa{padding: 10px 10px 0px 10px;}


#main{ border-right:1px solid #D3D7DE;}

#block-views-block-javna-nabava-block-1 div.view-mode-full{ padding-bottom:30px; margin-bottom:50px; border-bottom:3px solid #F6B318;}


#block-vaznaobavijestnaslovnicagerman,#block-vaznaobavijestnaslovnicaenglish,#block-vaznaobavijestnaslovnicahrvatski{   /*  position: absolute;  */  bottom: 20px;    width: 100%; z-index:999;}

#block-vaznaobavijestnaslovnicagerman .row .first-col,
#block-vaznaobavijestnaslovnicaenglish .row .first-col, 
#block-vaznaobavijestnaslovnicahrvatski .row .first-col
{background:#fff;display:block; min-height:140px; padding:10px;}


#block-vaznaobavijestnaslovnicagerman .row .last-col, 
#block-vaznaobavijestnaslovnicaenglish .row .last-col, 
#block-vaznaobavijestnaslovnicahrvatski .row .last-col
{background:#1779BA; color:#FFF; display:block; min-height:140px; padding:10px;}


#block-vaznaobavijestnaslovnicagerman .row .last-col a,
#block-vaznaobavijestnaslovnicaenglish .row .last-col a,
#block-vaznaobavijestnaslovnicahrvatski .row .last-col a{ color:#000!important;}



.bgbijelonaslovnica{ background:#fff!important; text-align:center!important;}
.bgbijelonaslovnica div.last-col{background:#fff!important; }
.bgbijelonaslovnica img{padding-top:20px; }
.bgplavo16{background-color: #1779ba !important; color:#fff!important; font-size:16px; padding:5px;}


.field-name-field-datoteka{ background-color:#efefef; padding:20px;}
span.file--general a { font-family:"Maven Pro", sans-serif!important;}



.blokcrta{ display:block; height:10px;}
.zutacrta {
    background: #F6B318 none repeat scroll 0 0;
    content: "";
    height: 0.25rem;
    left: 50%;
    position: absolute;
 /*   top: 1.125rem;*/
    transform: translateX(-50%);
    width: 5rem;
}
#welcomehometxt {
    height:auto;
    position: absolute;
    top: calc(50vh - (/* height */200px / 2));
    left: calc(50vw - (/* width */460px / 2)); 
	color:#FFF;
	z-index:1000; 
	width:460px;  
	color:#FFF; 
	text-align:center;
	display:block;
}

#welcomehometxt h1{ line-height:3.2rem;}
#welcomehometxt h1{ font-size:3.6rem!important;margin-bottom: 1.5rem;}
.tagline{ font-size:1.3rem;line-height: 1.5rem;}

#block-zertifikateundsiegel img{ max-width:70%!important;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
#block-zertifikateundsiegel img:hover{ 
/* Disable grayscale on hover */
  -webkit-filter: grayscale(0);
  filter: none;
}

#block-zertifikateundsiegel div.last-col img{ display:none!important;}


.field-node--field-image .field-item{ width:auto; float:left; margin:0 15px 15px 0; text-align:center; min-width:270px;}



/*.accordion-title::before {    color: #555;    content: "+";    font-size: 2rem;    margin-top: -0.5rem;    position: absolute;    top: 40%;	left:0rem!important;	right:auto;	margin-left:-20px;	font-weight:700;}*/
.accordion-title::before { color: #555;
    content: "+";
    font-size: 1.5rem;
    margin-top: -0.5rem;
    position: static!important;
    font-weight: 700;
    height: 25px;
    padding-right: 10px;
	font-family:Arial, Helvetica, sans-serif;
	}
.accordion-title { font-size:1rem; font-weight:700; color:#333740;font-family: "Roboto Condensed",sans-serif !important;white-space: nowrap;    padding: 1.25rem .5rem!important; }
li.is-active a.accordion-title, a.accordion-title:hover, a.accordion-title:focus{ background-color:#D3D7DE!important; color:#fff;}
div.accordion-content{ background-color:#EEEFF2;}

.fripolslider{ border-top: 1px solid #444;  z-index:-1!important; display:block; margin-bottom:40px;-webkit-box-shadow: 0px 3px 15px -8px rgba(74,73,74,1);-moz-box-shadow: 0px 3px 15px -8px rgba(74,73,74,1);box-shadow: 0px 3px 15px -8px rgba(74,73,74,1);}




body.page-node-13 .fripolslider, body.page-node-18 .fripolslider,body.page-node-21 .fripolslider{ background-image:url(../images/bg2.jpg); background-position:center center; background-repeat:no-repeat;height:120px; }
body.page-node-9 .fripolslider, body.page-node-15 .fripolslider{ background-image:url(../images/bg7.jpg); background-position:center center; background-repeat:no-repeat;height:120px; }
body.page-node-14 .fripolslider, body.page-node-16 .fripolslider{ background-image:url(../images/bg4.jpg); background-position:center center; background-repeat:no-repeat;height:120px; }
body.page-node-30 .fripolslider{ background-image:url(../images/bg5.jpg); background-position:center center; background-repeat:no-repeat;height:120px; }
body.page-node-32 .fripolslider{ background-image:url(../images/bg6.jpg); background-position:center center; background-repeat:no-repeat;height:120px; }
body.page-node-34 .fripolslider{ background-image:url(../images/bg1.jpg); background-position:center center; background-repeat:no-repeat;height:120px; }
body.path-news .views-row,  #block-views-block-news-block-1 .views-row,  #block-views-block-news-block-2 .views-row,  #block-views-block-news-block-3 .views-row{padding-bottom: 20px; padding-top:10px; margin-bottom:40px; border-top: 1px dashed #999;}
#block-views-block-news-block-1,#block-views-block-news-block-2,#block-views-block-news-block-3{ max-width:94%;}
body.path-news .naslov-vijesti a, #block-views-block-news-block-1 .naslov-vijesti a, #block-views-block-news-block-2 .naslov-vijesti a, #block-views-block-news-block-3 .naslov-vijesti a { font-size:1.8rem; color:#000; display:block; padding-bottom:30px;}

.datum-mjesec { font-size:1rem; margin-bottom:-5px; font-family:"Roboto Condensed",sans-serif; font-weight:700;}
.datum-godina { font-size:1.2rem; font-family:"Roboto Condensed",sans-serif; font-weight:700;}
.news-datum{ background-color:#fefefe; border-left:3px solid #F6B318; margin-left:5px; width: auto;    padding: 6px!important;}
span.readmore{display: inline-block; font-size: .9rem;padding: 2px 5px; }
span.readmore:hover{background-color:#F6B318; color:#FFF;}
span.readmore .fa{color:#F6B318; font-size:12px;}
span.readmore:hover .fa{color:#fff;}
span.readmore a{color:#F6B318;display: inline-block; min-width:50px; height:20px;}
span.readmore a:hover{ color:#FFF; background-color:#F6B318;}
/*body.path-node .fripolslider{ background-image:url(../images/bg1.jpg); background-position:center center; background-repeat:no-repeat;height:120px; }*/
body.path-webform .fripolslider{ background-image:url(../images/bg1.jpg); background-position:center center; background-repeat:no-repeat;height:120px; }

body.path-contact #edit-langcode-wrapper{ display:none!important;}
body.path-webform #edit-information{ margin-top:8px;}


.fullscreen-image-slider .orbit-image {width: 100%;  /*height: 50vh;*/  height:400px; overflow:hidden;  z-index:-1!important;}
.fullscreen-image-slider .orbit-caption {  bottom: 50%;  -webkit-transform: translateY(50%);  -ms-transform: translateY(50%);  transform: translateY(50%);  background: none;  text-align: center;  color: #fefefe;  font-weight: bold;}
div.bottom-bar{border-top: 2px solid #F6B318; /*border-bottom:20px solid #333740;*/    padding: 20px 0; margin-top:80px;-webkit-box-shadow: 0px 5px 15px -8px rgba(74,73,74,1); -moz-box-shadow: 0px 3px 15px -8px rgba(74,73,74,1);
    box-shadow: 0px 5px 15px -8px rgba(74,73,74,1);    margin-bottom: 20px;}
.tamnosivogore{ background-color:#333740;}


img.logo{margin-top: -5px; /*max-width:110%; float:left;*/ position: absolute; z-index:100;}
.button.success{ width:200px; background-color:#F6B318!important; color:#FFF;}




/*********  webforms  ***************/
#contact-message-feedback-form, #webform-submission-contact-node-21-form, #webform-submission-kontaktformular-node-21-form, #webform-submission-kontakt-obrazac-node-21-form{ max-width:90%; background-color:#EEEFF2; padding:10px 30px;}
#webform-submission-contact-node-21-form #edit-submit, #webform-submission-kontaktformular-node-21-form #edit-submit, #webform-submission-kontakt-obrazac-node-21-form #edit-submit,#webform-submission-job-application-form #edit-submit{width:100%;}


#contact-message-feedback-form #edit-preview{ display:none;}
#contact-message-feedback-form .button.success{ background-color:#F6B318; color:#FFF;}
#edit-captcha-response { max-width:200px;}
.button.success:focus, .button.success:hover {    background-color: #7F8184!important;    color: #fff!important;}
#edit-button{ background-color:#F6B318;}
#edit-captcha-response--description{ font-size:12px; margin-bottom:30px;}
#edit-datoteka-upload div.description,#edit-datei-upload div.description,#edit-file-upload div.description,#edit-resume-file-upload div.description,#edit-dokumenti-upload div.description { font-size:12px; padding-bottom:20px;}
#webform-submission-job-application-form,#block-webform-4,#block-webform-5,#block-webform-6{ background-color:#EEEFF2; padding:10px 20px;}
[type=button], [type=submit]{ border-radius:4px!important;}

.form-item-captcha-response{padding-left: .9375rem;}
#webform-submission-job-application-form .form-item-captcha-response, #webform-submission-stellenbewerbung-node-32-form .form-item-captcha-response, #webform-submission-prijava-za-posao-node-32-form .form-item-captcha-response, #webform-submission-job-application-node-32-form .form-item-captcha-response{padding-left: 0!important;}


/* -----  MAPA -------*/

.js-form-item-distance{ width:100px; display:inline-block; float:left}
.js-form-item-time { width:180px; display:inline-block; float:left}
.form-item-start { width:280px; display:inline-block;}
#route-planner-address-form{ width:320px; background-color:#FFF; padding-left:20px;}
#block-routeplanneraddressfield{ 
width:320px; position:absolute; z-index:300; left:20px; top:50%;-webkit-box-shadow: 1px 10px 30px -15px rgba(74,73,74,1);
-moz-box-shadow: 1px 10px 30px -15px rgba(74,73,74,1);
box-shadow: 1px 10px 30px -15px rgba(74,73,74,1);
}
#block-routeplannermapdisplay{ z-index:10!important; position:relative!important;}
#frmapa{ height: 100vh!important;}
#map_canvas { min-height:400px; height: 100vh!important;}
#fripolmapa{ border-top:1px solid #444;}
#fripolmapa #block-fripol-page-title{ display:none!important;}
section #block-fripol-page-title{ margin-bottom:30px;/*border-bottom: 2px solid #F6B318;*/}


/* ----- footer i copyright area  ------------*/

.copyarea{ font-size:13px; color:#333740;display:block;}
.ftmenu a{ color:#666;line-height:40px; display:block;}

@media print, screen and (max-width: 39.9375em) {
/*div.title-bar{display:none!important;}*/
#block-routeplanneraddressfield{ bottom:0!important; top:auto;}
.title-bar {    background: #333740;    color: #fefefe;	margin-left:-10px;	width:50px; overflow:hidden;}
.title-bar-title { display:none;}
.logocen{ text-align:center;}
img.logo {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative!important;
    width: 233px;
    z-index: 100;
}
#main-menu{ margin-left:-10px; border-top:1px solid #333740;}
#block-welcometextenglish .field-item, #block-welcometextcroatian .field-item, #block-welcometextgerman .field-item{ height:1px;}
#welcomehometxt {
    height: auto;
    position: relative;
    top: 50px;
    left: calc(50vw - (/* width */460px / 2));
    color: #FFF;
    z-index: 10;
    max-width: 460px;
    color: #FFF;
    text-align: center;
    display: block;
	z-index:20;
}

#welcomehometxt h1{ line-height:1.6rem!important; font-size:1.6rem!important;margin-bottom: 1.2rem;}

.tagline{ font-size:1rem!important;line-height: 1.5rem;}
#block-zertifikateundsiegel img{ padding:5px 0;}
}

@media print, screen and (max-width: 39.9375em) and (orientation: landscape){
	
#welcomehometxt {top:200px;}	
	
}
@media print, screen and (min-width: 40em) and (max-width: 72em) and (orientation: landscape){
	
#welcomehometxt {top:200px;}	
	
}