@import "grid.css";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

/*------------------------------------*\
    Template: Elba
\*------------------------------------*/


/*------------------------------------*\
    $RESET
\*------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block }
article{ display: block }/*dodano*/
audio,canvas,video { display: inline-block }
audio:not([controls]) { display: none;height:0 }
[hidden] { display: none }
html { font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100% }
body { margin: 0 ;background-color:#F6F6F6;}
a:active,
a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: bold }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box;box-sizing:content-box;height:0 }
mark { background: #ff0;color:#000 }
code,
kbd,
pre,
samp { font-family: monospace,serif;font-size:1em }
pre { white-space: pre-wrap }
q { quotes: "\201C" "\201D" "\2018" "\2019" }
small { font-size: 80% }
sub,
sup { font-size: 75%;line-height:0;position:relative;vertical-align:baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
fieldset { border: 1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em }
legend { border: 0;padding:0 }
button,
input,
select,
textarea { font-family: inherit;font-size:100%;margin:0 }
button,
input { line-height: normal }
button,
select { text-transform: none }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button;cursor:pointer }
button[disabled],
html input[disabled] { cursor: default }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box;padding:0 }
input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;padding:0 }
textarea { overflow: auto;vertical-align:top }
table { border-collapse: collapse;border-spacing:0 }

/*------------------------------------*\
    $HEADER
\*------------------------------------*/

.containerHeader{position: relative;width:100%;margin:0 auto;padding:0;min-height:153px;}/*promj*/
.containerMenu { position: relative;width:100%;margin:0 auto;padding:0;/*height:44px; podesi se visina sama*/ }
.container:after { content: "\0020";display:block;height:0;clear:both;visibility:hidden }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after { display: table;line-height:0;content:"" }
.clearfix:after,
.row:after { clear: both }
.clear { clear: both;display:block;overflow:hidden;visibility:hidden;width:0;height:0 }

