:root {
--main-bg-color-1: #fd8419;
--main-bg-color-2: #eb5e28;
--main-bg-color-2-hover: #c75428;
--main-bg-color-3: #af5302;
--main-bg-color-white: #fffcf2;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ptr-socijalni-dijalog-hr { background-color: #FFF; }
.ptr-socijalni-dijalog-hr *:not(.fa) { font-family: 'Open Sans', serif !important; }
.ptr-socijalni-dijalog-hr h2 { color:var(--main-bg-color-2); font-weight: 900; }
.ptr-socijalni-dijalog-hr h3 { color:var(--main-bg-color-3); }
.ptr-socijalni-dijalog-hr h4 { color:var(--main-bg-color-3); }
.ptr-socijalni-dijalog-hr a { color: var(--main-bg-color-3); }
.ptr-socijalni-dijalog-hr a:not(.navbar *):hover { color: var(--main-bg-color-1); border-bottom: 1px dotted var(--main-bg-color-2); }
.ptr-socijalni-dijalog-hr p { font-size: 1.8rem; }
.ptr-socijalni-dijalog-hr .small { font-size: 1.4rem!important; }
.ptr-socijalni-dijalog-hr .slider-wrapper a { color: var(--main-bg-color-white) !important; }
.ptr-socijalni-dijalog-hr .slider-wrapper a:hover { color: var(--main-bg-color-3); text-decoration: underline; }
.ptr-socijalni-dijalog-hr .sdheader { background: var(--main-bg-color-1); border-bottom: 0px solid var(--main-bg-color-2); height: 86px!important; }
.ptr-socijalni-dijalog-hr .logo-wrapper a { color: var(--main-bg-color-3); }
.ptr-socijalni-dijalog-hr .navigacija { background: var(--main-bg-color-2); color: var(--main-bg-color-white) !important; padding: 28px !important; }
.ptr-socijalni-dijalog-hr .navigacija span { display: none; }
.ptr-socijalni-dijalog-hr .navigacija:hover { background: var(--main-bg-color-2-hover) !important; }
.ptr-socijalni-dijalog-hr .navigacija:active { background: var(--main-bg-color-2) !important; }
.ptr-socijalni-dijalog-hr .srch form { background: var(--main-bg-color-1); }
.ptr-socijalni-dijalog-hr .srch input { background: var(--main-bg-color-1); border-bottom: 1px solid var(--main-bg-color-white); border-top: 0; border-left: 0; border-right: 0; color: var(--main-bg-color-white); }
.ptr-socijalni-dijalog-hr .soctraz { color: var(--main-bg-color-white) !important; }
.ptr-socijalni-dijalog-hr .btn-primary { background: var(--main-bg-color-2); color: var(--main-bg-color-white) !important; border-radius: 5px; text-transform: uppercase; font-weight: bold; font-size: 12px; }
.ptr-socijalni-dijalog-hr .footer { background: var(--main-bg-color-1); border-top: 5px solid var(--main-bg-color-2); }
.ptr-socijalni-dijalog-hr .footer hr { border: 0px; }
.ptr-socijalni-dijalog-hr .disclamer { color: var(--main-bg-color-white); font-size: 12px; }
.ptr-socijalni-dijalog-hr .disclamer a { color: var(--main-bg-color-white); }
.ptr-socijalni-dijalog-hr .fnavigacija { color: var(--main-bg-color-2) !important; font-size: 18px; }
.ptr-socijalni-dijalog-hr .fnavigacija a { color: var(--main-bg-color-2); }
.ptr-socijalni-dijalog-hr .fnavigacija > li + li:before { content: "-"; color: var(--main-bg-color-white); }
.ptr-socijalni-dijalog-hr .footer a { color: var(--main-bg-color-white); }
.ptr-socijalni-dijalog-hr .footer a:hover { color: var(--main-bg-color-white); border-bottom: 1px dotted var(--main-bg-color-white); }
.ptr-socijalni-dijalog-hr .trazilica { background: var(--main-bg-color-1); color: var(--main-bg-color-white) !important; border-bottom: 1px solid var(--main-bg-color-white)!important; border-top: 0!important; border-left: 0!important; border-right: 0!important; }
.ptr-socijalni-dijalog-hr .floatnav { background: var(--main-bg-color-2); }
.ptr-socijalni-dijalog-hr .floatnav li a { color: var(--main-bg-color-white); border-bottom: 0px solid var(--main-bg-color-2); font-weight: bold; border-radius: 0px; }
.ptr-socijalni-dijalog-hr .floatnav li a:hover {color: var(--main-bg-color-2)!important; }
.ptr-socijalni-dijalog-hr .child{ background:var(--main-bg-color-white) !important; }
.ptr-socijalni-dijalog-hr ::-webkit-input-placeholder,
.ptr-socijalni-dijalog-hr :-moz-placeholder,
.ptr-socijalni-dijalog-hr ::-moz-placeholder,
.ptr-socijalni-dijalog-hr :-ms-input-placeholder { color: rgba(255,255,255,255.5) !important; }
.ptr-socijalni-dijalog-hr .banner { background: rgba(92,3,160,.5); }
.ptr-socijalni-dijalog-hr .single,
.ptr-socijalni-dijalog-hr .slider { background-color: var(--main-bg-color-white); }
.ptr-socijalni-dijalog-hr .box { background-color: var(--main-bg-color-2); }
.ptr-socijalni-dijalog-hr .newsitem { background-color: #beedcb; }
.ptr-socijalni-dijalog-hr .imgclanak { border-color: var(--main-bg-color-2); }  .ptr-socijalni-dijalog-hr .single hr, 
.ptr-socijalni-dijalog-hr .slider hr { display: none; }
.ptr-socijalni-dijalog-hr .fa { font-size: 30px; } 
.ptr-socijalni-dijalog-hr .trazilica .fa { font-size: 18px; } 
.ptr-socijalni-dijalog-hr .logo-wrapper a { line-height: 20px; color: var(--main-bg-color-white); }
.ptr-socijalni-dijalog-hr .nav>li>a:focus { background: var(--main-bg-color-2); }
.ptr-socijalni-dijalog-hr .nav>li>a:hover .fa-facebook { color:var(--main-bg-color-2); transition: 0.3s; }
.ptr-socijalni-dijalog-hr .srch form { width: 240px; padding: 28px; margin-right: 84px; }
.single h2, .slider h2 { letter-spacing: -2px; }
body .logo-wrapper { margin: 7px 20px !important; }
.logo-wrapper a em { font-size: 16px; line-height: 25px; font-weight: 300; display: block; }
.ptr-socijalni-dijalog-hr .shadow{ position: absolute; top: 0; left: 0; width: 100%; height: 610px; background: -moz-linear-gradient(top, rgba(223,92,44,0) 0%, rgba(223,92,44,0) 50%, rgba(223,92,44,0.75) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,92,44,0)), color-stop(50%,rgba(223,92,44,0)), color-stop(100%,rgba(223,92,44,0.75)));
background: -webkit-linear-gradient(top, rgba(223,92,44,0) 0%,rgba(223,92,44,0) 50%,rgba(223,92,44,0.75) 100%);
background: -o-linear-gradient(top, rgba(223,92,44,0) 0%,rgba(223,92,44,0) 50%,rgba(223,92,44,0.75) 100%);
background: -ms-linear-gradient(top, rgba(223,92,44,0) 0%,rgba(223,92,44,0) 50%,rgba(223,92,44,0.75) 100%);
background: linear-gradient(to bottom, rgba(223,92,44,0) 0%,rgba(223,92,44,0) 50%,rgba(223,92,44,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c2200', endColorstr='#bf8c2200',GradientType=0 );
}
.ptr-socijalni-dijalog-hr .tnp-field { float:left; }
.ptr-socijalni-dijalog-hr .tnp-email, .ptr-socijalni-dijalog-hr .tnp-submit { border-radius: 5px; }
.ptr-socijalni-dijalog-hr .tnp-email { height: 35px; margin: 0px 15px; padding: 0px 15px;width: 400px; }
.ptr-socijalni-dijalog-hr .tnp-submit { padding: 5px 15px; margin:0; background-color: var(--main-bg-color-2); border: 2px solid var(--main-bg-color-2); color: var(--main-bg-color-white); font-weight: bold; }
.ptr-socijalni-dijalog-hr .fullScreen { width: 100%; }
@media (max-width: 1200px) {
.ptr-socijalni-dijalog-hr .navigacija span { display: none; }
}
@media only screen and (max-width: 768px) {
.ptr-socijalni-dijalog-hr .logo-wrapper a span { display: none;	}
}
.nsz-socijalni-dijalog-hr .sdheader { background: #ffcc1c; border-bottom: 5px solid #ffac1c;}
.nsz-socijalni-dijalog-hr .logo-wrapper a{color:rgb(2,118,204) !important;}
.nsz-socijalni-dijalog-hr .navigacija {background: #ffac1c; color: rgb(2,118,204) !important;}
.nsz-socijalni-dijalog-hr .navigacija span {color: rgb(2,118,204) !important;}
.nsz-socijalni-dijalog-hr .navigacija:hover{background: #ffd71c !important;}
.nsz-socijalni-dijalog-hr .srch form { background: #ffd71c;}
.nsz-socijalni-dijalog-hr .srch input { background: #ffea87; border: 1px solid #ffac1c; color: #ffea87;}
.nsz-socijalni-dijalog-hr .soctraz {color: rgb(2,118,204) !important;}
.nsz-socijalni-dijalog-hr .btn-primary{ background: #ffac1c; color:rgb(2,118,204) !important;}
.nsz-socijalni-dijalog-hr .footer{background:#ffcc1c; border-top:5px solid #ffac1c;}
.nsz-socijalni-dijalog-hr .footer hr{border-color:#ffac1c;}
.nsz-socijalni-dijalog-hr .disclamer {color:#333;}
.nsz-socijalni-dijalog-hr .disclamer a { color: #333;}
.nsz-socijalni-dijalog-hr .fnavigacija{color:rgb(2,118,204) !important;}
.nsz-socijalni-dijalog-hr .fnavigacija a{color:rgb(2,118,204) !important;}
.nsz-socijalni-dijalog-hr .fnavigacija>li+li:before{content: "|"; color: rgb(2,118,204) !important;}
.nsz-socijalni-dijalog-hr .trazilica{background:#ffac1c; color:#333 !important;}
.nsz-socijalni-dijalog-hr .floatnav{background:#ffcc1c;}
.nsz-socijalni-dijalog-hr .floatnav li a{color:#333; border-bottom:1px solid #ffac1c;}
.nsz-socijalni-dijalog-hr .floatnav li a:hover{color:rgb(2,118,204) !important;}
.nsz-socijalni-dijalog-hr .child{background:#fff !important;}
.nsz-socijalni-dijalog-hr  ::-webkit-input-placeholder { color: rgba(0,0,0,0.5) !important; }
.nsz-socijalni-dijalog-hr  :-moz-placeholder { color: rgba(0,0,0,0.5) !important; }
.nsz-socijalni-dijalog-hr  ::-moz-placeholder { color: rgba(0,0,0,0.5) !important; }
.nsz-socijalni-dijalog-hr  :-ms-input-placeholder { color: rgba(0,0,0,0.5) !important; }
.nsz-socijalni-dijalog-hr .banner{background: rgba(2,118,204,0.5) !important;}
@media (max-width: 1200px) {
.navigacija span { display: none; }
}
@media only screen and (max-width: 768px) {
.nsz-socijalni-dijalog-hr .logo-wrapper a span { display: none;	}
}
.bptp-socijalni-dijalog-hr h2{color:#ffffff;}
.bptp-socijalni-dijalog-hr h3{color:#5c03a0;}
.bptp-socijalni-dijalog-hr h4{color:#5c03a0;}
.bptp-socijalni-dijalog-hr a { color: #5c03a0;}
.bptp-socijalni-dijalog-hr a:hover { color: #5c03a0; border-bottom: 1px dotted #6e00c3;}
.bptp-socijalni-dijalog-hr .slider-wrapper a{color:#fff;}
.bptp-socijalni-dijalog-hr .slider-wrapper a:hover{color:#ddd;}
.bptp-socijalni-dijalog-hr .sdheader { background:#6e00c3; border-bottom:5px solid #5c03a0; }
.bptp-socijalni-dijalog-hr .logo-wrapper a{color:#fff;}
.bptp-socijalni-dijalog-hr .navigacija {background:#5c03a0; color:#fff !important;}
.bptp-socijalni-dijalog-hr .navigacija span {color:#fff !important;}
.bptp-socijalni-dijalog-hr .navigacija:hover{background: #8000e2 !important;}
.bptp-socijalni-dijalog-hr .srch form { background: #8000e2;}
.bptp-socijalni-dijalog-hr .srch input { background: #a83afc; border: 1px solid #5c03a0; color: #fff;}
.bptp-socijalni-dijalog-hr .soctraz {color: #fff !important;}
.bptp-socijalni-dijalog-hr .btn-primary{ background: #6e00c3; color: #fff !important;}
.bptp-socijalni-dijalog-hr .footer{background:#b555ff; border-top:5px solid #9c22f9;}
.bptp-socijalni-dijalog-hr .footer hr{border-color:#9c22f9;}
.bptp-socijalni-dijalog-hr .disclamer {color:#fff;}
.bptp-socijalni-dijalog-hr .disclamer a { color: #fff;}
.bptp-socijalni-dijalog-hr .fnavigacija{color:#6e00c3 !important;}
.bptp-socijalni-dijalog-hr .fnavigacija a{color:#6e00c3;}
.bptp-socijalni-dijalog-hr .fnavigacija>li+li:before{content: "|"; color:#fff;}
.bptp-socijalni-dijalog-hr .footer a { color: #fff;}
.bptp-socijalni-dijalog-hr .footer a:hover { color: #fff; border-bottom: 1px dotted #fff;}
.bptp-socijalni-dijalog-hr .trazilica{background:#6e00c3; color:#fff !important;}
.bptp-socijalni-dijalog-hr .floatnav{background:#b555ff;}
.bptp-socijalni-dijalog-hr .floatnav li a{color:#fff; border-bottom:1px solid #9c22f9;}
.bptp-socijalni-dijalog-hr .floatnav li a:hover{color: #000 !important;}
.bptp-socijalni-dijalog-hr .child{background:#fff !important;}
.bptp-socijalni-dijalog-hr  ::-webkit-input-placeholder { color: rgba(255,255,255,255.5) !important; }
.bptp-socijalni-dijalog-hr  :-moz-placeholder { color: rgba(255,255,255,255.5) !important; }
.bptp-socijalni-dijalog-hr  ::-moz-placeholder { color: rgba(255,255,255,255.5) !important; }
.bptp-socijalni-dijalog-hr  :-ms-input-placeholder { color: rgba(255,255,255,255.5) !important; }
.bptp-socijalni-dijalog-hr .banner{background:rgba(92,3,160,0.5);}
@media (max-width: 1200px) {
.bptp-socijalni-dijalog-hr .navigacija span { display: none; }
.bptp-socijalni-dijalog-hr .logo-wrapper { width: 50%; }
}
@media only screen and (max-width: 768px) {
.bptp-socijalni-dijalog-hr .logo-wrapper a span { display: none; }
.bptp-socijalni-dijalog-hr .logo-wrapper { width: 80%; }
}
.osk-socijalni-dijalog-hr .abeceda li,
.osk-socijalni-dijalog-hr .logo-wrapper a {font-family: 'Oswald', serif;}
.osk-socijalni-dijalog-hr h2{color:#EEB330; font-family: 'Oswald', serif;}
.osk-socijalni-dijalog-hr h3{color:#184967; font-family: 'Oswald', serif;}
.osk-socijalni-dijalog-hr h4{color:#184967; font-family: 'Oswald', serif;}
.osk-socijalni-dijalog-hr a { color: #184967;}
.osk-socijalni-dijalog-hr a:hover { color: #184967; border-bottom: 1px dotted #0b2230;}
.osk-socijalni-dijalog-hr .slider-wrapper a{color:#fff;font-family:'Oswald', serif;}
.osk-socijalni-dijalog-hr .slider-wrapper a:hover{color:#ddd;}
.osk-socijalni-dijalog-hr .sdheader { background:#0b2230; border-bottom:5px solid #184967; }
.osk-socijalni-dijalog-hr .logo-wrapper a{color:#fff;}
.osk-socijalni-dijalog-hr .navigacija {background:#184967; color:#fff !important;}
.osk-socijalni-dijalog-hr .navigacija span {color:#fff !important;}
.osk-socijalni-dijalog-hr .navigacija:hover{background: #0b2230 !important;}
.osk-socijalni-dijalog-hr .srch form { background: #0b2230;}
.osk-socijalni-dijalog-hr .srch input { background: #0b2230; border: 1px solid #184967; color: #fff;}
.osk-socijalni-dijalog-hr .soctraz {color: #fff !important;}
.osk-socijalni-dijalog-hr .btn-primary{ background: #0b2230; color: #fff !important;}
.osk-socijalni-dijalog-hr .footer{background:#184967; border-top:5px solid #0b2230;}
.osk-socijalni-dijalog-hr .footer hr{border-color:#0b2230;}
.osk-socijalni-dijalog-hr .disclamer {color:#fff;}
.osk-socijalni-dijalog-hr .disclamer a { color: #fff;}
.osk-socijalni-dijalog-hr .fnavigacija{color:#0b2230 !important;}
.osk-socijalni-dijalog-hr .fnavigacija a{color:#0b2230;}
.osk-socijalni-dijalog-hr .fnavigacija>li+li:before{content: "|"; color:#fff;}
.osk-socijalni-dijalog-hr .footer a { color: #fff;}
.osk-socijalni-dijalog-hr .footer a:hover { color: #fff; border-bottom: 1px dotted #fff;}
.osk-socijalni-dijalog-hr .trazilica{background:#0b2230; color:#fff !important;}
.osk-socijalni-dijalog-hr .floatnav{background:#184967;}
.osk-socijalni-dijalog-hr .floatnav li a{color:#fff; border-bottom:1px solid #0b2230; font-family: 'Oswald', serif;}
.osk-socijalni-dijalog-hr .floatnav li a:hover{color: #000 !important;}
.osk-socijalni-dijalog-hr .child{background:#fff !important;}
.osk-socijalni-dijalog-hr  ::-webkit-input-placeholder { color: rgba(255,255,255,255.5) !important; }
.osk-socijalni-dijalog-hr  :-moz-placeholder { color: rgba(255,255,255,255.5) !important; }
.osk-socijalni-dijalog-hr  ::-moz-placeholder { color: rgba(255,255,255,255.5) !important; }
.osk-socijalni-dijalog-hr  :-ms-input-placeholder { color: rgba(255,255,255,255.5) !important; }
.osk-socijalni-dijalog-hr .banner{background:rgba(92,3,160,0.5);}
.osk-socijalni-dijalog-hr .single,
.osk-socijalni-dijalog-hr .slider { background-color: #184967; }
.www-socijalni-dijalog-hr .sdheader { background:#0070b1; border-bottom:5px solid #005c91; }
.www-socijalni-dijalog-hr .logo-wrapper a{color:#fff;}
.www-socijalni-dijalog-hr .navigacija {background:#007bc3; color:#7fccf8 !important;}
.www-socijalni-dijalog-hr .navigacija span {color:#fff !important;}
.www-socijalni-dijalog-hr .navigacija:hover{background: #005c91 !important;}
.www-socijalni-dijalog-hr .srch form { background: #007BC3;}
.www-socijalni-dijalog-hr .srch input { background: #4EB2EC; border: 1px solid #005C91; color: #fff;}
.www-socijalni-dijalog-hr .soctraz {color: #67b9eb !important;}
.www-socijalni-dijalog-hr .btn-primary{ background: #0070b1; color:#fff!important;}
.www-socijalni-dijalog-hr .footer{background:#4eb2ec; border-top:5px solid #319ad7;}
.www-socijalni-dijalog-hr .footer hr{border-color:#319ad7;}
.www-socijalni-dijalog-hr .disclamer {color:#fff;}
.www-socijalni-dijalog-hr .disclamer a { color: #fff;}
.www-socijalni-dijalog-hr .fnavigacija{color:#fff !important;}
.www-socijalni-dijalog-hr .fnavigacija a{color:#fff;}
.www-socijalni-dijalog-hr .fnavigacija>li+li:before{content: "|"; color:#319ad7;}
.www-socijalni-dijalog-hr .trazilica{background:#319ad7; color:#fff !important;}
.www-socijalni-dijalog-hr .floatnav{background:#4eb2ec;}
.www-socijalni-dijalog-hr .floatnav li a{color:#fff; border-bottom:1px solid #319ad7;}
.www-socijalni-dijalog-hr .floatnav li a:hover{color: #000 !important;}
.www-socijalni-dijalog-hr .child{background:#fff !important;}
.www-socijalni-dijalog-hr  ::-webkit-input-placeholder { color: rgba(255,255,255,255.5) !important; }
.www-socijalni-dijalog-hr  :-moz-placeholder { color: rgba(255,255,255,255.5) !important; }
.www-socijalni-dijalog-hr  ::-moz-placeholder { color: rgba(255,255,255,255.5) !important; }
.www-socijalni-dijalog-hr  :-ms-input-placeholder { color: rgba(255,255,255,255.5) !important; }
.www-socijalni-dijalog-hr .banner{background:rgba(0,84,137,0.5);}
* { outline: none; }
body{ font-family: 'Open Sans', sans-serif; }
h2{font-size:50px; font-family: 'Roboto Slab', serif; color:#ffffff; margin:0;}
h3{font-size:30px; font-family: 'Roboto Slab', serif; color:#0070b1;}
h4{font-size:18px; line-height: 27px; font-family: 'Roboto Slab', serif; color:#494949; margin:0; padding:0;}
h5{font-weight:bold;}
a { color: #0070b1; border-bottom: 1px dotted transparent; transition: 0.5s ease; }
a:hover { color: #666; border-bottom: 1px dotted #999; text-decoration:none; }
::-webkit-input-placeholder { color: rgba(255,255,255,0.5) !important; }
:-moz-placeholder { color: rgba(255,255,255,0.5) !important; }
::-moz-placeholder { color: rgba(255,255,255,0.5) !important; }
:-ms-input-placeholder { color: rgba(255,255,255,0.5) !important; }
.slider-wrapper a{color:#fff;}
.slider-wrapper a:hover{color:#ddd;}
.slider-wrapper p { color: #fff; margin-bottom: 30px;}
.postbody .btn { color: #fff; }
.postbody .btn:hover { color: #eee; }
nav a, nav a:hover, .slider-wrapper a, .slider-wrapper a:hover { border: none; }
p{line-height:1.7;}
.floatnav{position:fixed; width:320px; height:100%; background:#4eb2ec; z-index:2; top:0; left:-330px; box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.floatnav li{margin-top:0px !important;}
.floatnav li a{color:#fff; font-family: 'Roboto Slab', serif; font-size:18px; border-bottom:1px solid #319ad7; padding: 15px 20px;}
.floatnav li a:hover{color:#000 !important;}
.child{background:#fff !important;}
.sdheader{height:85px; background:#0070b1; border-bottom:5px solid #005c91; z-index: 1;}
.logo-wrapper{display:inline-block; margin:20px !important;}
.logo-wrapper a{ font-size:20px; color:#fff; font-weight: bold; font-family: 'Roboto Slab', serif; line-height: 15px; }
.logo-wrapper a span{font-size:14px; line-height:15px; font-weight:300;}
.navigacija{background:#007bc3; color:#7fccf8 !important; font-size:17px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; padding:30px !important; transition: background-color 0.5s ease;}
.navigacija span{color:#fff !important;}
.navigacija:hover{background:#005c91 !important;}
.soctraz{font-size:16px; color:#67b9eb !important; margin:15px 5px 0px -10px; transition: 0.5s ease;}
.soctraz:hover{color:#fff !important;}
.slider{height:610px; background:#ccc; margin-top:85px;}
.headline{ position: absolute; bottom: 0; left: 0; width: 100%; }
.shadow{ position: absolute; top: 0; left: 0; width: 100%; height: 610px; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );
}
.kategorija{display:inline-block; margin:0; padding:10px 15px; background:#0070b1; color:#fff; text-transform:uppercase;}
.arrow{position:absolute; top:200px; font-size:200px; color:#fff;}
.arrow.left{left:50px;}
.arrow.right{right:50px;}
.index{margin:50px auto;}
.sidebar{padding:0 !important; border-left:1px solid #eeeeee;}
.box{background:#eeeeee; padding:10px; max-width:320px; margin-bottom:10px;}
.box a{border-bottom: none !important;}
.box a:hover{border-bottom: none !important;}
.box1{background:#eeeeee; padding:30px; max-width:320px; margin-bottom:10px;}
.box1 hr{border-color:#c1c1c1;}
.box1 ul{margin:0; padding:0; list-style:none;}
.box1 li{padding:0; padding-top: 10px;}
.footblok{margin-bottom:40px;}
.footblok a{border-bottom: none !important;}
.footblok a:hover{border-bottom: none !important;}
.banner{position:absolute; width:94%; bottom:0; left:0; background:rgba(0,84,137,0.5); padding:20px; margin:10px; color:#fff; font-size:22px; font-family: 'Roboto Slab', serif;}
.footer{background:#4eb2ec; border-top:5px solid #319ad7; padding-top:30px;}
.footer hr{border-color:#319ad7;}
.disclamer {color:#fff; margin-bottom:25px; font-size:11px;}
.disclamer a { color: #fff;}
.fnavigacija{padding:0; margin:0; background:none; margin-top:20px; color:#fff !important; font-size:13px;}
.fnavigacija a{color:#fff;}
.fnavigacija>li+li:before{content: "|"; color:#319ad7;}
.trazilica{background:#319ad7; border:none; border-radius:0px; border:none !important; color:#fff !important; margin-top:10px; transition: 0.5s ease; height:40px;}
.single{background:#ccc; padding:50px; margin-top:85px; position: relative; height: 250px; overflow: hidden;}
.list-headline{height: 150px;margin-top:35px;}
.single .shadow { height: 250px; opacity: 0.4; }
.imgclanak{border:10px solid #eeeeee;}
.sadrzaj {margin:0; padding:0; padding-right:15px;}
.newsitem {height:auto; background:#eeeeee; margin-bottom:15px; transition: 0.5s ease;}
.newsitem:hover {background:#fff; box-shadow:0px 0px 7px #eee; opacity:0.7;}
.newsitem hr{border-color:#c1c1c1;}
.newsitem .text{padding:30px; height: 315px; overflow: hidden;}
.newsitem .text a{color:#555; transition: 0.5s ease;}
.newsitem .text a:hover{color:#000;} .listrow .newsitem .text { height: 285px; }
.velika .newsitem{height:auto !important;}
.carousel-item {position: absolute;top: 0;left: 0;width: 100%;height: 610px; }
.cover {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.single hr,
.slider hr { border-color: rgba(255,255,255,0.2);}
.single h2,
.slider h2 { padding-top: 20px; }
.single h2 em { display: block; }
.single-img-slider { position: absolute; top: 0; left: 0; width: 100%; height: 350px; opacity: 0.2; }
.btn { border-radius: 0; }
.fb-like { margin: 40px 0;}
.jin_listdocs.smallicon a { display: block; overflow: hidden; background: none !important; padding: 0 !important; border: none; }
.jin_listdocs.smallicon a:before { content: ''; display: block; width: 60px; height: 60px; float: left; }
.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"],
.jin_listdocs.smallicon a[href$=".pdf"] { background: url(//www.socijalni-dijalog.hr/wp-content/themes/socijalni-dijalog/images/icons/small/pdf.png) no-repeat !important; }
.jin_listdocs.smallicon a.url,
.jin_listdocs.smallicon a[href$=".htm"],
.jin_listdocs.smallicon a[href$=".html"],
.jin_listdocs.smallicon a[href$=".HTM"],
.jin_listdocs.smallicon a[href$=".HTML"] { background: url(//www.socijalni-dijalog.hr/wp-content/themes/socijalni-dijalog/images/icons/small/html.png) no-repeat !important; }
.jin_listdocs.smallicon a[href$=".doc"],
.jin_listdocs.smallicon a[href$=".docx"],
.jin_listdocs.smallicon a[href$=".DOC"],
.jin_listdocs.smallicon a[href$=".DOCX"] { background: url(//www.socijalni-dijalog.hr/wp-content/themes/socijalni-dijalog/images/icons/small/doc.png) no-repeat !important; }
.jin_listdocs.smallicon a[href$=".xls"],
.jin_listdocs.smallicon a[href$=".xlsx"],
.jin_listdocs.smallicon a[href$=".XLS"],
.jin_listdocs.smallicon a[href$=".XLSX"] { background: url(//www.socijalni-dijalog.hr/wp-content/themes/socijalni-dijalog/images/icons/small/xls.png) no-repeat !important; }
#lang_sel_list a, #lang_sel_list a:visited, #lang_sel_list ul a, #lang_sel_list_list ul a:visited { background: none; line-height: 75px; padding-right: 20px; }
.abeceda{position:fixed; bottom:0; z-index:10; background:#e0e0e0; width:100%; text-align:center; padding-top:10px; border-top:5px solid #d0d0d0;}
.abeceda ul{text-align:center; list-style:none;}
.abeceda li{display:inline-block; margin:10px; font-size:16px; font-family: 'Roboto Slab', serif;}
.abeceda li a{color:#737373;}
.srch { position: relative; }
.srch form { display: none; position: absolute; top: 0; right: 0; z-index: 999999; width: 240px; padding: 28px; background: #007BC3; margin-right: 76px; height: 80px; }
.srch:hover form { display: block; }
.srch input { background: #4EB2EC; border: 1px solid #005C91; color: #fff; width: 180px; padding: 3px 6px; }
.submitsrch { display: none; }
.small-margin-bottom { margin-bottom: 10px; }
.pagination-wrp { clear: both; padding-bottom: 40px; }
.pagination-wrp .title { display: none; }
.page-navigation a:last-child { float: right; }
.gallery-caption,
.ppt { display: none !important; }
@media (max-width: 640px) {
.sadrzaj{padding:0 15px;}
.sidebar{display:none;}
.cent{text-align: center !important;}
.fnavigacija{display:none;}
.floatnav  li a{font-size:14px !important;}
.abeceda{display:none;}
}
@media (max-width: 960px){
.abeceda li{font-size:10px; margin:5px;}
}
@media (max-width: 800px){
.navigacija span { display: none; }	
}
@media (max-width: 767px){
.navbar-nav { margin-top: 0; }
.social-and-search { display: none; }
.main-menu-launcher,
.logo-wrapper { float: left; }
.logo-wrapper { width: 220px; padding-left: 20px; margin: 14px 0px 0px 20px!important; }
.headline h2 { width: 100%; }
.slider h2 { font-size: 44px; }
.newsitem img { width: 100%; }
.newsitem .text { padding: 20px 10px; }
.sadrzaj { padding: 0px; }
.single { padding: 40px 0px 0px 0px; }
.fb-like > span { width: 100%!important; }
.fb-like iframe { width: 100%!important; }
.list-headline { height: 160px!important; }
.single h2 { padding-top: 0px; font-size: 36px; }
.list-headline h2 { padding-top: 30px; }
.menu-menu-1-container li { padding: 6px 0px; }
.box { width: 48%; float: left!important; margin: 0px 4px; max-width: 1000px; }
.box1 { float: left!important; width: 48%; max-width: 1000px; } }
.lang_sel_list_horizontal { display: none !important; }
.lang_sel_list_horizontal, .lang_sel_list_horizontal ul { list-style-type: none; border: none !important; padding: 0 !important; }
.lang_sel_list_horizontal li { display: inline-block !important; }
.wpml-ls-legacy-list-horizontal a { padding: 5px !important; }