/* UNIVERSAL */


.clear {clear:both; height:0px;}
.clear10, .razmak10 {clear:both; height:10px;}
.clear20, .razmak20 {clear:both; height:20px;}
.clear30, .razmak30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}

.margintop20 {margin:20px 0 0 0;}
.margintop10 {margin:10px 0 0 0;}
.margintop10c {margin:10px 0 0 0;clear:both;}
.marginbottom10 {margin: 0 0 10px 0}
.marginbottom30 {margin: 0 0 30px 0}


.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb > li + li::before {content: none}
.breadcrumb h2 {font-size:13px;margin: 0;color: #fff;font-weight: 400}
.breadcrumb {color:#777;}
.breadcrumb a {/*color:#fed700;*/color:#fff;}
.breadcrumb {margin-top:60px;margin-bottom:0px;background:#44424A;border-radius:0 !important;padding-top:15px;padding-bottom:15px;}

.page-header h2 {line-height: 42px;}



.glavna-tekst {text-align:justify;}
.glavna-tekst img {display:block; max-width:100%; height:auto;}

.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}


ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {font-weight:500;}
.glavna-tekst {text-align:justify;}

/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }



/* SPECIFIC */

#header nav ul.nav-main li a {font-size: 14px; font-weight: 600;padding: 10px 23px;}
#header.flat-menu nav ul.nav-main li > a, #header.flat-menu nav ul.nav-main li.active > a {color: #000;}
#header.flat-menu nav ul.nav-main > li:hover > a, #header.flat-menu nav ul.nav-main > li > a:hover {background-color: transparent  !important;color: #44424A  !important;}

.trazi-ikona { float: left;height: 50px;cursor: pointer;padding: 12px 23px 0px 23px;background-color: #44424A;color: #fff;font-size: 16px;}
.big-search {position:absolute;top:0;right:0;width:195px;height:57px;z-index:10001;display:none}
.maknisearch {width: 195px;height: 50px;;cursor: pointer; }

#header .search input.search:first-child {width: 181px;border-radius:0px}
#header.flat-menu .search {clear: right;margin-top: 0;margin-bottom: 0;background-color: #004272;padding: 13px 7px;border: none;box-shadow: none;color: #ffffff;font-style: italic; margin-left:0;}

body.sticky-menu-active #header.flat-menu ul.nav-main {margin-bottom: 0;margin-top: 0;}
body.sticky-menu-active #header.clean-top ul.nav-main > li > a {    padding-bottom: 10px;padding-top: 10px;}

#header nav ul.nav-main li a.rus {font-size: 14px; font-weight: 600;padding: 10px 18px;}
#header nav ul.nav-main li a.arab {font-size: 14px; font-weight: 600;padding: 10px 45px;}



body {color:#484848;}
p {color:#484848;text-align:justify;}

#header .header-top ul.nav-top li a {padding: 4px 6px;}

.nav.nav-pills.nav-top a {padding:4px;}

#footer {margin-top:0}

#footer .footer-copyright a {color:#fff !important}

#footer ul.simple-post-list li {padding:5px 0; border:none;}

#footer .contact i {float:right; margin:7px 0 10px 8px;}

#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}

.usluge-naslov {height:81px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:300;}
.usluge-tekst {height:75px; line-height:25px; font-size:14px; font-weight:300; margin-top:10px}

ul.footerprojekti {list-style-type:none; padding:0}
ul.footerprojekti li {line-height:36px; color:#fff;}

ul.footerprojekti li span {color:#484848 !important;}


.posaljite-upit {padding:60px 0 40px 0;}

.slider-gumb {padding:15px; font-size:18px; font-weight:600;}


header .nav > li > a:hover, .nav > li > a:focus {background:#5E5C64;}
.sivo {background:#f5f5f5;}


/*ROTATOR*/
.slider-container .top-label {font-size:2.7em; font-weight:600}
.rot-text-1 {border-top:1px solid #fff; border-bottom:1px solid #fff;padding: 30px 0}
.rot-text-1 span {color:#fed700}
.rot-text-2 span {color:#fed700;font-size:0.7em; font-weight:400}



/*FOOTER*/
.footer-drustvene {float: right;position: absolute;top: -4px;right: 49px;}


a.footer-facebook {float:left;width:42px;height:35px;background:url(https://hittner.hr/slike/facebook.png) 0 0 no-repeat;margin:0 2px 0 0}
a.footer-facebook:hover {background:url(https://hittner.hr/slike/facebook-hover.png)  0 0 no-repeat;}
a.footer-twitter {float:left;width:42px;height:35px;background:url(https://hittner.hr/slike/twitter.png) 0 0 no-repeat;margin:0 2px 0 0}
a.footer-twitter:hover {background:url(https://hittner.hr/slike/twitter-hover.png)  0 0 no-repeat;}
a.footer-google {float:left;width:42px;height:35px;background:url(https://hittner.hr/slike/google.png)  0 0 no-repeat;margin:0 2px 0 0}
a.footer-google:hover {background:url(https://hittner.hr/slike/google-hover.png)  0 0 no-repeat;}
a.footer-rss {float:left;width:42px;height:35px;background:url(https://hittner.hr/slike/rss.png) 0 0  no-repeat;}
a.footer-rss:hover {background:url(https://hittner.hr/slike/rss-hover.png)  0 0  no-repeat;}


.owl-theme .owl-controls .owl-nav [class*="owl-"] {/*color: #ffbe00;*/color: #fff;text-shadow: none;background-color: #F10000;border-color: transparent;}
.reklame img {margin: 25px auto; opacity: 0.45; filter: grayscale(100%);-webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.reklame img:hover {opacity: 1; filter: grayscale(0%);-webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-filter: grayscale(0%);}


.izakrug {background:url(https://hittner.hr/slike/iza-krugova.png) #f2f4f6 50% 0 no-repeat;padding:36px 0 0 0;}

.izapolje {background:url(https://hittner.hr/slike/polje.jpg) #f2f4f6 50% 0 no-repeat;padding:36px 0 0 0;}

.rounde {border-radius:50%;margin:0 auto 25px auto;border:3px solid transparent;transition: all 0.3s ease 0s;}
.rounde:hover {border:3px solid #004272;transform: scale(0.97, 0.97);}

a.round-title {font:600 16px 'Open Sans';display:block;margin:0 0 12px 0;}
a.round-title:link {color:#004272;}
a.round-title:visited {color:#004272;}
a.round-title:hover {color:#004272;}
a.round-title:active {color:#004272;}
div.round-text {color:#363636;font:normal 13px 'Open Sans';}

.vijesti-box {background:#F2F4F6;padding:20px;min-height:100px;margin:0;font:normal 12px/15px 'Open Sans';}
.zadnje-vijesti {font:bold 20px 'Open Sans';color:#004272;margin:90px 0 30px 0;}
.plavisivi {background:url(https://hittner.hr/slike/plava-siva.gif) 50% 0 repeat-y;height:389px;}

html .testimonial2 .testimonial-arrow-down, html .testimonial3 .testimonial-arrow-down2 {
    border-top-color: transparent;
}

.testimonial2, .testimonial3 {height:389px;font:200 15px/25px 'Open Sans';text-align: justify;}

.testimonial2 {color:#fff;padding:50px 0 0 0;background:url() 0 0;}
.testimonial3 {color:#515151;padding:50px 0 0 40px;}

.testimonial2 .testimonial-arrow-down {
width: 0;
height: 0;
border-style: solid;
border-width: 23.5px 0 23.5px 24px;
border-color: transparent transparent transparent #004272;
position:absolute;
top:34px;
right:-39px;
z-index:4;
}

.testimonial3 .testimonial-arrow-down2 {
width: 0;
height: 0;
border-style: solid;
border-width: 23.5px 24px 23.5px 0;
border-color: transparent #F2F4F6 transparent transparent;
position:absolute;
bottom:34px;
left:-9px;
z-index:4;
}

.traktori {float:left;font:bold 24px Arimo;color:#fff;margin:0 7px 20px 0;}
.kvaliteta {font:normal 24px Arimo;color:#53aeda;margin:0 0 20px 0;}
.zelite {float:left;font:normal 22px Arimo;color:#000;margin:0 0 20px 0;}
.nase-reference {text-align:center;color:#000;}
.nase-reference span {display:block;font:normal 22px Arimo;color:#000;margin:0 0 30px 0;}
.zadnje-naslov {text-transform:uppercase;display:block;margin:0 0 10px 0;}
a.zadnje-naslov:link {color:#000;}
a.zadnje-naslov:visited {color:#000;}
a.zadnje-naslov:hover {color:#000;}
a.zadnje-naslov:active {color:#000;}
.nase-reference a {font-weight:bold;}
.nase-reference a:link {color:#004272 !important;}
.nase-reference a:visited {color:#004272 !important;}
.nase-reference a:hover {color:#004272 !important;}
.nase-reference a:active {color:#004272 !important;}

.page-header {border-top: none;background-color: transparent;background: url('https://hittner.hr/slike/hittner-section.png') top center no-repeat;background-size: cover;}
section.page-header h1 {border-bottom-color: #F3D333;}
.slika-desno {float:right; margin: 0 0 15px 15px;  height: auto !important;border: 4px solid #e9e9e9;}
.slika-sredina {border: 4px solid #e9e9e9;}
.slika-lijevo {float:left; margin: 0 15px 15px 0;  height: auto !important;border: 4px solid #e9e9e9;}

.red-box {background:#F3D333;padding:18px 20px 20px 20px;color:#000;font:normal 13px 'Open Sans';}
.red-box p {color:#000;line-height:16px;margin:8px 0 0 0;}
.red-box2 {background:#F3D333;padding:8px 10px 15px;color:#000;font:normal 13px 'Open Sans';margin-top:35px;}
.red-box2 p {color:#000;line-height:13px;margin:8px 0 0 0;font-size:12px;}
.akcija-slika {float:left;margin:0 15px 0 0;}
.nova-naslov {font:600 16px 'Open Sans';color:#000;}
a.red-link {font:normal 13px 'Open Sans';font-weight: bold}
a.red-link:link {color:#000;}
a.red-link:visited {color:#000;}
a.red-link:hover {color:#000;}
a.red-link:active {color:#000;}
.red-image {vertical-align:top;float:left;margin:0 15px 10px 0;}


.video-container {
 position:relative;
 padding-bottom:56.25%;
 padding-top:30px;
 height:0;
 overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}

.sividio.sumski {min-height:64px;}
.sividio {background:#F3D333;color:#fff;padding:10px 15px;font:normal 18px/27px 'Open Sans';min-height:74px;}
.sividio.gal {background:#F3D333;color:#fff;padding:10px 15px;font:normal 18px/27px 'Open Sans';min-height:34px;}
.sividio h3 {font:normal 13px/15px 'Open Sans';margin:0 0 0 0;}
.sividio h3 a:link {color:#000;}
.sividio h3 a:visited {color:#000;}
.sividio h3 a:hover {color:#000;}
.sividio h3 a:active {color:#000;}
.sividio div.round {line-height:22px;float:left;font-size:16px;margin:0 6px 0 0;text-align:center;width:24px;height:24px;font-weight:bold;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background:#fff;color:#f00;}
.crveniborder {border:4px solid #eee;}
.imgbordersivi {border:4px solid #eee;}

.traktoriheader {font-weight:bold;}
.main h1 a:link {color:#fff;text-decoration: none;}
.main h1 a:visited {color:#fff;text-decoration: none;}
.main h1 a:hover {color:#fff;text-decoration: none;}
.main h1 a:active {color:#fff;text-decoration: none;}

.crveniborder a:link {text-decoration:none;}
.crveniborder a:visited {text-decoration:none;}
.crveniborder a:hover {text-decoration:none;}
.crveniborder a:active {text-decoration:none;}


.traktoriheader {
        margin: 0; 
        padding: 5px 10px 5px 10px;
        border: 0;
        background-color: #bbb;                
        color: #fff;        
        font-size: 14px;        
        font-weight: bold;
}

.traktoriheader2 {
        margin: 0; 
        padding: 5px 10px 5px 10px;
        border: 0;
        background-color: #bbb;                
        color: #fff;        
        font-size: 11px;        
        font-weight: normal;
}

.traktorirow {
        margin: 5px;         
        padding: 2px 10px 2px 10px;
        border: 0;        
        background-color:#fff;        
        color: #938e8b;        
        font-size: 14px;
}

.traktorirow2 {
        margin: 5px;         
        padding: 2px 10px 2px 10px;
        border: 0;        
        background-color:#ececec;        
        color: #938e8b;        
        font-size: 14px;
}

.traktorirow3 {
        margin: 5px;         
        padding: 2px 10px 2px 10px;
        border: 0;        
        background-color:#ececec;        
        color: #938e8b;        
        font-size: 11px;
}

.naziv-agencija {background-color: #017cb5;color: #fff;padding: 3px 10px;font-weight:bold}

.contact {
float: left;
width: 148px;
margin: 0;
padding: 20px 0 0 20px;
}

.vijesti-box-smaller {
    background: #fff;
    min-height: 100px;
    margin: 0;
    font: normal 12px/15px 'Open Sans';
padding: 12px;
}

.konta p {line-height:20px;font-size:13px;}
.trazimo {    background: #eee none repeat scroll 0 0;
    color: #F3D333;
    font: bold 20px "Open Sans";
    margin: 0 0 15px;
    padding: 10px;
    text-align: center;}

#header.flat-menu > .container {height:80px;}
.jezik {background:#5E5C64;}

.bigslik {border:1px solid #44424A;}









.l-span-2 {
	display: inline;
	float: left;
	width: 74px;
	margin-left: 0%;
	margin-right: 0%;
}
.b-header__language-selector {
	position: relative;
	height: 46px;
	/*margin-top: 25px;*/
	right:10px;
background:#013A63;
}
.b-header__language-selector:hover .b-header__language-selector-current {
	/*background-color: #f1f1f1;*/
}
.b-header__language-selector:hover .b-header__language-selector-list {
	display: block;
}
.b-header__language-selector a {
	color: #fff !important;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	height: 100%;
	display: block;
}
.b-header__language-selector-current {
	display: block;
	position: relative;
	background: 18px center;
}
.b-header__language-selector-current:after {
	position: relative;
	top: 50%;
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: ' ';
	position: absolute;
	right: auto;
	left: 42px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	pointer-events: none;
}
.b-header__language-selector-list {
	line-height: 1;
	white-space: nowrap;
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 9001;
	top: 100%;
	width: 100%;
	padding: 0;
	background: #44424A;
}
.b-header__language-selector-list-item {
	background: 18px center;
}
.b-header__language-selector-list-item:hover {
	background-color: #013A63;
}
.b-header__language-selector-list-item a {
	display: block;
	padding: 10px 30px 10px 40px;
}
.b-header__language-selector-current.m-hr, .b-header__language-selector-list-item.m-hr {
	background-image: url('https://hittner.hr/images/flags/hr.png');
	background-repeat: no-repeat;
}
.b-header__language-selector-current.m-en, .b-header__language-selector-list-item.m-en {
	background-image: url('https://hittner.hr/images/flags/en.png');
	background-repeat: no-repeat;
}
.b-header__language-selector-current.m-de, .b-header__language-selector-list-item.m-de {
	background-image: url('https://hittner.hr/images/flags/de.png');
	background-repeat: no-repeat;
}
.b-header__language-selector-current.m-sa, .b-header__language-selector-list-item.m-sa {
	background-image: url('https://hittner.hr/images/flags/sa.png');
	background-repeat: no-repeat;
}
.b-header__language-selector-current.m-it, .b-header__language-selector-list-item.m-it {
	background-image: url('https://hittner.hr/images/flags/it.png');
	background-repeat: no-repeat;
}
.b-header__language-selector-current.m-fr, .b-header__language-selector-list-item.m-fr {
	background-image: url('https://hittner.hr/images/flags/fr.png');
	background-repeat: no-repeat;
}
.b-header__language-selector-current.m-ru, .b-header__language-selector-list-item.m-ru {
	background-image: url('https://hittner.hr/images/flags/ru.png');
	background-repeat: no-repeat;
}

.china-menu li a {padding: 10px 42px !important;}
.italia-menu li a {padding: 10px 19px !important;}

#header .logo {
	    transition: none;
}

{!-- .owl-carousel .item-video{height: 424px !important;} --}

.attention_ar{color: red;}

a[href $='.docx'], a[href $='.doc']{padding: 0 0 3px 20px; background: url('https://hittner.hr/slike/Word-icon.png') top left no-repeat;}
a[href $='.pdf']{padding: 0 0 3px 20px; background: url('https://hittner.hr/slike/Adobe_Reader_PDF.png') top left no-repeat;}
a[href $='.xlsx']{padding: 0 0 3px 20px; background: url('https://hittner.hr/slike/Excel-icon.png') top left no-repeat;}


.pagination.pagination-sm i {padding:3px 0 2px 0;}

#revolutionSlider button.centrina {
background:none;
border:0 none;
/*
display:block !important;margin:0 auto !important;text-align:center !important;
*/
}


.main-gal .owl-carousel .owl-item {border:2px solid #404040;padding:20px;}

.darkborder {border:2px solid #404040;}


h3.podmjera {color:#386813;font:bold 45px/60px 'Open Sans';}
h3.podmjera a:link {color:#386813;}
h3.podmjera a:visited {color:#386813;}
h3.podmjera a:hover {color:#386813;}
h3.podmjera a:active {color:#386813;}



#header { background: #F3D333; }