body { color: #000;font:13px/1.8 'Open Sans',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased }

a {color:#000;outline:0;text-decoration:none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out }
.content a:hover{text-decoration:underline!important;}

img.image-left,
img.image-right { padding: 6px;border:1px solid #ddd;margin-bottom:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box }
img.image-left { margin-right: 20px;float:left }
img.image-right { margin-left: 20px;float:right }
#map_canvas img,
.google-maps img { max-width: none }

h1,h2,h3,h4,h5,h6 { color: #282828;margin:0;padding:0;font-weight:400;font-family:inherit }
h1.low-margin,h2.low-margin,h3.low-margin,h4.low-margin,h5.low-margin,h6.low-margin { margin: 0 0 13px }
h5,h6 { margin-bottom: .25em }
h1 { font-size: 26px; line-height: 20px; }
h2 { font-size: 24px; line-height: 27px; }
h3 { font-size: 20px; line-height: 23px; }
h4 { font-size: 18px; line-height: 20px; }
h5 { font-size: 15px; line-height: 17px; }
h6 { font-size: 13px; line-height: 15px; }
p { margin: 0 0 10px }
dl { margin: 0 0 10px }
dt { font-weight: 400 }
dd { margin-left: 10px }
ul,
ol { padding: 0;line-height:2;margin:0 0 20px 25px }
ul { list-style: square }
ul ul,ul ol,ol ol,ol ul { margin-bottom: 0 }

.dropcap { float: left;line-height:1;font-size:350%;margin-right:4px;font-weight:inherit; }
.column-2 { -moz-column-count: 2;-webkit-column-count:2;column-count:2 }
.column-3 { -moz-column-count: 3;-webkit-column-count:3;column-count:3 }
blockquote { color: #888;font-size:14px;margin:0 0 30px 0;padding:30px 40px 10px;position:relative }
blockquote p { position: relative;z-index:0;margin:0 }
blockquote:before,
blockquote:after { font-size: 140px;font-weight:bold;line-height:1;color:#eee;position:absolute;content:open-quote;font-family:'Georgia',serif }
blockquote:before { top: -13px;left:-5px }
blockquote:after { content: close-quote;right:0;top:100%;margin-top:-61px }
blockquote small { display: block;font-size:13px;font-style:normal }
blockquote small:before { content: '\2014 \00A0' }
code,
pre { padding: 0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;color:#282828;border-radius:3px }
code { padding: 2px 4px;color:#d14;white-space:nowrap;background-color:#fafafa;border:1px solid #dadada }
pre { display: block;padding:10px;margin:0 0 30px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#fafafa;border:1px solid #dadada;border-radius:3px }
pre code { padding: 0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0 }
.word-break { white-space: -moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;white-space:pre-wrap;white-space:pre-line }
.title { position: relative;margin:0 10px 20px 10px;clear:both }
.column .title,
.columns .title { margin: 0 0 20px }
.title>span { display: inline-block;background-color:#fff;padding-right:10px;position:relative;z-index:1 }
.title:after,
.title:before { position: absolute;content:'';width:100%;height:1px;top:50%;margin-top:-2px;left:0;right:0;border-top:1px dotted #ddd }
.title:before { margin-top: 0;margin-bottom:-2px }
.label-list { margin: 0 0 30px;padding:0;list-style:none }
.label-list li:after,
.label-list li:before { display: table;content:'';line-height:0 }
.label-list li:after { clear: both }
.label-list li>span { display: block;overflow:hidden }
.label-list li>.label { float: left;width:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden }
.inline-list { margin: 0 0 30px;padding:0;list-style:none;line-height:1 }
.inline-list li { display: inline-block;padding-right:12px }
.arrow-list,
.check-list { margin: 0 0 30px;padding:0;list-style:none }
.arrow-list ul,
.check-list ul { list-style: none }
.arrow-list li:before,
.check-list li:before { line-height: 1;color:#aaa;width:13px;display:inline-block;margin-right:5px;text-align:center;vertical-align:middle }
.arrow-list li:before { content: '\e02e';font-family:'icomoon' }
.check-list li:before { content: '\2713';font-family:sans-serif }
.arrow-list li a,
.check-list li a { color: #686868;outline:0 }
.arrow-list li a:hover,
.check-list li a:hover { color: #383838 }
.main-wrap {-moz-box-shadow:0 0 4px rgba(0,0,0,0.15);}
.wide .main-wrap { width: auto;-moz-box-shadow:none;box-shadow:none }
.top-header { font-size: 11px;line-height:30px;min-width:320px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:auto }
.wide .top-header { padding: 0 32px }
.top-header .top-header-left { float: left }
.top-header .top-header-right { float: right }
.top-header .social-list { margin: 0 }
.top-header .social-list li { line-height: 30px;width:30px;margin:0;text-align:center }
.top-header .inline-list { line-height: 30px;margin:0 }
.top-header .top-header-left .inline-list li { margin-left: 16px;margin-right:0 }
.lt-ie8 .header { border: 1px solid #dfdfdf;border-width:0 1px }
.header {margin:0 auto;background-color: white}
.header-wrap{margin:0 auto;}
.header .header-row { width:100%;height:100px }
.header .header-col { vertical-align:middle }
.header .brand .logo { display: inline-block;vertical-align:middle }
.header .brand .tagline { font-size: 13px;line-height:1.5;color:#888;display:block;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.header .header-brand { height:150px; }
.header .navigation {
    display: block;
    text-align: left;
    width: 100%;
}

/*------------------------------------*\
    $NAVIGATION
\*------------------------------------*/

.header .navigation { display: block;text-align: left;width: 100%; }
.header .navigation .tinynav { display: none;border:1px solid #ddd }
.header .navigation ul { margin:0 0 0 20px;padding:0;float:left;line-height:1;list-style:none;position:relative }
.header .navigation ul li { text-align: left }
.header .navigation>ul>li.nav-guide { position: absolute;height:1px;bottom:-1px;display:block; }
.header .navigation>ul>li.nav-guide.animate { -webkit-transition: opacity 200ms ease .3s,left 100ms ease 140ms,width 170ms ease;-moz-transition:opacity 200ms ease .3s,left 100ms ease 140ms,width 170ms ease;transition:opacity 200ms ease .3s,left 100ms ease 140ms,width 170ms ease }
.header .navigation ul li a { display: block;outline:0;position:relative }
.header .navigation ul ul { top: -9999px;left:-9999px;opacity:0;pointer-events:none;position:absolute;border-top:0;z-index:-388;-webkit-transition:.2s ease-out opacity,.2s ease-out padding-top;-moz-transition:.2s ease-out opacity,.2s ease-out padding-top;transition:.2s ease-out opacity,.2s ease-out padding-top }
.header .navigation ul ul li { min-width: 182px;position:relative;font-size:16px;background-color:#fff;border:1px solid #e8e8e8;border-top:0;white-space:nowrap }
.header .navigation ul ul li [class*="icon-"] { margin-right: 3px;vertical-align:middle }
.header .navigation ul ul li.CL-parent-menu>a {background: url("../img/arrow.png") no-repeat scroll 97% 50% transparent; }
.header .navigation ul ul li a { color: #787878;padding:12px 15px }
.header .navigation ul ul li:hover>a { background-color: #f0f0f0;color:#444444 }
.header .navigation ul li:hover>ul { top: 100%;left:0;z-index:388;padding-top:0;opacity:1;pointer-events:auto;margin:0; }
.header .navigation .CL-box-main-content>ul>li { display: inline-block;vertical-align:middle;position:relative;line-height:30px;font-size:16px;padding:0 10px; }
.header .navigation .CL-box-main-content>ul>li>a { color: #EEEEEE;padding:6px 0; text-decoration: none;}
.header .navigation ul ul li>ul { border-top: 1px solid #ebebeb;-webkit-transition:opacity .15s ease-out;-moz-transition:opacity .15s ease-out;transition:opacity .15s ease-out }
.header .navigation ul ul li:hover>ul { left: 100%;opacity:1;padding:0;top:-1px }
.header .navigation ul ul li a:hover {text-decoration: none;}

/*------------------------------------*\
    $SIDEBAR
\*------------------------------------*/

.sidebar .sidebar-block { margin: 0 0 30px }

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/

.footer { font-size: 12px;color:#ddd;margin-left:auto;margin-right:auto; }/*promj*/
.main-wrap.wide .footer { margin: 0 }
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 { color: #fff }
.footer {text-align: center;}
.footer-bottom { padding: 20px 0;color:#000;/*background-color:#3d3d3d*/ }/*promj*/
.footer-bottom .CL-portlet-menu .CL-box-main { margin: 0;padding:0;text-align:center;list-style:none;line-height:1.8 }
.footer-bottom .CL-portlet-menu .CL-box-main li { display: inline-block;margin-left:5px }
.footer-bottom a { color: #fff;-webkit-transition:color .15s ease-in-out;-moz-transition:color .15s ease-in-out;transition:color .15s ease-in-out }
.footer-bottom a:hover { color: #ddd }

/*------------------------------------*\
    $FORM
\*------------------------------------*/
.fit-vids-style { width: 0;height:0;position:absolute;overflow:hidden }
.form { clear: both;display:block;margin-bottom:30px }
.form .form-row { margin-bottom: 15px }
.form .button-row .btn+.btn,
.form .button-row .btn-group+.btn,
.form .button-row .btn+.btn-group { margin-left: 5px }
.form-inline .button-row { margin-left: 160px }
.form fieldset { border: 1px solid #ddd;padding:20px 30px 30px;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.03);box-shadow:0 2px 0 rgba(0,0,0,0.03) }
.form fieldset legend { padding: 0 10px;font-size:16px;color:#000;font-weight:600;margin:0;line-height:1.2;display:block;margin-left:-10px }
.form .form-label { cursor: pointer;display:block;line-height:24px }
.form .form-label .required { color: #f00 }
.form .form-item { position: relative }
.form .form-item .medium { width: 75% }
.form .form-item .large { width: 100% }
.form .form-item .small { width: 50% }
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    max-width: 100%;border: 1px solid #dbdbdb;padding:6px 7px;margin:0;min-height:34px;line-height:20px;background-color:#fefefe;outline:0;color:#888;width:50%;vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-moz-box-shadow:inset 0 2px 0 rgba(0,0,0,0.03);box-shadow:inset 0 2px 0 rgba(0,0,0,0.03) }
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus { background-color: #fff }
.form textarea { height: 10em;resize:none }
.form input[disabled],
.form select[disabled],
.form textarea[disabled],
.form input[readonly],
.form select[readonly],
.form textarea[readonly] { background: #f0f0f0 }
input[type="text"].search-query { width: 100%;background-repeat:no-repeat;background-position:right center;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIGZpbGw9IiNjY2NjY2MiIGQ9Ik0xNC45MDUsMTMuMDkxbC0zLjc1Mi0zLjc1M2MwLjYxLTAuOTQ2LDAuOTcxLTIuMDY5LDAuOTcxLTMuMjc3QzEyLjEyNCwyLjcxOCw5LjQwMywwLDYuMDYyLDAgQzIuNzE4LDAsMCwyLjcxOCwwLDYuMDYxYzAsMy4zNDMsMi43MTgsNi4wNjIsNi4wNjIsNi4wNjJjMS4yMDcsMCwyLjMzLTAuMzU4LDMuMjc3LTAuOTY5bDMuNzUxLDMuNzUyIGMwLjEyNiwwLjEyNiwwLjMzMiwwLjEyNiwwLjQ1NSwwbDEuMzYxLTEuMzYxQzE1LjAzMSwxMy40MiwxNS4wMzEsMTMuMjE2LDE0LjkwNSwxMy4wOTF6IE0xLjkyNCw2LjA2MSBjMC0yLjI3OSwxLjg1Ni00LjEzNiw0LjEzNy00LjEzNmMyLjI4MiwwLDQuMTM3LDEuODU2LDQuMTM3LDQuMTM2YzAsMi4yODItMS44NTUsNC4xMzctNC4xMzcsNC4xMzcgQzMuNzgsMTAuMTk4LDEuOTI0LDguMzQyLDEuOTI0LDYuMDYxeiIvPjwvc3ZnPg==") }
.form .form-cols { margin-bottom: 20px }
.form .form-cols:before,
.form .form-cols:after { display: table;content:"" }
.form .form-cols:after { clear: both }
.form .form-cols [class^="form-col-"] .form-label,
.form .form-cols [class*=" form-col-"] .form-label { white-space: nowrap;width:100%;overflow:hidden;text-overflow:ellipsis }
.form .form-cols [class^="form-col-"],
.form .form-cols [class*=" form-col-"] { float: left;margin-left:1.8181818181818181% }
.form .form-cols [class^="form-col-"]:first-child,
.form .form-cols [class*=" form-col-"]:first-child { margin-left: 0 }
.form .form-cols .form-item { margin: 0!important }
.form .form-cols .form-col-8-8 { width: 100% }
.form .form-cols .form-col-7-8 { width: 87.27272727272727% }
.form .form-cols .form-col-6-8 { width: 74.54545454545455% }
.form .form-cols .form-col-5-8 { width: 61.81818181818181% }
.form .form-cols .form-col-4-8 { width: 49.090909090909086% }
.form .form-cols .form-col-3-8 { width: 36.36363636363636% }
.form .form-cols .form-col-2-8 { width: 23.636363636363633% }
.form .form-cols .form-col-1-8 { width: 10.909090909090908% }
.form .form-cols [class^="form-col-"] select,
.form .form-cols [class^="form-col-"] textarea,
.form .form-cols [class^="form-col-"] input { width: 100% }
.form.form-inline .form-item,
.form .form-inline .form-item { margin-left: 160px }
.form.form-inline .form-label,
.form .form-inline .form-label { width: 140px;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-top:6px }
.form.form-inline .form-block .form-label,
.form .form-inline .form-block .form-label { width: auto;float:none;padding-top:0;margin-right:0 }
.form.form-inline .form-block .form-item,
.form .form-inline .form-block .form-item { margin-left: 0 }
.form .form-list,
.form .form-list li { margin: 0;padding:0;list-style:none }
.form .form-list li { line-height: 1.5;margin-bottom:4px }
.form .form-list li:last-child { margin-bottom: 0 }
.form .form-inline .form-list,
.form-inline .form-list,
.form .form-list.inline { margin-top: 6px }
.form .form-list.inline li { display: inline-block;margin:0 5px 0 0;vertical-align:middle }
.form .form-list li>input,
.form .form-list li>label { padding: 0;margin:0 1px 0 0;display:inline-block;vertical-align:middle }
.form .form-row:before,
.form .form-row:after { display: table;content:"";line-height:0 }
.form .form-row:after { clear: both }
.form label.error { color: #c83139;display:block;padding:5px 0 0;font-size:12px }
.recent-posts { margin: 0 0 30px }
.recent-posts ul { margin: 0;padding:0;line-height:1.8;list-style:none }
.recent-posts ul li { clear: both;margin-bottom:10px }
.recent-posts ul li:after,
.recent-posts ul li:before { display: table;line-height:0;content:"" }
.recent-posts ul li:after { clear: both }
.recent-posts ul li .thumbnail { float: left;width:64px;height:64px;padding:4px;margin-right:10px;border:1px solid #ddd }
.recent-posts ul li .info { overflow: hidden }
.recent-posts ul li .info .post-title { margin: 0 0 2px;line-height:1.5;font-weight:normal }
.recent-posts ul li .info .post-title a { color: #666 }
.recent-posts ul li .info .time { font-size: 12px; }

/*------------------------------------*\
    $BUTTON
\*------------------------------------*/

.btn, .button { display: inline-block;text-align:center;cursor:pointer;vertical-align:middle;border-radius:2px;padding:6px 9px;line-height:20px;font-size:13px;outline:0;font-weight:normal;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out }
.btn.btn-white { background-color: #fafafa;background-image:-moz-linear-gradient(top,#fafafa,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fafafa,#e6e6e6);background-image:-o-linear-gradient(top,#fafafa,#e6e6e6);background-image:linear-gradient(to bottom,#fafafa,#e6e6e6);color:#666;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,1);box-shadow:inset 0 1px 0 rgba(255,255,255,1);text-shadow:0 1px 1px rgba(255,255,255,1);border-color:#cfcfcf }
.btn-large { padding: 10px 16px }
.btn-small { padding: 2px 10px;font-size:12px }
.btn:hover, .button:hover,
.btn:focus, .button:focus { color: #fff;text-decoration:none;background-position:0 15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;transition:background-position .1s linear }
.btn.btn-white:hover,
.btn.btn-white:focus { color: #666 }
.btn:active { background-image: none;outline:0;-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05) }
.btn[disabled] { cursor: default;color:#ccc;border-color:#dadada;background-color:#f8f8f8;text-shadow:none;background-image:none;-moz-box-shadow:none;box-shadow:none }

/*------------------------------------*\
    $CONTENT
\*------------------------------------*/

.slider-wrap { position: relative;max-height:510px; background-color: #FFF; margin:0 auto; }
.slider-wrap .slider-wrap-box {margin:auto;position:relative }
.wide .slider-wrap .slider-wrap-box { margin: 30px auto;box-shadow:0 0 6px rgba(0,0,0,0.4) }
.slider-wrap .flexslider { margin: 0 }
.highlight {/* -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none;  -moz-border-top-colors: none;  background-color: #FAFAFA;  border-color: #E0E0E0;  border-image: none;  border-style: solid;  border-width: 1px 0;  box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.05);  color: #282828; text-shadow: 0 1px 0 #FFFFFF;*/  width: 100%;} /*promj*/
.highlightMenu{margin:0 auto;-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none;  -moz-border-top-colors: none;color: #282828; }/*promj*/
.highlight .CL-column {padding: 5px 0;}
.post { margin-top: 0px }/*promj*/
/*.postBox{margin-top: 30px;padding-top:15px; background-image: url("../img/bg/shadow_divider.png");background-position: center bottom;background-repeat: no-repeat;margin-bottom: 32px;padding-bottom: 10px;}/*dodano*/
.post.recent { margin-bottom: 30px }
.post .post-header { margin-bottom: 20px }
.post.recent .post-header { margin-bottom: 15px }
.post .post-header:after,
.post .post-header:before { display: table;line-height:0;content:"" }
.post .post-header:after { clear: both }
.post .post-header .post-type { position:relative;float: right;width:48px;height:48px;color:#787878;text-align:center;/*border:1px solid #ddd;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.03);box-shadow:0 2px 0 rgba(0,0,0,0.03)*/ }

.post .post-header .post-thumbnail { float: left;width:60px;height:60px;position:relative }
.post .post-header .post-thumbnail .overlay { position: absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);opacity:0;border-radius:3px;-webkit-transition:opacity .5s cubic-bezier(0.175,0.885,0.320,1.275);-moz-transition:opacity .5s cubic-bezier(0.175,0.885,0.320,1.275);transition:opacity .5s cubic-bezier(0.175,0.885,0.320,1.275) }
.post .post-header:hover .post-thumbnail .overlay { opacity: 1 }
.post .post-header .post-thumbnail .overlay [class*="icon-"] { width: 24px;height:24px;line-height:24px;font-size:24px;color:#fff;left:50%;top:50%;position:absolute;margin:-12px 0 0 -12px;text-align:center }
.post .post-header .post-thumbnail img { border-radius: 3px }
.post .post-header .post-type [class*="icon-"] { font-size: 24px;line-height:48px }
.post .post-header .post-thumbnail+.post-title { margin-left: 76px }
.post .post-header .post-meta { margin: 0;padding:0;line-height:1.8;list-style:none }
.post .post-header .title-text { padding:0; height: 33px; }
.post .post-header .title-text .CL-box-title { margin: 0 0 3px;font-weight:400;line-height:1.5; padding:0; }
.post .post-header .title-text a { color: #282828 }
.post .post-header .title-text a:hover { color: #282828 }
.post .post-header .post-meta:after,
.post .post-header .post-meta:before { display: table;line-height:0;content:"" }
.post .post-header .post-meta:after { clear: both }
.post .post-header .post-meta li .CL-box-subtitle { float: left;font-size:18px;color:#888;margin-right:16px; padding: 0; width: 100%; }
.post .post-header .post-meta li [class*="icon-"] { margin-right: 2px }
.post-overview .post .post-body p { margin: 0 0 5px }
.post.recent .post-body p { margin: 0 }
.post .post-body+.post-footer { margin-top: 40px }
.post .post-footer .post-author,
.post .post-footer .post-share,
.post .post-footer .post-comments,
.post .post-footer .post-comment-form { margin-bottom: 40px }
.post .post-footer .post-share [class*="st_"] { margin-bottom: 10px;display:inline-block }
.post .post-footer .post-author .photo { width: 90px;padding:4px;float:left;margin-right:15px;border:1px solid #ddd;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.03);box-shadow:0 2px 0 rgba(0,0,0,0.03) }
.post .post-footer .post-author .text { overflow: hidden }
.post .post-footer .post-author .text .name { margin-bottom: 10px;display:block;font-weight:600;font-size:14px;color:#282828;line-height:1.2 }
.post .post-comments ul { margin: 0;padding:0;line-height:1.8;list-style:none }
.post .post-comments ul li { padding-bottom: 40px;position:relative }
.post .post-comments ul li:last-child { padding-bottom: 0 }
.post .post-comments ul li .photo { width: 60px;padding:4px;float:left;margin-right:10px;border:1px solid #ddd;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.03);box-shadow:0 2px 0 rgba(0,0,0,0.03) }
.post .post-comments ul li .comment-text { overflow: hidden }
.post .post-comments ul li .comment-text .name { float: left;display:block;font-weight:600;font-size:14px;color:#282828;line-height:1.2 }
.post .post-comments ul li .comment-text .comment-head { margin-bottom: 10px;padding-bottom:10px;border-bottom:1px dotted #ddd }
.post .post-comments ul li .comment-text .time { float: right;display:block;font-size:11px;color:#888 }
.post .post-comments ul li .comment-text .name>a { font-size: 12px }
.post .post-comments ul ul { padding: 20px 0 0 70px }
.post .post-comments ul ul:before { border-left: 1px dotted #ddd;position:absolute;content:'';top:60px;bottom:0;left:30px }
.post .post-comments ul ul li:before { position: absolute;content:'';left:-38px;top:30px;width:38px;border-top:1px dotted #d8d8d8 }
.icons-list { margin: 0 0 20px;padding:0;line-height:1;list-style:none }
.icons-list:after,
.icons-list:before { display: table;content:" " }
.icons-list:after { clear: both }
.icons-list>li { float: left;margin:0 7px 7px 0 }
.icons-list>li>span { display: block;cursor:pointer;text-align:center }
.icons-list.boxed>li>span { width: 42px;height:42px;font-size:20px;color:#686868;border:1px solid #ddd;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.03);box-shadow:0 2px 0 rgba(0,0,0,0.03) }
.icons-list>li>span [class*="icon-"],
.icons-list>li>span [class*="zocial-"] { line-height: 40px;vertical-align:middle }
.pagination { padding-top: 20px;margin:0 0 30px;border-top:1px solid #ddd;-moz-box-shadow:inset 0 2px 0 rgba(0,0,0,0.03);box-shadow:inset 0 2px 0 rgba(0,0,0,0.03) }
.pagination>ul { margin: 0;padding:0;line-height:1;list-style:none }
.pagination>ul:before,
.pagination>ul:after { display: table;line-height:0;content:"" }
.pagination>ul:after { clear: both }
.pagination>ul li { float: left;display:block;line-height:20px;margin-right:5px }
.pagination>ul li a { display: block;padding:5px 12px;color:#888;outline:0;border:1px solid #ddd;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.03);box-shadow:0 2px 0 rgba(0,0,0,0.03);-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;transition:all .15s ease-in-out }
.pagination>ul li.active a,
.pagination>ul li:hover a { color:#fff;border-color:#d54e22 }
.pagination>ul li.right { float: right }

.countdown .digit-group .digit.animating .digit-wrap.active .down { z-index: 2;-webkit-animation:turn .5s .5s linear both;-moz-animation:turn .5s .5s linear both;animation:turn .5s .5s linear both }

.countdown .digit-group .digit.animating .digit-wrap.before .up { z-index: 2;-webkit-animation:turn2 .5s linear both;-moz-animation:turn2 .5s linear both;animation:turn2 .5s linear both }
.error-page { max-width: 600px;margin:auto;text-align:center;padding:40px 0 }
.error-page .error-notif .error-code { font-size: 170px;line-height:1;color:#484848;margin-bottom:40px }
.error-page .error-notif .error-code>span { font-size: 64px;font-weight:normal;display:block;text-transform:uppercase }
.error-page .error-notif .error-text { font-size: 16px }
.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item { pointer-events: none;z-index:1 }
.isotope,
.isotope .isotope-item { -webkit-transition-duration: .8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s }
.isotope { -webkit-transition-property: height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity }
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s }

.lt-ie9 select,
.lt-ie9 textarea,
.lt-ie9 input[type="text"],
.lt-ie9 input[type="password"],
.lt-ie9 input[type="datetime"],
.lt-ie9 input[type="datetime-local"],
.lt-ie9 input[type="date"],
.lt-ie9 input[type="month"],
.lt-ie9 input[type="time"],
.lt-ie9 input[type="week"],
.lt-ie9 input[type="number"],
.lt-ie9 input[type="email"],
.lt-ie9 input[type="url"],
.lt-ie9 input[type="search"],
.lt-ie9 input[type="tel"],
.lt-ie9 input[type="color"] { min-height: 20px }
.lt-ie9 .portfolio-item .item-image .overlay { background: transparent;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5EF5C2C,endColorstr=#A5EF5C2C)";zoom:1 }
.lt-ie9 .portfolio-item .item-image .overlay .overlay-links a { -ms-filter: "alpha(opacity=80)" }
.lt-ie9 .portfolio-item .item-image .overlay .overlay-links a:hover { -ms-filter: "alpha(opacity=100)" }
.lt-ie9 .post .post-header .post-thumbnail .overlay { background: transparent;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";zoom:1;display:none }
.lt-ie9 .post .post-header:hover .post-thumbnail .overlay { display: block }
.lt-ie9 .img-gallery .media>a>.overlay { display: none;background:transparent;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5EF5C2C,endColorstr=#A5EF5C2C)";zoom:1 }
.lt-ie9 .img-gallery .media:hover>a>.overlay { display: block }
.lt-ie9 .pricing-tables .pricing-table .ribbon { display: none }

/* custom part */
.content .CL-column .CL-box-main-title {font-size: 18px;}
.CL-position-content_top .CL-portlet.CL-portlet-box .CL-box-main-title {margin-bottom: 5px;}
.CL-what-is-new-list {	line-height: 1.2;}
.CL-what-is-new-list li {	margin-top: 15px;}
.CL-what-is-new-list>li>span {	display: block;}
.CL-counter-module p {	margin: 0;}
.CL-poll-form p {	margin: 0;	line-height: 27px;}
.CL-poll-form p:first-child {font-size: 16px;}
.CL-show-other-poll-result {margin-left: 5%;margin-top: 5px;width: 90%;}
input.CL-search-text {	width: 70%;}
.CL-poll-results h3 {font-size: 16px;padding: 0;}
.CL-poll-results h4 {font-size: 14px;padding: 0;margin-bottom: 5px;}
input.CL-inplace-title-edit-text[type="text"]{ 	min-height:1px;	vertical-align:top;	box-sizing:inherit;	-moz-box-sizing:inherit;-ms-box-sizing:inherit;	-webkit-box-sizing:inherit;	-webkit-transition:none;-moz-transition:none;transition:none;}
.CL-box-style-0 .CL-box-icon {top:0;}
.CL-position-bottom .CL-what-is-new-link {color: #FFF;}
.CL-position-bottom .CL-graph-wrapper {	width: 95%;}
.CL-login-form #email, .CL-login-form #password {max-width: 300px;width: 100% !important;}
#CL-recover-password {	border-left: 1px solid #686868;	margin-left: 2px;padding-left: 7px;}
.CL-question .bar-container .bar-line {	border-radius: 5px;}
#CL-empty-trash {border-width: 1px 1px medium;}
/*custom*/
a:visited {
    color: #000;
}

.post a{color:#000;}/*dodano*/
.searchBar{float: right;margin-right: 15px;margin-top: 20px;text-align: right;width: 560px;}/*dodano*/
.header-wrap
{
    margin-top:15px;
    float:right;
    width:350px;
    height:130px;
    text-align:left;
    margin-right:15px;
}
.header-wrap .CL-command-options-wrapper
{
    display: none;
    height: 41px;
    overflow: hidden;
    padding: 7px 7px 0;
    position: absolute;
    right: -6px;/* CHECK this out, possible fix needed for 14px */
    top: -7px;/* CHECK this out, possible fix needed for 7px */
    z-index: 1505;
}
.header-wrap.CL-portlet.CL-portlet-custom1.CL-portlet-image .CL-box-main h2
{
    display:none;
}

.header-wrap .CL-position-header h2
{
    display:none
}
.footer-bottom .container a
{
    color:#fff;
}
.footer-bottom .container a:hover
{
    text-decoration:underline;
}
.header-wrap .CL-column.CL-position-header .CL-search-text {
    width: 60%;
    float:left;
    margin-top:5px;
}
.header-wrap .CL-column.CL-position-header .CL-search-submit.button {
    float: left;
    margin: 8px 5px;
    max-width: 137px;
    min-width:40px;
}
.CL-article-block.CL-article-title h1 /*Dodano*/
{
    font-size: 26px;
    height: 67px;
    padding: 6px;
    text-align: center;
}

.CL-box-main-content a:hover
{
    text-decoration:underline;
}
.header-wrap h2
{
    background-image:none;
    margin-top:0;
}
.CL-box-text-content
{
    color:black;
}
.CL-portlet .CL-box-main-content .CL-upload-file-container  a:hover
{
    text-decoration:underline;
}
.header-wrap .CL-column.CL-position-header  .CL-portlet.CL-portlet-header.CL-portlet-search .CL-search-submit.button
{
    float: left;
    margin-left:3px;
    max-width: 132px;
    min-width: 100px;
}
.content .CL-text-image-wrapper.CL-text-image-left,.CL-text-image-wrapper.CL-text-image-right
{
    background-image: url("../img/bg/div_news.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-bottom: 20px;
    width: 100%;
}
/*footer-menu*/
.footer_menu {
    padding: 10px 0 5px;
    text-align: center!important;
    width: 100%;
}
.footer_logo
{
    text-align: center!important;
    width: 100%;
}
footer ul
{
    margin:0 0 15px 0px
}
footer .CL-portlet-menu .CL-box-main-content ul
{
    line-height:normal
}
footer .CL-portlet-menu .CL-box-main-content ul li
{
    display: inline-block;
    margin-bottom: 3px;
    margin-left: 5px;
    margin-top: 3px;
}
footer .CL-portlet-menu .CL-box-main-content ul li a
{	background-color: #fff;
  display: block;
  color:#000!important;
  height: 30px;
  margin-bottom: 1px;
  min-width: 80px;
  padding: 5px;
  text-align: center;
  transition: all 300ms ease 0s;
}
footer .CL-portlet-menu .CL-box-main-content ul li a:hover
{
    color:#000!important;
}
.footer .footer_menu ul ul{display:none}
.footer_logo {width: 100%;}
.footer_logo .logo {margin-left: auto;margin-right: auto;width: 600px;}
.footer_logo .logo img {max-width: 600px;}
.footer_logo .logo-top  li {display:block;width:50px;height:50px;}
.footer_logo .logo-top  li a img{width:50px;height:50px;}

.CL-column.CL-position-right a
{
    color:#000;
}
.header-wrap .CL-portlet.CL-portlet-header.CL-portlet-search.hovered .CL-command-options-wrapper {
    display: block;
    height: 46px;
    overflow: hidden;
    padding: 7px 7px 0;
    position: absolute;
    right: 2px;/* CHECK this out, possible fix needed for 14px */
    top: 35px;/* CHECK this out, possible fix needed for 7px */
    z-index: 1505;
}
ul.CL-command-options li.CL-command-option {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #F4F4F4 !important;
    border-left: 2px solid #F4F4F4 !important;
    border-style: none none none solid !important;
    border-width: medium medium medium 2px !important;
    cursor: pointer;
    float: left;
    height: 34px;
    line-height: 16px;
    margin: 0 -5px 0 0 !important;
    padding: 0 2px 0 0 !important;
}
.CL-portlet.CL-portlet-breadcrumb.CL-portlet-trail .CL-trail
{
    border-bottom: 1px solid #EEEEEE;
    padding-bottom:5px;
}
.header-wrap .CL-portlet.CL-portlet-header .CL-portlet-image.hovered .CL-command-options-wrapper {
    display: block;
    height: 46px;
    overflow: hidden;
    padding: 7px 7px 0;
    position: absolute;
    right: -9px;/* CHECK this out, possible fix needed for 14px */
    top: -5px;/* CHECK this out, possible fix needed for 7px */
    z-index: 1505;
}
.header-wrap .CL-portlet.CL-portlet-header.CL-portlet-image .CL-image-slider
{
    background:none;
}
.header-wrap .CL-portlet.CL-portlet-header.CL-portlet-image .CL-image-slider
{
    max-height:140px;
}
.footer .sixteen.columns
{
    margin: 0;
    text-align:center;
}
.footer .footer-bottom-wrap
{
    width:100%;
    float:left;
}
.footer .footer-bottom-wrap .eleven.columns
{
    margin-left:auto;
    margin-right:auto;
    width:640px;
}
.footer .footer-bottom
{
	color:#ededed;
}
.footer_logo .CL-portlet.CL-portlet-bottom.CL-portlet-image,.CL-portlet.CL-portlet-footer.CL-portlet-image .CL-image-slider
{
    background:none;
}
.five.columns .CL-portlet-search .CL-search-submit.button
{
    float: right;
    position: relative;
    padding: 6px 9px;
}
.CL-portlet.CL-portlet-left.CL-portlet-menu a
{
    color:#000;
}
.CL-portlet.CL-portlet-right.CL-portlet-menu a
{
    color:#000;
}
.header-brand a
{
    color:#000;
    text-decoration:none
}
.header-brand a:hover
{
    text-decoration:underline
}
footer a
{
    color:#FFF!important;
    font-size:15px;
}
footer a:visited
{
    color:#FFF!important;
}
footer a:hover
{
    text-decoration:underline!important;
}
nav.navigation a{ color: #ffffff!important;}
nav a:visited{color:#fff}
.CL-contact-form,.CL-video-container
{
    max-width:100%;
}
.CL-box-no-icon .post-type
{
    display: none;
}
.header-module {
    display: inline-block;
    width: 100%;
    text-align: right;
    color: white;
    background-color: #515151;
}
.header-module .CL-portlet.CL-portlet-header {
    display: inline-block;
}
.header-module .CL-portlet.CL-portlet-header .CL-box-main-title {
    display: none !important
}
.CL-column.CL-position-header {
    display: block
}
.header-module .CL-command-options-wrapper
{
    top:13px;
}
.header-module a.CL-command-option-item
{
    text-indent: 9999px;
}
.header-module .language
{
    display:block;
    margin:0 auto;
}
.header-module .language .CL-box-main
{
    padding:5px 0
}
.CL-column.CL-position-right h2,.CL-column.CL-position-left h2{
    height: 35px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 5px;
}
.CL-box-main-title{
    margin-bottom:4px;
}
.CL-trail a{color:#000;}

.CL-site-identity {
    float: left;
    position: relative;
}
.CL-upload-file-container a.CL-upload-file-link {
    display:block;
}

.main-wrap .CL-content-link--button,
.main-wrap .CL-search-result-submit {
	display: inline-block;
	color: #fff !important;
	text-align:center;
	cursor:pointer;
	vertical-align:middle;
	border-radius:3px;
	padding:6px 12px;
	line-height:20px;
	font-size:13px;
	outline:0;
	font-weight:normal;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.main-wrap .CL-content-link--button:hover,
.main-wrap .CL-search-result-submit:hover {
	color: #fff;
	text-decoration:none !important;
}

/*------------------------------------*\
    $WHATISNEW
\*------------------------------------*/

span.CL-what-is-new-item-title {
    font-size: 24px;
    font-weight: 700;
}

.CL-what-is-new-item-icon {
    width: 300px;
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
}

.CL-what-is-new-item-text {
    font-size: 1em;
    color: #666;
    line-height: 1.5em;
}

ul.CL-what-is-new-list {
    margin: 0;
}

/*------------------------------------*\
    $FIX
\*------------------------------------*/

.CL-box-no-title.CL-box-no-icon .CL-box-title, .CL-box-no-subtitle.CL-box-no-icon .CL-box-subtitle {
    line-height: 0 !important;
    margin: 0;
    padding: 0;
}

.CL-box-main-content .CL-trail {
    margin-right: 30px;
}

.CL-follow-us {
    margin: 10px 0;
}

.CL-portlet-customhtml {
    overflow: hidden;
}

.CL-article-block .CL-box-container, .CL-box-live-preview .CL-box-container {
    padding: 0px;
}

.main .CL-article-block, .main .CL-portlet .CL-box-main, .CL-search-result-toolbar, .CL-search-result-item {
    padding: 20px 15px;
}

.CL-box-container, .CL-article-news-block, .CL-news-list-wrapper {
    padding: 0;
}

.containerHeader ul.CL-command-options {
    position: fixed;
    margin-top:35px;
}

@media (min-width: 768px) {
    .toggle-nav {
      display: none;
  }
}

.content {
  background: #FFF;
}

.sidebar.left {
    border-right: 1px solid #EEEEEE;
}

.sidebar.right {
    border-left: 1px solid #EEEEEE;
}