/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

html[lang="en-US"] a.lang-en {
    color: #fff;
    background: #00a651;
    padding: 3px 7px;
}

html[lang="hr"] a.lang-hr {
    color: #fff;
    background: #00a651;
    padding: 3px 7px;
}

footer.x-colophon.top .footer-logos a {
    margin: 0 20px;
}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    margin: 0 auto;
    display: inline-block;
}

.x-navbar-fixed-top a.x-brand.img {
    z-index: 1040;
    margin-top: 0;
    height: 80px;
}

.x-navbar-fixed-top a.x-brand.img > img {
height: 100%;
}

.x-btn.x-btn-square {
    text-shadow: none;
font-weight: 700;
}

.x-content-band {
margin: 0;
}

.h-custom-headline.flow-header-title {
    font-size: 26px;
    margin: 0;
    padding: 40px 0;
    color: #fff;
}
.h-custom-headline.flow-header-title.green {
background: #00a651;
}

.h-custom-headline.flow-header-title.blue {
background: #0f5ca1;
}

.clearfix {clear:both;}
.header-programi {
	float: right;
}
.header-programi img {
margin-left: 20px;
padding: 20px;
}

.x-topbar {
z-index: 10;
border: none;
}

a.x-brand.img {
    z-index: 1040;
    margin-top: -115px;
}

footer.x-colophon.top {
    padding: 50px 0;
}

/** HOMEPAGE**/

.x-recent-posts.vertical a.x-recent-post1, .x-recent-posts.vertical a.x-recent-post2, .x-recent-posts.vertical a.x-recent-post3, .x-recent-posts.vertical a.x-recent-post4 {
    width: 45%;
    float: left;
    border-radius: 0;
    box-shadow: none;
    border-color: #fff;
}

.news-block .x-column .wpb_content_element .vc_grid .vc_gitem-animated-block {
    height: 300px;
}

.news-block .x-column .wpb_content_element .vc_grid .vc_gitem-zone h4 {
    margin: 0;
}

/** COOL TABS **/

.cool-tabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab>a {
    border-radius: 50%;
    padding: 30px;
    background: transparent;
    color: #fff;
    font-weight: bold;
    margin-right: 105px;
    height: 130px;
    width: 130px;
    border-width: 3px;
    text-align: center;
    line-height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cool-tabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a {
    border-color: #00a651;
    color: #fff;
    background: #00a651;
}

.cool-tabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    background-color: transparent;
border: none;
}

.cool-tabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body p {
    color: #fff;
}

.cool-tabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::before, .cool-tabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::after {
border:none;
} 


.cool-tabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab>a::before, .cool-tabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::before {
    content: "";
    width: 80%;
    height: 100%;
    position: absolute;
    right: -106px;
    top: 0;
    background: url(/wp-content/uploads/2016/12/dotted-line-white.png) no-repeat center;
}

.cool-tabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab:last-of-type>a::before, .cool-tabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab:last-of-type.vc_active>a::before {
	content: none;
}

.documents .doc-list .x-li-icon {
    padding: 20px 30px;
    border-bottom: 1px solid #eee;
}

/** CONTACT FORM **/

form.wpcf7-form input, form.wpcf7-form textarea {
    border-radius: 0;
    box-shadow: none;
    padding: 30px 20px;
    font-size: 18px;
}

form.wpcf7-form .wpcf7-submit {
    text-shadow: none;
    width: 145px;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    background: #0f5ca1;
}

form.wpcf7-form .wpcf7-submit:hover {
background: #00a651;
}




/** COOL TABS V2 -- THE NEW VERSION **/

.cool-tabs .x-nav-tabs {
    border: none;
    box-shadow: none;
}

.cool-tabs .x-nav-tabs>li {
    border: none;
}

.cool-tabs .x-nav-tabs>li>a {
    position: relative;
    background: none;
    box-shadow: none;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    height: 130px;
    width: 130px;
    border-radius: 50%;
    border: 3px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;
}

.cool-tabs .x-nav-tabs > .active > a, .cool-tabs .x-nav-tabs > .active > a:hover {
    box-shadow: none;
    background: #00a651;
    border-color: #00a651;
    color: #fff;
}

.cool-tabs .x-nav-tabs>li>a::before {
    content: "";
    width: 80px;
    height: 100%;
    position: absolute;
    right: -84px;
    top: 0;
    background: url(/wp-content/uploads/2016/12/dotted-line-white.png) no-repeat center;
}

.cool-tabs .x-nav-tabs>li:last-of-type>a::before {
    content: none;
}

.cool-tabs .x-tab-content {
    background: none;
    color: #fff;
    box-shadow: none;
    border: none;
    padding-top: 50px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.cool-tabs .x-tab-content .x-tab-pane {
    padding: 0 4%;
text-align: justify; 
}


.mobile-accordions .x-accordion-heading .x-accordion-toggle.collapsed {
    background-color: #00a651;
}

.mobile-accordions .x-accordion-heading .x-accordion-toggle {
    color: #fff; 
    font-weight: 700;
background-color: #00a651;
}

.mobile-accordions .x-accordion-heading .x-accordion-toggle.collapsed:before {
    color: #fff;
}

.mobile-accordions .x-accordion-inner {
    background-color: transparent;
    color: #fff;
    padding: 30px;
}

form.wpcf7-form input {
padding: 10px 20px;
}

form.wpcf7-form textarea {
padding: 17px 20px;
}



.visible-xs {
display:none;
}



@media (max-width: 768px) {

.cool-tabs .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body p {
    color: #666;
}

.cool-tabs .vc_tta.vc_tta-spacing-1 .vc_tta-panel.vc_active .vc_tta-panel-heading, .cool-tabs .vc_tta.vc_tta-spacing-1 .vc_tta-panel:not(:last-child) .vc_tta-panel-heading {
border-radius:0;
}

.cool-tabs .vc_tta-shape-rounded:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-body {
    border-radius: 0;
}

.cool-tabs .vc_tta.vc_tta-spacing-1 .vc_tta-panel:not(:first-child) .vc_tta-panel-heading {
    border-radius: 0;
}

.cool-tabs .x-tab-content {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.hidden-xs {
display:none;
}

.visible-xs {
display:block;
}

.header-programi > strong {
    display: block;
}

.header-programi img {
    display: none;
}

a.x-brand.img {
    margin-top: 0;
}

a.x-brand.img >img {
    height: 88px;
}

.x-topbar .p-info {
    display: none;
}

}

.hide-me {display:none!important;}