/* Theme Name: zeleni
   Author: Gauss Development
   Author URI: http://gauss.hr/
   Version: 1.0
   License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("css/reset.css");
/*------------------*/
/*-----GENERAL----- */
/*------------------*/

.clearfix{
    position: relative;
}
.clearfix:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}
.fullPageWrap{
    font-family: 'Roboto', SansSerif;
    background-color: #fefefe;
}
.slick-slide{
    height: 150px !important;
}
/*------------------*/
/*-----HEADER----- */
/*-----------------*/
.fullHeader{
    background-color: #ffffff;
    }
.full-navigation{
    background-color: #39924e;
    max-height: 70px;
}
.innerHeader{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.innerHeadTop{
    width: 100%;
}

.innerHeadBottom{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    max-height: 70px;
}
.logo{ 
    height: 130px;
    float: left;
    max-width: 368px;
    width: 33.454%;
}
.logo img{
    margin-top: 15px;
    
}
.brTel{
    max-width: 364px;
    width: 33.092%;
    height: 130px;
    float: left;
    text-align: right;
    padding-right: 74px;

    }
.brTel p{
    font-family: 'Roboto Condensed';
    display: inline-block;
    font-weight: 700;
    color: #626262;
    font-size: 18px;
    margin: 50px 0 0 10px;
    text-align: right;
}
.brTel p img{
    vertical-align: middle;
    margin-right: 10px;
}

.headerEmail{
    float: left;
    display: inline-block;
    width: 33.454%;
    max-width: 368px;
    height: 130px;
    text-align: right;
}
.headerEmail a{
    font-family: 'Roboto Condensed';
    font-weight: 700;
    color: #626262;
    font-size: 18px;
    float: left;
    margin:50px 0 0 34px;
    display: block;
    position: relative;
    }
.headerEmail a span{
    position: absolute;
    display: inline-block;
    left: -30px;
}
 .icon-mail::before{
    color: #a0cc5c;
    font-size: 23px;
}
/*----Language switcher----*/
#lang_sel a.lang_sel_sel{
    background: url("images/language-arrow.png") #fff right no-repeat !important;
}
#lang_sel ul ul {
    width: 42px !important;
border: none;}
#lang_sel li {
    float: none !important;
    width: 42px !important;
    position: absolute !important;}
#lang_sel {
    height: 32px;
    position:absolute !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    display: inline-block;
    top:50px;
    right: 0 !important;
    width: 50px !important;
    }
#lang_sel a:visited {
    display: block;
    font-size: 18px !important;
    text-decoration: none !important;
    color: #444444;
    border: 1px solid #cdcdcd;
    background: #fff;
    padding-left: 0;
    line-height: 24px;
}
#lang_sel a{
    font-size: 18px !important;
    font-weight: bold;
    padding-left: 0 !important;
}
#lang_sel a:visited{
    padding-left: 0 !important;
}
#lang_sel ul ul{
    width: 42px !important;
}
/*----/Language switcher----*/


/*-------------*/
/*--Nav menu---*/
#main-menu{
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 1100px;
    border-left: 1px solid #4fa964;
}

#main-menu li{
    float: left;
    text-transform: uppercase;
    line-height: 70px;
    border-left: 1px solid #4fa964;
}
#main-menu li:last-child{
    border-right: 1px solid #4fa964;
}
#main-menu li:first-child{
    border-left: none;
}
#main-menu li:hover ,.home-button:hover{
    border-bottom: 3px solid white;
    height: 70px;
    background-color: #489e5c;
}
#main-menu .current-menu-item{
    border-bottom: 3px solid white;
    height: 70px;
    background-color: #489e5c;
}
.single-program #main-menu .menu-item-23{
    border-bottom: 3px solid white;
    height: 70px;
    background-color: #489e5c;
}
.postid-3876 #main-menu .menu-item-2299,.postid-2068 #main-menu .menu-item-2298,.page-template-page-fotografija #main-menu .menu-item-2297,.page-template-page-singlevideo-php #main-menu .menu-item-2297,.page-template-page-press-php #main-menu .menu-item-2297{
    border-bottom: 3px solid white;
    height: 70px;
    background-color: #489e5c;
}

.single-post .menu-item-2300{
    border-bottom: 3px solid white;
    height: 70px;
    background-color: #489e5c;
}

.active{
    border-bottom: 3px solid white;
    height: 70px;
    background-color: #489e5c;
}
.navigacija{
    float: left;
    max-width: 1100px;
    width: 100%;
    max-height: 70px;
}
.navigacija ul{
    margin: 0;
    padding: 0;
}

#main-menu li a{
    color: #fff;
    font-weight: 400;
    font-family: "Roboto";
    display: block;
    text-align: center;
    font-size: 17px;
}
.home-button{
    display: none !important;
    padding: 0 5.6%;
    height: 70px;
    float: left;
    border-left: 1px solid #4fa964;
}
span.icon-home::before{
    display: block;
    text-align: center;
    margin-top: 23px;
}

.menu-item{
    display: inline-block;
    padding: 0 30px
}
.menu-item:first-child{
    width: 10%;
}

ul.footer-menu .menu-item{
    width: 16.66%;
}



/*-------End Menu------- */

/*-----------------------*/
/*-----FLEXISLIDER------ */
/*-----------------------*/
.flexslider{
    position: relative;
}
.fullSliderWrap{
    width: 100%;
}
 .slides{
    margin: 0;
     padding: 0;
}
 .slides li{
     list-style: none;
     height: 700px;
     background-size: cover !important;
 }
.flex-next::before, .flex-prev::before{
    top:50%;
    right:50%;
}
.flex-control-nav .flex-control-paging li{
    color: green;

}
.flex-prev{
    background-color: #4fa964;
    padding-top: 15px;
    text-align: center;
}
.flex-next{
    background-color: #4fa964;
    padding-top: 15px;
    text-align: center;
}
/*----Single post inside slider */

.insideFlexSlider{
    position: absolute;
    background-color: #3c3c3c;
    opacity: 0.8;
    height: 400px;
    width: 364px;
    z-index: 2;
    color: white;
    top:150px;
    padding: 60px 62px 65px 52px;
}
.insideFlexSlider p{
    margin: 0;
}
.insideFlexSlider  h2{
    margin: 0;
    font-size: 26px;
    color: white !important;
    font-family: 'Roboto Condensed';
    margin-bottom: 30px;
}
.insideFlexSlider-button{
    position: absolute;
    font-family: "Roboto Condensed";
    display: block;
    top:435px;
    left: 52px;
    width: 160px;
    height: 50px;
    text-transform: uppercase;
    background-color: #a0cc5c;
    font-weight: bold;
    opacity: 1;
    z-index: 3;
    text-align: center;
    font-size: 18px;
    color:white;
    padding-top: 15px;

}
/*-----------------------*/
/*---------FOOTER--------*/
/*-----------------------*/
.mainFooter{
    height: auto;
    width: 100%;
    background-color:#3c3c3c ;
}
.innerFooter{
    max-width: 1100px;
    height:auto;
    width: 100%;
    margin: 0 auto;
}
.footerNav{
    border-bottom: 1px solid #505050;
    margin: 0 auto;
}
/*middle section of the footer*/
.middleInnerFooter{
    position: relative;
    width: 100%;
    max-width: 1100px;

}
.middle-footer{
    padding-top: 60px;
    width: 33.3%;
    height: 190px;
    float: left;
}
.middle-footer:nth-child(2) {
    padding-top:45px;
}
.middle-footer:nth-child(2)  img{
    margin: 0 auto;
    display: block
}
.middle-footer:nth-child(2)  p{
    text-align: center;
    display: block
}

.singleRow{
    position: relative;
}
.singleRow a{
    position: relative;
}
.middle-footer p{
    color: white;
    font-size: 16px;
    font-weight: 400;
}
.middle-footer:first-child{
    width: 33%;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.middle-footer:first-child .icon-mail::before{
    color: #409754;
    padding-right: 10px;
    position: absolute;
    font-size: 23px;
    display: inline-block;
    line-height: 36px;
}

.middle-footer:first-child p{
    color: white;
    font-size: 16px;
    padding-left: 37px;
    margin: 0;
    line-height: 36px;
}
.middle-footer:first-child .icon-phone::before{
    color: #409754;
    padding-right: 10px;
    font-size: 23px;
    display: inline-block;
    position: absolute;
    line-height: 36px;
}

.middle-footer:last-child{
    width: 33%;
    text-align: right;
    vertical-align: middle;
}

.middle-footer:last-child p{
    display: inline-block;
    margin: 0;
    font-size: 16px;
    padding-left: 30px;

}
.singleRow:last-child{
    line-height: 25px;
}
.middle-footer:last-child .icon-facebook{
    color: #409754;
    font-size: 23px;
    display: inline-block;
    position: absolute;

}
.icon-facebook #facebook span:before{
    color: green;
}
span#facebook2.icon-facebook {
    color: white;
}
.bottomInnerFooter{
    vertical-align: middle;
    text-align: center;
    border-top: 1px solid #505050;
}
.bottomInnerFooter p{
    line-height: 150px;
    margin: 0;
    color: white;
    font-size: 16px;
}
ul#footer-menu{
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-menu li a:hover{
    color: #39924e;
}
.footer-menu .current-menu-item li a{
    color: #39924e !important;
}

.footer-menu li{
    width: 16.66%;
    list-style: none;
    text-align: center;
    float: left;

}
#menu-footer{
    padding: 0;
    text-align: right;
    list-style: none;
	padding-right:12%;
	display:none;
}
.footer-menu li a{
    color: white;
    height: auto;
    line-height: 150px;
    font-size: 16px;
}
.footer-menu li .current-menu-item{
    color: green;
}
ul.footer-menu{
    padding-left: 0;
}
/*-----------------------*/
/*-----Front-Page Body---*/
/*-----------------------*/

.fullBodyContainer{
    width: 100%;
    height: auto;
}
.contaner2{
    background-color: yellowgreen;
}
.innerFullpageContainer{
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
    height: auto;

}
.innerBodyTop{
    border-top: 1px solid #d9d9d9;
    margin-top: 78px;
    height: auto;
    width: 100%;

}
.novostiDot{
    height: 8px;
    width: 8px;
    background-color: #409754;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 10px;
}
.Naslov{
    margin-top: -15px;
    text-transform: uppercase;
    color: #409754 !important;
    background-color: #fefefe;
    width: 11%;
    font-size: 24px;
    font-weight: 600;
    font-family: "Roboto Condensed";
}
.postContainerTop{
    width: 100%;
    height: auto;
}
.singlePostContainer{

    width: 31.813%;
    max-width: 350px;
    height: 470px;
    border: 1px solid #d9d9d9;
    padding: 20px;
    float: left;
    background-color: #ffffff;
    color: #626262;
    position: relative;
}
.singlePostContainer:nth-of-type(3n+2){
    margin: 0 2.27% 0 2.27%;
}
.singlePost{ /*Page-postovi*/
    margin-bottom: 20px;
}
.postImg{
    max-height: 194px;
    height: 100%;
    max-width: 310px;
    width: 100%;
}
.postImg img{
    display: block;
    margin: 0 auto;
    height:auto;
}
.singlePostContainer h3{
    color: #409754 !important;
    font-size: 13px;
    text-transform: uppercase;
    margin: 20px 0 20px 0;
}
.singlePostContainer a h3{
    color: #626262 !important;
    font-size: 18px;
    text-transform: none;
}
.singlePostContainer  a h3:hover{
    color: #39924e !important;
    text-decoration: underline;
}
.middleText a p:hover{
    color: #39924e;
    text-decoration: underline;
}
.singleDownPost a p:hover{
    color: #39924e;
    text-decoration: underline;
}
.video-mali-kontejner{


    position: absolute;
}
.video-mali-kontejner{
    background: url("images/video-icon.jpg")no-repeat top left ;
    width: 40px;
    height: 40px;
}

/*---middle front-page  section---*/
.innerBodyMiddle{

    margin-top: 25px;
    margin-bottom: 20px;
    height: auto;
    width: 100%;
    display: inline-block;

}
.middlePost{
    width: 31.813%;
    height: 140px;
    border: 1px solid #d9d9d9;
    padding: 20px;
    margin-bottom: 20px;
    overflow : hidden;
    float: left;
    background-color: #ffffff;
}
.middlePost:nth-of-type(2),.middlePost:nth-of-type(5){
    margin: 0 2.27% 0 2.27%;
}
.middleImg{
    float: left;
}
.middleImg img{
    display: block ;
    margin: 0 auto;
}
.middleText {
    float: right;
    width: calc(100% - 100px);
    padding-left: 20px;
    color: #626262;
}
.middleText span{
    display: inline-block;
    padding-bottom: 15px;

}
.middleText h3{
    color: #409754 !important;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0;
}
.middleText h3 span::before{
    margin-right: 8px;
}
.middleText p{
    font-size:19px;
    font-weight: 600;
    margin: 0;
    color: #626262;
    text-transform: none;
}
.single-wrapper li{
    color: #626262;
    line-height: 30px;
    font-size: 18px;
}
.FotoGalerijaInner li{
    color: #626262;
    line-height: 30px;
    font-size: 18px;
}
.innerFullpageContainer li{
    color: #626262;
    line-height: 30px;
    font-size: 18px;
}
.innerFullpageContainer h1, .innerFullpageContainer h2, .innerFullpageContainer h3,.innerFullpageContainer h4,.innerFullpageContainer h5,.innerFullpageContainer h6{
    color: #626262;
}



/*---down front-page  section---*/

.innerBodyDown{
    width: 100%;
    height: auto;
    margin-top: 55px;
    position: relative;
}
.innerBodyDown h2{
    color: #add276;
    text-align: right;
    font-family: "Roboto Condensed";
    font-size: 18px;
    padding: 0;
    position: absolute;
    margin: 0;
    bottom: -20px;
    right: 0;
    text-transform: uppercase;
}
.innerBodyDown h2:hover{
    color: darkgreen;
}
.innerBodyDown img{
    margin-right: 10px;
}
.singleDownPost{
    width:31.813%;
    height: 65px;
    border-bottom: 1px solid #d9d9d9;
    float: left;
    margin-bottom: 27px;
}
.singleDownPost p{
    margin: 0;
    vertical-align: middle;
    float: left;
    font-family: 'Roboto Condensed';
    font-size: 19px;
    font-weight: 600;
    color: #626262;
    line-height: normal;
}
.singleDownPost span{
    height:9px;
    width: 9px;
    background-color: #409754;
    float: left;
    margin-right: 12px;
    margin-top: 4px;
    vertical-align: middle;
}
.singleDownPost:nth-of-type(2),.singleDownPost:nth-of-type(5),.singleDownPost:nth-of-type(8){
margin: 0 2.27% 0 2.27%;
}


.bodyDownIcons{
    height: auto;
    width: 100%;
}


/*----Donatori---------*/


.innerIcons1{
    max-width: 1100px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 90px;
    position: relative;
}
.innerIcons2{
    max-width: 1100px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;

}



.bodyDownIcons h2{
    display: block;
    font-size: 24px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #9d9d9d;
    position: absolute;
    top: -60px;
    left: 0;
}
.singleImage{
    white-space: nowrap;
    height: 140px;
    width: 16.633%;
    border: 1px solid #ececec;
    float: left;
    text-align: center;
}
.singleImage:last-of-type{
    border: 1px solid #ececec;
    width: 16.633%;
    float: left;
    text-align: center;
}
.helper{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.singleImage img{
    vertical-align: middle;
    height: auto;
    max-width: 90%;
}
.singleImage:last-of-type img{
    margin: 0 auto;
    display: inline-block;
    height: auto;
}
/*------Partneri-------*/
.innerIcons2{
    margin-bottom: 90px;
}
/*--------------------------*/
/*--------GALERIJA----------*/
/*--------------------------*/

.galerija-header-image{
    margin: 0 auto;
    width: 100%;
    height: 200px;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.galerija-inner{

}
.galerija-content{
    padding-bottom: 90px;
    padding-top: 60px;
    max-width: 1100px;
    width: 100%;
    height: auto;
}
#innerBody{
    background-color: #4a4f4c;
}
/*--galerija navigacija--*/

.galerija-navigacija{
    position: relative;
    margin-top: 80px;
	margin-left: 281.500px;

}
.singlePageNavigacija{  /*======= NAVIGACIJA NA SINGLE PAGE GALERIJI =========== */
    position: absolute;
    bottom: 5px;
    right: 5px;
    margin-top: 30px;

}
.button{
    height: 50px;
    width: 190px;
    text-align: center;
    margin: 0;
    float: left;
    border: 1px solid #767676;
    background-color: #fefefe;
    font-family: 'Roboto Condensed';
    font-weight: 400;
    color: #767676;
    font-size: 18px;
}
.button:hover{
 background-color: #767676;
    color: white;
    font-weight: 700;
    text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);

}
.button:focus{
    background-color: #767676;
    color: white;
    font-weight: 700;
}
.button.is-checked,
.button.is-selected {
    background-color: #767676;
    color: white;
    font-weight: 700;
    text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.content-galerija-single{
    width: 30%;
    margin: 0px 5px 5px 10px;
    float: left;
	height:315px;
}

.content-galerija-single img{
    width: 100%;
}
.content-galerija-single a{
    color: #767676;
    font-size: 18px;
}
.Galerija-title.projekti-title-single{
    top: -191px;
}
.Galerija-title-foto.press{
    padding-top: 15px;
    position: absolute;
    width: 150px;
    height: 50px;
    top: -215px;
    left: 0;
    font-size: 36px;
    font-family: "Roboto Condensed";
    font-weight: bold;
    color: #ffffff;
}
.Galerija-title-foto.video{
    padding-top: 15px;
    position: absolute;
    width: 150px;
    height: 50px;
    top: -215px;
    left: 0;
    font-size: 36px;
    font-family: "Roboto Condensed";
    font-weight: bold;
    color: #ffffff;
}
.Galerija-title-foto{
    padding-top: 15px;
    position: absolute;
    width: 150px;
    height: 50px;
    top: -140px;
    left: 0;
    font-size: 36px;
    font-family: "Roboto Condensed";
    font-weight: bold;
    color: #ffffff;
}
.zoom-gallery
{
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.zoom-gallery li
{
    display: inline-block;
    height: 100px;
    margin: 0 0.5% 0.5% 0;
}
/*--Magnific popup-- */
.image-source-link {
    color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.9;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}
.gallery dl dt img{
    height: 50%;
}

/* Galerija Foto/Video/Press Pages */

.foto-single-galery{
    top:-138px !important;
    width: 250px !important;
}








/*==================================================================================================================================
===============================================================================================================================*/
.galerija-slike a,.projekti-full a{
    color: #409754;
    font-weight: 600;
}
.galerija-slike a:hover{
    color: green;
}
.projekti-full a:hover{
    color: green;
}
.kontakt-slider-projekt.slider-projekti{
    margin-bottom: 75px;
}



/* ====Galeria Foto====*/

.FotoGalerijaInner h2{
    color: #4c4c4c;
    padding-bottom: 50px;
    font-size: 20px;
    font-family: 'Roboto Condensed' !important;
}
.FotoGalerijaInner p{
    color: #4c4c4c;
    font-size: 18px;
    line-height: 30px;
}
.rbs_gallery_button{
    display: none;
}
.Galerija-title{
    padding-top: 15px ;
    position: absolute;
    width: 150px;
    height: 50px;
    top: -220px;
    left: 0;
    font-size: 36px;
    font-family: "Roboto Condensed";
    font-weight: bold;
    color: #ffffff;
}
.Galerija-title.novosti-title{
    top: -220px ;
	width: 250px;
}
.galerija-slike{
    padding-bottom: 90px;
    padding-top: 60px;
    max-width: 1100px;
    width: 100%;
    height: auto;
}
.galerija-video{
    padding-bottom: 90px;
    padding-top: 60px;
    max-width: 1100px;
    width: 100%;
}
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
    margin-top: 50px;
}.youtube iframe {
     position: absolute;
     top:0;
     left: 20px;
     width: 95%;
     height: 95%;
 }
#title-youtube{
     color: #626262;
    font-size: 20px;
}
.innerFullpageContainer.galerija-slike.galerija-video p{
    font-size: 18px;
    color: #626262;
    line-height: 30px;
}

/*------------------------
---------KONTAKT----------
-------------------------*/

.kontakt-header-image{
    margin: 0 auto;
    width: 100%;
    height: 200px;
    background: url("images/kontakt.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box
}
#kontaktInner{
    height: auto;
    margin-top: 70px;
}
.kontakt-title{
    top: -210px;
    left: 0;
}
.leftKontaktBox{
    width: 54.09%;
    float: left;
    height: auto;
    border-right: 1px solid #ececec ;
}
.leftKontaktBoxTekst{
    margin-top: 50px;
}
.leftKontaktBoxTekst p{
    margin-bottom: 0;
}
.rightKontaktBox{
    width: 45.91%;
    float: left;
    height: auto;
    text-align: right;
    padding-left: 60px;
}
.rightKontaktBox p{
    margin: 0;
}
input[type="text"],input[type="email"],input[type="tel"],input[type="textarea"]{
    width: 440px;
    height: 50px;
    margin-bottom: 30px;
    background-color: #f7f7f7;
    border: 1px solid #ececec;
    border-bottom: 2px solid #ececec;
    padding-left: 20px;

}

#kontakt-tekstarea{
    background-color: #f7f7f7;
    border: 1px solid #ececec;
    border-bottom: 2px solid #ececec;
    width: 445px;
    height: 170px;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-top: 20px;
}
input[type="submit"]{
   float: left;
    border: none;
    background-color: #39924e;
    height: 50px;
    width: 124px;
    color: white;
}
#map{
    margin-top: 100px;
}
.kontakt-slider{
    padding-top: 40px;
    max-width: 1100px;
    height: 210px;
    width: 100%;
    margin: 0 auto;

}
.slick-arrow:before, .slick-arrow:before{
    color: #4fa964;
}
.slick-slide img{
    margin: 0 auto;
}
.rightKontaktBox h2{
    color:#39924e;
    margin: 27px 0 25px 0;
    float: left;
    font-size: 24px;
    font-weight: bold;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors,div.wpcf7-response-output{
    margin: 4em 0 1em !important;
    padding: 0.7em 1em !important;
    text-align: left !important;
}



/*------------------------
---------PROJEKTI---------
-------------------------*/

.projekti-full{
    padding-bottom: 80px;
}
.fullBodyInnerProjekti{
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 100px;
    background-color: #fbfbfb;
    margin-bottom: 90px;
}
.projekti-header-image{
    margin: 0 auto;
    margin-bottom: 50px;
    width: 100%;
    height: 200px;
    background: url("images/projekti_headerimg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box
}


#projekti-inner{
    height: auto;
    position: relative;
}
.projekti-title{
    color: white;
    top: -190px;
}
.single-projekt2{
    padding: 30px 40px 30px 80px;
    height: auto;
    min-height: 150px;
    position: relative;
    background-color: white;
    margin-top:30px;
    width: 100%;
    -webkit-box-shadow: 0.5px 0.5px 5px 0px rgba(87,87,87,0.7);
    -moz-box-shadow: 0.5px 0.5px 5px 0px rgba(87,87,87,0.7);
    box-shadow: 0.5px 0.5px 4px 1px rgba(87,87,87,0.7);
}
.ikona{
    position: absolute;
    top: -13px;
    left: 20px;
}
.inside-singleprojekt img{
    float: left;
    margin-right: 30px;
    min-width: 250px;
    max-height: 150px;
    height: 100%;
}
.inside-singleprojekt{
    padding-left: 30px;
    float: left;
    color: #626262;
}
.inside-singleprojekt p{
    color: #767676;
    font-size: 16px;
    margin: 0;
    margin-top: 10px;
}
.inside-singleprojekt h3{
    margin: 0;
    padding-top: 10px;
    font-size: 20px;
    font-family: 'Roboto Condensed' ;
    font-weight: bold;
    color: #626262;
}
.slider-projekti{
    margin-top: 80px;
    margin: 0 auto;
    max-width: 1100px;
    height: 140px;
    width: 100%;

}
.slider-projekti2{
    margin: 0;
    margin: 0 auto;
    max-width: 1100px;
    width: 100%;
    height: 140px;

}
.inside-singleprojekt a h3:hover{
    color: #39924e;
    text-decoration: underline;
}
/*------Paginacija------*/

.wp-pagenavi{
    margin: 80px 0 60px 0;
    font-size: 15px;
    float: right;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color: #489e5c;
    border: 1px solid #489e5c;
    color: #FFFFFF;
    font-weight: 700;
}

.wp-pagenavi a, .wp-pagenavi span{
    background: #fbfbfb;
    color: #626262;
    margin: 0 6px;
    display: inline-block;
    text-align: right;
    font-weight: 400;
    line-height: 1.2em;
    text-decoration: none;
    padding: 4px 8px;
}


/*=====Single Projekt========*/

.single-wrapper{
    max-width: 1100px;
    margin-bottom: 100px;
    padding: 20px;
    background-color: #ffffff;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
}

.single-wrapper h2{
    padding:0;
    color: #626262;
}
.single-wrapper p{
    color: #626262;
    overflow: hidden;
    line-height: 30px;
    font-size: 18px;
}
.alignright {
    float: right;
    margin: 0 0 20px 20px;
}
.alignleft {
    float: left;
    margin-right: 20px;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------
------------------PROGRAMI--------------------
--------------------------------------------*/
.Galerija-title.programi-title-single{
    padding-top: 15px;
    position: absolute;
    width: 150px;
    height: 50px;
    top: -190px;
    left: 0;
    font-size: 36px;
    font-family: "Roboto Condensed";
    font-weight: bold;
    color: #ffffff;
}
.datum {
    text-align: right;
}

/*-------------------------
---------O-NAMA------------
--------------------------*/

#innerFullWidth{
    padding-bottom: 150px;
    background-color: #fbfbfb;
    border-bottom:1px solid #ececec;
    margin-bottom: 65px;
}
 .header-image-background{
    position: absolute;
    top:0;
    right:0;
    bottom: 0;
    left:0;
    opacity: 0.2;
    background-color:#444444;
}
.onama-header-image{
    height: 200px;
    width: 100%;
}
.slick-track{
    margin-bottom: 60px;
}
.onama-inner{
    max-width: 1100px;
    width: 100%;
    padding-top: 70px;
}
.onama-title{
    top: -139px;
}
.vizija-img{
    height: 315px;
    width: 47.727%;
    float: left;
    display: inline-block;
}
.vizija-tekst{
    width: 52.272%;
    float: right;
    height: auto;
    padding-left: 4.545%;
    position: relative;
}
.vizija-tekst h2{
    position: relative;
    margin: 0;
}
.vizija-tekst h2 p{
    line-height: 50px;
    margin: 0;
    font-size: 29px;
    color: #39924e;
    padding-left: 50px;
}
.vizija-tekst h2 img{
    position: absolute;
    display: inline-block;
    left: 0;
}
.innerTekstVizija{
    float: right;
    background-color: #ffffff;
    border: 1px solid #a0cc5c;
    height: auto;
    width: 100%;
    margin-top: 55px;
    padding: 55px 87px 65px 50px;
}
.innerTekstVizija p{
    font-size: 20px;
    line-height: 30px;
    color: #626262;
    margin: 0;
}
/*--------Misija-------*/

.onama-misija{
    margin-top: 87px;
}
.onama-misija h2{
    position: relative;
    margin: 0;
}
.onama-misija img{
    position: absolute;
}
.onama-misija h2 p{

    margin: 0;
    font-size: 29px;
    line-height: 50px;
    color: #39924e;
    padding-left: 50px;
}
.misija-tekst p{
    margin-top:5px;
    font-size: 16px;
    color: #626262;
    line-height: 30px;
}
.misija-tekst p:last-of-type{
    margin-bottom: 0;
}
/*-------Podrucje Djelovanja-----*/

.onama-podrucjeDjelovanja{
    height: auto;

    margin-top: 130px;
}
.onama-podrucjeDjelovanja h2{
    position: relative;
    margin: 0;
}
.onama-podrucjeDjelovanja h2 p{
 margin: 0;
    display: inline-block;
    line-height: 50px;
    font-size: 29px;
    color: #39924e;
    padding-left: 50px;
}
.onama-podrucjeDjelovanja h2 img{
    position: absolute;
}
.djelovanje-image{
    float: left;
    width: 47.727%;
    margin-top: 60px;
}
img.djelovanje-image{
    width: 100%;
}
.djelovanje-tekst{
    margin-top: 5px;
    width: 47.272%;
    float: left;
    margin-right: 5%;
}
.djelovanje-tekst ul{
    margin: 0 0 0 15px;
    color: #626262;
    padding: 0;
    list-style: none;
    font-size: 16px;
    list-style-image: url('images/o-nama-bullet.jpg');
}
.djelovanje-tekst ul li{
    line-height: 20px;
    padding: 15px 0 15px 10px;
    border-bottom: 1px solid #ececec;
}
.djelovanje-tekst ul li:first-of-type{
    line-height: 20px;
    padding-top: 0;
    border-bottom: 1px solid #ececec;
}
#tipkaNext{
    display: block;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    max-width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #39924e;
    color: white;
    border: 2px solid darkgreen;

}
#tipkaNext:hover{
    background-color: #b0aaaa;
    border: 2px solid grey;
}
#tipkaNext:active{
    background-color:  #39924e;
}

/*==========================================================================================================================
==================RESPONSIVE================================================================================================
============================================================================================================================*/

@media screen and (max-width: 1200px){
    .slick-arrow{
        display:none !important;
    }
    #kontakt-tekstarea{
        width: 100%;
    }
    .wpcf7-form span input{
        width: 100%;
    }


}/*---End of 1200px---*/

@media screen and (max-width: 1120px) {
    .fullHeader{
        padding: 0 1.1%;
    }
    #menu-item-259{
        padding: 0 50px !important;
    }
    #main-menu li{
        padding: 0 20px;
    }
    .slides li{
        height: 500px;
    }
    .insideFlexSlider {
        position: absolute;
        background-color: #3c3c3c;
        opacity: 0.8;
        height: 285.7px;
        width: 271px;
        z-index: 2;
        color: white;
        top: 104px;
        left: 132px;
        padding: 20px 10px 10px 10px;}
    .insideFlexSlider-button {
        top:328px;
        left: 186px;
    }

    .slick-next.slick-arrow{
        display: none !important;
    }
    .insideFlexSlider h2{
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
    }
    .insideFlexSlider p{
        font-size: 15px;
    }
    .innerFullpageContainer{
        padding: 0 20px;
    }
    .slick-next:before{
        display: none;
    }
    .Galerija-title{
        left: 30px;
    }
    .Galerija-title-foto{
        left: 30px;
    }
    .innerFullpageContainer.galerija-slike{
        padding-top: 30px;
    }
    .slick-next{
        display: none;
    }
    .slick-next.slick-arrow{
        display:inline-block;
    }
    .Naslov{
        width: 12%;
        font-size: 23px;
    }
    .vizija-tekst {
        width: 100%;
        padding-left: 0;}
    .vizija-img {
        height:auto;
        width: 100%;
        float: none;
        margin-top: 30px;
        text-align: center;
    }
    .innerTekstVizija{
        padding: 30px 20px;
        float: none;
        text-align: center;
    }
    .singlePostContainer{
        height: 490px;
    }
    .singlePostContainer h3 {
        margin: 10px 0 10px 0;}


    .singleDownPost{
        max-width: 31.4%;
    }
    .singleDownPost:nth-of-type(2), .singleDownPost:nth-of-type(5), .singleDownPost:nth-of-type(8) {
        max-width: 30%;
    }
    .Galerija-title.programi-title-single{
        left:30px;
    }
    .Galerija-title.projekti-title-single{
        top: -188px;
    }
    .middleInnerFooter{
        padding: 0 10px;
    }
}/*---End of 1120---*/

@media screen and (max-width: 982px) {      /*==== 982px===*/
    /* Responcive navigation */
    #main-menu li{
        padding: 0;
        line-height: 42px;
    }
    #main-menu .current-menu-item
    {
        border: none;
    }
    span.icon-home::before{
        margin: 9px 0 !important;
    }
    #main-menu li:last-child{
        border-right: none !important;
    }
    .headerEmail a{
        font-size: 14px;
    }
    .headerEmail a span {
        position: absolute;
        display: inline-block;
        left: -30px;
        top: -4px;}
    .brTel p{
        font-size: 14px;
    }
    .innerHeadTop{
        padding: 0 20px;
    }
    #menu-item-259 {
        padding: 0 40px !important;
    }
    .brTel {
        max-width: 364px;
        width: 30.092%;}
    .innerHeadBottom{
        width: 100%;
        margin: 0 auto;
        max-height: 70px;
    }
    #main-menu li a{
        font-size: 15px;
    }
    .insideFlexSlider{
        left:171px
    }
    .insideFlexSlider-button{
        left: 226px;
    }

    .flexslider:hover .flex-direction-nav .flex-prev {
        left: 7%
    }
    .flexslider:hover .flex-direction-nav .flex-next{
        right: 7%;
    }
    .innerBodyTop{
        margin-top: 50px;
    }
    .innerIcons2{
        margin-bottom: 0;
    }
    .Naslov{
        font-size: 21px;
        width: 13%;
    }
    .middleText h3{
        margin-bottom: 5px;
    }
    .middleText p {
        font-size: 16px;}
    .singleDownPost p{
        font-size: 17px;
    }
    .postImg {
        height: auto;
        max-width: 310px;
        width: 100%;
    }
    .singlePostContainer h3{
        margin: 10px 0 10px 0;
    }
    .singlePostContainer:nth-of-type(3n+2) {
        margin: 0 2.27% 0 2.27%;}
    .middlePost:nth-of-type(2), .middlePost:nth-of-type(5) {
        margin: 0 2.27% 0 2.27%;
    }
    .innerBodyDown{
        margin-top: 30px;
    }
    .singleDownPost {
        max-width: 30%;}
    .innerBodyDown h2{
        right: 50px;
        bottom: -30px;
    }
    .slick-track::before{
        display: none;
    }
    .bodyDownIcons h2{
        left: 20px;
    }
    .innerIcons1, .innerIcons2{
        margin-top: 70px;
    }
    .singleImage img{
        max-height: 90%;
    }
    .singleImage{
        height: 110px;
    }
    .singleImage:last-of-type{
        margin-bottom: 40px;
    }
    .middleText span{
        display: none;
    }
    .footerNav ul{
        padding-left: 0;
        margin: 0;
    }
    .middle-footer:nth-child(2) {
        padding-top: 30px;}
    .middle-footer {
        padding-top: 45px;}
    .middle-footer:last-child{
        padding-top: 60px;
    }

    /*--O-NAMA--*/
    .kontakt-slider-onama.slider-projekti.slick-initialized.slick-slider{
        display: block;
        max-width: 82%;
        left: 15px;
    }
    .onama-header-image{
        height: 150px;
    }
    .Galerija-title.onama-title {
        top: -113px;
        left:30px;
    }
    .Galerija-title-foto{
        top:-115px;
    }
    .zoom-gallery{
        padding-left: 7%;
    }
    .onama-inner {
        padding-top: 0;
        margin-top: 0;
    }
    .innerTekstVizija{
        margin-top: 24px;
    }
    .vizija-tekst h2 img{
        height: 100%;
    }

     .vizija-img img{
    height: 100%;
    }
    .vizija-tekst h2 p{
        font-size: 26px;
    }

    .onama-misija {
        margin-top: 50px;
        padding: 0 20px;
    }
    .onama-misija h2 p{
        font-size: 26px;
    }
    .onama-podrucjeDjelovanja {
        height: auto;
        margin-top: 60px;
        padding: 0 20px;
    }
    .Galerija-title-foto.press{
        top: -155px;
    }
    .Galerija-title-foto.video{
        top: -155px;
    }
.onama-podrucjeDjelovanja{
    margin-top: 50px;
}
    .vizija-tekst {
        width: 100%;
        float: none;
        height: auto;
        padding: 30px 20px;
        position: relative;
    }

    .djelovanje-image {
        float: left;
        margin-top: 60px;
        width: 42%;
    }
    #innerFullWidth{
        padding-bottom: 65px;
        margin-bottom: 20px;
    }
   .middleInnerFooter{
       padding: 0 10px;
   }
    #mc4wp-form-1 p input{
        margin-top: 10px;
    }
    #mc4wp-form-1 p input{
        max-width: 300px;
    }
    .bottomInnerFooter p{
        line-height: 100px;
    }
    span.icon-twitter {
        margin: 0 50px;}
    .innerBodyDown{
        padding: 0 10px;
    }
    /*-----Novosti-----*/
    .innerFullpageContainer{
        padding: 0 20px;
    }

    /*-----Programi----*/
    .projekti-title {
        left: 30px;
    }
    .Galerija-title.programi-title-single{
        top: -116px;
        left:30px;
    }
    .wp-pagenavi a, .wp-pagenavi span{
        margin: 0 5px;
    }

    /*---Galerija----*/

    .Galerija-title.novosti-title {
        top: -164px;
    }

    .galerija-header-image{
        height: 150px;}

    .content-galerija-single{
        width:31.7%;
    }
    /*---Kontakt---*/
    .kontakt-slider.slick-initialized.slick-slider{
        display: block;
        max-width: 100%;
    }
    .kontakt-header-image{
        height: 150px;
    }
    .wpcf7-form input,.wpcf7-form-control-wrap textarea{
        max-width: 385px;
    }
    .Galerija-title.kontakt-title{
        top: -180px;
        left: 10px !important;
    }
    .leftKontaktBox img{
        width: 88%
    }
    /*---Single post---*/
    .foto-single-galery {
        top: -113px !important;}

    .Galerija-title.projekti-title{
        top: -142px;
    }
    .Galerija-title.programi-title{
        top: -113px;
    }
    .Galerija-title.projekti-title-single{
        top: -114px;
    }
    .foto-single-galery {
    top: -113px}
    .youtube iframe {
        position: absolute;
        left: 104px;
        width: 77%;
        height: 80%;
    }
    .single-wrapper{
        margin-bottom: 0;
        padding-bottom: 70px;
    }
    .single-wrapper h2 {
        padding: 0 0 20px 0px;}

    .projekti-header-image{
        margin: 0;
    }
    .single-wrapper p{
        margin: 0;
        overflow: hidden;
        padding: 0 20px;
        font-size: 17px;
    }
    .projekti-full{
        padding-bottom: 0;
    }
    .Galerija-title{
        top: -192px;
    }
}/*---End of 982px---*/

@media screen and (max-width: 769px){
    #main-menu li {
        padding: 0 15px;}
    .logo img {
        margin-top: 25px;}
    .slides li{
        height: 300px;
    }
    .insideFlexSlider {
        left: 130px;
        height: 253.7px;
        width: 252px;
        top: 15px
    }
    .Galerija-title.novosti-title {
        top: -137px;
        left:30px}
    .insideFlexSlider h2 {
        font-size: 19px;
        text-align: left;}
    .flex-direction-nav .flex-prev {
        left: 6%;}
    .flex-direction-nav .flex-next {
        right: 6%;}
    .flex-direction-nav a{
        top:44%;  }
    .flex-control-nav {
        bottom: 4px;}
    .insideFlexSlider-button {
        left: 185px;
        top: 216px;
        width: 140px;
        height: 40px;
        font-size: 17px;
        padding-top: 10px;
    }
    .singlePostContainer a h3 {
        font-size: 17px;
    }
    .headerEmail a {
        margin: 50px 0 0 -8px;
    }
    .Naslov {
        width: 15%;}
    .brTel{
        padding-right: 9%;
    }
    .postImg img{
        height: inherit;
    }
    .bodyDownIcons h2{
        font-size: 20px;
    }
    .singlePostContainer{

    }
    .middleText{
        padding-left: 8px;
    }
    .middleText h3{
        font-size: 9px;
    }
    .singlePostContainer p{
        font-size: 15px;
    }
    .middleText p {
        font-size: 14px;}
    .singleDownPost p {
        font-size: 15px;
    }
    .footer-menu li a {
        line-height: 100px;
    }
    .footer-menu li a {
        font-size: 15px;
    }
    .middle-footer:nth-child(2) img {
        height: 40%;
    }
    .middle-footer:last-child p{
        font-size: 15px;
    }
    .bottomInnerFooter p {
        line-height: 70px;
        font-size: 15px;
    }
    .onama-header-image,.projekti-header-image {
        height: 100px;
    }
    .Galerija-title.onama-title{
        top: -86px;
        left: 40px;
        font-size: 30px;
    }
    .Galerija-title-foto.video {
        top: -134px;}
    .Galerija-title.projekti-title{
        top: -116px;;
        left: 40px;
        font-size: 30px;
    }
    .Galerija-title-foto {
        top: -87px;
        font-size: 30px;
    }
    .foto-single-galery {
        top: -84px !important;}
    .vizija-tekst h2 p,.onama-podrucjeDjelovanja h2 p {
        font-size: 25px;
    }
    .vizija-tekst h2 img {
        height: 104%;
    }
    .headerEmail a {

        margin: 50px 0 0 0;}
    .innerTekstVizija p {
        font-size: 18px;
        line-height: 24px;
    }
    .innerTekstVizija{
        padding: 20px 20px;
    }

    .fullBodyInnerProjekti {
        padding-bottom: 50px;}
    .wp-pagenavi {
        margin-top: 57px;}
    .Galerija-title.projekti-title-single{
        top: -86px;
        left: 30px;
        font-size: 30px;
    }
    /*---Galerija---*/
    .galerija-header-image{
        height: 100px;
    }
    .Galerija-title{
        font-size: 30px;
        left:30px;
        top: -144px;
    }
    .galerija-navigacija{
        margin-top: 58px;

    }
    .content-galerija-single{
        margin-bottom: 5px;
        width: 31%;
		height:315px;
    }
    .content-galerija-single a{
        font-size: 16px;
    }
    .content-galerija-single a p{
        margin-bottom: 0;
    }
    .content-galerija-single img{
        height: 100%;
    }
    .FotoGalerijaInner h2{
        font-size: 19px;
        margin-top: 40px;
    }
    .FotoGalerijaInner p{
        margin-top: 0;
        margin-bottom: 50px;
    }
    .youtube iframe {
        position: absolute;
        left: 7%;
        width: 85%;
        height: 80%;}
    #title-youtube{
        font-size: 20px;
        margin-bottom: 30px;
        color: #626262;
    }


    /*---Kontakt---*/
    .kontakt-header-image{
        height: 100px;
    }
    .Galerija-title.kontakt-title{
        top: -156px;
    }
    .rightKontaktBox{
        padding-left: 0;
    }
    .leftKontaktBox {
        width: 53.09%;}
    .leftKontaktBox img {
        width: 94%;
        height: 100%;}
    #map {
        margin-top: 60px;}
    #map iframe{
        max-height: 250px !important;
    }
}/*---End of 768px---*/

@media screen and (max-width: 720px){
    .singlePostContainer{
        height: auto;
        max-width: 720px;
        width: 100%;
        float: none;
        min-height: 0;
        padding: 2%;
        margin-bottom: 10px;
    }
    .middle-footer:first-child p {
        font-size: 13px;}
    .middle-footer:last-child p {
        font-size: 13px;}
    #main-menu li a {
        font-size: 14px;}
    .postImg img{
        float: left;
        height: 90%;
        max-width: 80%;
        max-height: 147px;
        margin-right: 10px;
    }
    .singlePostContainer:nth-of-type(3n+2) {
        margin: 0 ;
        margin-bottom: 10px;}

    .singlePostContainer a h3 {
        font-size: 15px;}

    .singlePostContainer p {
        font-size: 14px;
    }
    .middleText span {
        display: none;}
    .middleText h3 {
        margin-bottom: 3px;}
    .Galerija-title.programi-title {
        top: -83px;}
    .single-wrapper {
        padding-bottom: 60px;
    }
    .onama-misija {
        margin-top: 10px;}
    .vizija-img{
        display: none;
    }
}/*---End of 720px---*/

@media screen and (max-width: 652px){
    .Naslov {
        width: 18%;
        font-size: 19px;
        margin-top: -12px;
    }

    .bottomInnerFooter p {
        line-height: 60px;
        font-size: 13px;
    }
    .middlePost {
        width: 47.72%;
        margin: 0;
        margin-bottom: 5px;
    }
    .middlePost:nth-child(2n+1){
        margin-right: 4.5%;
        margin-bottom: 5px;
    }

    .middlePost:nth-of-type(2){
        margin: 0;
        margin-bottom: 5px;
    }
    .middlePost:nth-of-type(5){
        margin-right: 4.5% !important;
        margin: 0;
    }
    .slick-slide img{
        max-width: 80%;
    }
    .singleImage {
        height: 100px;}

   /*======================== FOOOTER================== */

.middle-footer span{
    display: none !important;
}
.middle-footer{
    width: 100% !important;
    text-align: center;
    font-size: 18px !important;
    float: none;
}

.middle-footer div{
    text-align: center;
}
    .middle-footer:first-child .icon-mail::before {
        left: -100px
    }

    .middle-footer:first-child .icon-phone::before {
        left:40%;
    }

.middle-footer:first-child{
    height: 90px;
    padding-top: 20px;
    text-align: center;
}

.middle-footer:last-child{
    height: 90px;
    padding-top: 30px;
}
.middle-footer:nth-of-type(2){
    height: 85px;
    padding-top: 25px;
}

    .middle-footer:nth-child(2) img {
        height: 73%;}


    .middle-footer:nth-child(2) .icon-mail::before{
        color: #409754;
        padding-right: 10px;
        position: absolute;
        font-size: 23px;
        display: inline-block;
        line-height: 20px;
        left: -120px;
    }

    .middle-footer:nth-child(2) .icon-phone::before{
        color: #409754;
        padding-right: 10px;
        font-size: 23px;
        display: inline-block;
        position: absolute;
        line-height: 30px;
        left: -57px;
    }

    .middle-footer:nth-child(2) p{
        margin-left: 0;
    }
    .middle-footer:first-child p {
        padding-left: 0;}
    .middle-footer:last-child p {
        padding-left: 0;
    }
    .inside-singleprojekt h3{
        font-size: 17px;
    }
    .inside-singleprojekt p {
        font-size: 13px;}

    .inside-singleprojekt img {
        max-height: 140px;}

    .FotoGalerijaInner h2 {
        font-size: 16px;}

    /*Header*/
    .brTel {
     max-width: 0;
     width: 0;
    height: 0;
    float:none;
     text-align: right;
    padding-right: 0; }

    .brTel p{
        position: absolute;
        top:32px;
        right: 141px;
        margin: 0;
    }
    .headerEmail a{
        margin: 0;
        top:91px;
        right: 100px;
        display: inline;
        position: absolute;
    }
    .singleImage img {
        max-height: 70%;}

    .single-wrapper img {
        margin-bottom: 30px;
        height: 50%;}
    .button{
        width: 25%;
    }
    .vizija-img img {
        height: 80%;
    }
    .innerTekstVizija {
        padding: 40px 30px 40px 30px;
    }
    .innerTekstVizija p {
        font-size: 16px;}
    .onama-misija {
        margin-top: 0;
        padding: 0 10px;
    }
    .onama-podrucjeDjelovanja {
        padding: 0 10px;
    }
    .footerNav{
        display: none !important;
    }
}/*---End of 652px---*/

@media screen and (max-width: 481px){
    .icon-mail:before{
        font-size: 18px;
    }
    .headerEmail a{
        right: 15px;
        display: none;
        font-size: 14px;
    }
    .headerEmail{
        display: none !important;
    }
    .brTel p {
        font-size: 14px;
        right: 16px;
        display: none;
    }

    .wp-pagenavi a, .wp-pagenavi span {
        margin: 0 5px;
    }
    .brTel p img {
        display: none;
        max-height: 17px;
        height: 100%;}
    .logo img {
        margin-top: 37px;
        max-width: 140%;
    }
    .singleImage img {
        max-height: 84%;
        margin-bottom: 0 !important;
    }
    .singleImage {
        height: 63px;
    }



    .postImg img{
        max-width: 45%;
        max-height: 92px;
    }
    /*flexslider */
    .slides li {
        height: 250px;}
    .insideFlexSlider p {
        display: none;}
    .flex-direction-nav a{
        top:50%;
    }
    .insideFlexSlider-button {
        left: 167px;
        top: 154px;
        width: 110px;
        height: 40px;
        font-size: 17px;
        padding-top: 10px;
    }
    .insideFlexSlider {
        left: 130px;
        height: 192.7px;
        width: 183px;
        top: 15px;}
    .flex-direction-nav a {
        width: 40px;
        height: 40px;}
    .flex-prev{
        padding-top: 12px;
    }
    .flex-next{
        padding-top: 12px;
    }
    .flex-direction-nav a:before{
        font-size: 16px;
    }
    /*--/Flexslider--*/
    .Naslov {
        width: 23%;}
    .singleImage {
        height: 65px;}
    .singleImage img {
        max-height: 72%;
        margin-bottom: 70px;}
    .onama-misija {
        padding: 0;
        margin-top: 10px;}

    .vizija-img{
        display: none !important;
    }

    /*--Footer--*/
    .middle-footer:first-child .icon-mail::before{
        font-size: 26px;
    }
    .middle-footer:last-child .icon-facebook{
        font-size: 26px;
    }
    .middle-footer:first-child p{
        font-size: 12px;
    }
        /*--O nama--*/
    .vizija-tekst {
        width: 100%;
        padding-left: 0;
    }
    .innerTekstVizija {
        padding: 20px 10px;}

    .misija-tekst p {
        margin-top: 20px;}
    .onama-podrucjeDjelovanja {
        padding: 0;}
    .djelovanje-image{
        display: none !important;
    }
    .djelovanje-tekst {
        float:none;
        width: 100%;}
    .kontakt-slider-onama.slider-projekti.slick-initialized.slick-slider {
        display: inline-block;
        height: 100px;}
    /*Novosti*/
    #tipkaNext{
        max-width: 150px;
        font-size: 14px;
    }
    .slick-list.draggable{
        max-height: 120px;
    }
    /*--Programi single--*/
    .single-wrapper p{
        overflow: hidden;
        font-size: 14px;
        padding: 0;
        line-height: 25px;
    }
    .single-wrapper h2{
        padding: 0 0 10px 0;
    }
    .Galerija-title.programi-title-single {
        top: -85px;
        font-size: 30px;
    }
    .inside-singleprojekt img{
        display: none !important;
    }
    /*--Galerija--*/
    .content-galerija-single {
        margin-bottom: 5px;
        width: 47.6%;}
    .button {
        height: 40px;
        width: 100px;}
    .innerFullpageContainer.galerija-inner .bodyDownIcons{
        display: none;
    }

    /*--Kontakt--*/
    .leftKontaktBox img{
        display: none;
    }
    .leftKontaktBoxTekst {
        margin-top: 20px;
    }
    #kontaktInner {
        height: auto;
        margin-top: 30px;}
    .leftKontaktBox,.rightKontaktBox {
        width: 100%;
    border: none;}
    .rightKontaktBox {
        text-align: left;}

    .Galerija-title.kontakt-title {
        top: -115px;}
    .kontakt-slider{
        height: 140px;
    }

}/*---End of 481px---*/

@media screen and (max-width: 411px){
    .middle-footer:first-child p {
        line-height: 23px;
        margin-bottom: 3px;
}
    .Naslov {
        width: 29%;}
    .middle-footer:nth-child(2) .icon-mail::before{
    line-height: 17px;
        font-size: 18px;
        left: -100px;}
    .middle-footer:nth-child(2) .icon-phone::before{
        line-height: 25px;
        font-size: 18px;
    }
    .middle-footer:last-child p{
        margin-top: 5px;
    }
    .middle-footer:last-child .icon-facebook{
        font-size: 20px;
        line-height: 33px;
    }
    /*---Footer---*/
    .middle-footer:first-child .singleRow:nth-child(2) {
        width: 35%;}
    .middle-footer:first-child .icon-mail::before {
        left: 30px;}
    .middle-footer:last-child{
        padding-top: 20px;
        height: 70px;
    }
    .middle-footer:last-child p {
        font-size: 15px;}

}/*---End of 410px---*/

@media screen and (max-width: 376px){

    /*--Header--*/
    .headerEmail{
        display: none !important;
    }
    .brTel{
        display: none !important;
    }
    .logo{
        height: 100px;
        float: none;
        width: 100%;
    }
    /*----Home----*/
    .singleDownPost {
    min-width: 100% !important;
        margin-bottom: 10px;

    }
    .singleDownPost:nth-of-type(2), .singleDownPost:nth-of-type(5), .singleDownPost:nth-of-type(8) {
        margin: 0 ;}


    /*--Galerija--*/
    .content-galerija-single {
        margin-bottom: 5px;
        width: 47%;}
    .content-galerija-single a {
        font-size: 13px;
    }
    .Galerija-title-foto {
        top: -122px;}
    .logo img{
        width: 56%;
        margin-top: 20px;
        margin-left: 58px;
    }
    .fullSliderWrap{
        display: none !important;
    }
    .innerBodyTop {
        margin-top: 5px;
    }
    .innerBodyMiddle{
        display: none !important;
    }
    .Naslov {
        width: 30%;
    }
    .singleDownPost{
        width: 100% !important;
    }
    .innerFullpageContainer.galerija-slike{
        padding: 0 10px;
    }
    .innerFullpageContainer{
        padding: 0 10px;
    }
    .FotoGalerijaInner p {
        font-size: 15px;
    }
    .FotoGalerijaInner h2{
        padding-bottom: 25px;
    }
    #title-youtube{
        font-size: 16px;
        color: #767676;
    }
    .innerBodyTop.novosti{
        margin-top: 40px;
    }

.innerFullpageContainer.galerija-slike.galerija-video .innerFullpageContainer p{
    font-size: 15px;
    color: #767676;
    padding-bottom: 30px;
}
    /*--Footer--*/

    .Galerija-title.novosti-title {
        top: -125px;
        }
    .singleRow:last-child {
        line-height: 16px;
    }
    .middle-footer:first-child {
        height: 80px;}

    .middle-footer:last-child {
        padding-top: 0;}

    .middle-footer:nth-child(2) img {
        padding-top: 15px;}
    .middle-footer p {
        font-size: 12px;}

    .middle-footer:last-child p {
        font-size: 12px;
    }
    .middle-footer:last-child {
        padding-top: 5px;
        height: 50px;
    }
    .middle-footer:nth-of-type(2) {
        padding-top: 20px;
    }
    .bottomInnerFooter p{
        font-size: 11px;
    }
    .middleInnerFooter{
        padding: 0;
    }
    .middleInner2{
        height: 145px;
        padding-top: 55px;
        width: 100%;
    }
    #lang_sel {
        top: 40px;}
    .middleInner2:last-of-type {
        text-align: center;
        width: 100%;
        margin-left: 0;}
    .middleInner2:first-child{
        display:none;
    }
    .middleInner2:nth-child(2){
        width: 100%;
        padding-top: 40px;
    }
    .mc4wp-form-fields input:last-of-type{
        width: 30%;
    }
    #mc4wp-form-1 p input {
        max-width: 100%;}
    #mc4wp-form-1 input:nth-child(1){
        max-width: 50%;
        display:block;
        margin-left: 25%;
    }
    .single-wrapper{
        padding: 10px 5px 40px 5px;
    }
    .single-wrapper h2{
        font-size: 17px;
    }
    .slider-projekti{
        height: 75px;
    }
    .kontakt-slider-projekt.slider-projekti2.slick-initialized.slick-slider{
        height: 75px;
    }
    .innerBodyDown h2{
        font-size: 16px;
        right: 13px;
        bottom: -20px;

    }
    .kontakt-slider {
        height: 120px;
        padding-top: 0px;
    }
    .slick-slide{
        height: 70px !important;
    }
    .fullBodyInnerProjekti{
        margin-bottom: 30px;
    }
    .wp-pagenavi {
        margin-top: 20px;}
    .button{
        height: 30px;
    }
}/*---End of 376px---*/

@media screen and (max-width: 321px){
    .single-wrapper p {
        font-size: 13px;
        overflow: hidden;}
    .projekti-header-image,.onama-header-image,.kontakt-header-image {
        height: 50px;
    }
    .postImg img {
        max-width: 30%;
        max-height: 82px;}
    .singlePostContainer h3 {

        margin: 5px 0 5px 0;}

    .Galerija-title.programi-title-single,.Galerija-title.onama-title {
        top: -57px;
        font-size: 26px;
    }
    .logo img {
        margin-top: 31px;}
    .onama-inner {
        padding-top: 20px;}
    .onama-misija {
        margin-top: 20px;}
    .misija-tekst p{
        line-height: 25px;
    }.onama-podrucjeDjelovanja {
         margin-top: 20px;
     }
    .galerija-header-image {
        height: 50px;
    }
    .projekti-header-image{
        height: 50px;
    }
    .innerBodyTop {
        margin-top: 30px;}

    .Galerija-title.novosti-title{
        top:-96px;
        font-size: 26px;
    }
    .foto-single-galery {
        top: -59px !important;}
    .Galerija-title.projekti-title-single {
        top: -57px;
        font-size: 26px;}
    #title-youtube{
        margin-bottom: 20px;
    }
    .Galerija-title.kontakt-title {
        top: -90px;
    }
    .Galerija-title.projekti-title {
        top: -86px;
        left: 30px;
        font-size: 26px;}
    .Galerija-title-foto {
        top: -100px;
    }

    .Galerija-title{
        top:-117px;
    }
    .zoom-gallery {
        padding-left: 0;
    }
   .wpcf7-form-control.wpcf7-submit{
       display: block;
       margin: 0 auto;
   }
    .vizija-tekst{
        padding: 0;
    }
    .vizija-tekst h2 p, .onama-podrucjeDjelovanja h2 p {
        font-size: 23px;
        padding-left: 30px;
    }
    .vizija-tekst h2 img {
        height: 82%;
    }
    .onama-misija h2 p {
        font-size: 23px;
        padding-left: 30px;
    }
    .zoom-gallery li {
        display: inline-block;
        width: 48.8%;
        height: 100px;
        margin: 0 0.5% 0.5% 0;}
    .zoom-gallery li a img{
        max-width: 100%;
    }
    .Galerija-title-foto.video {
        padding-top: 15px;
        position: absolute;
        width: 150px;
        height: 50px;
        top: -73px;
        left: 30px;
        font-size: 30px;
        font-family: "Roboto Condensed";
        font-weight: bold;
        color: #ffffff;
    }
    .Galerija-title-foto.press {
        padding-top: 15px;
        position: absolute;
        width: 150px;
        height: 50px;
        top: -96px;
        left: 30px;
        font-size: 30px;
        font-family: "Roboto Condensed";
        font-weight: bold;
        color: #ffffff;
    }
    .middle-footer:first-child .icon-mail::before {
        left: 20px;}
    .middle-footer:last-child .icon-facebook {
       left: -8px;
    }
    .onama-misija img {
        height: 82%;
    }
    .onama-podrucjeDjelovanja h2 img {
        height: 82%;
    }
    .kontakt-slider-projekt.slider-projekti {
        margin-bottom: 0;
    }
    .wp-pagenavi {
        margin: 80px 0 0 0;
    }
    .middle-footer:first-child .singleRow:nth-child(2) {
        width: 33%;}
}/*---End of 320px---*/
/*footer tekst*/

.footertekst{
	max-width:1100px;
	margin: 0 auto;
	background-color:#3A9153;
	color:#fff;
	margin-bottom:20px;}
.footertekst a{color:#fff;}
.footerwrap{
	background-color:#3a9153;
	display:flow-root;}

/*footer moj*/
footer .menu {
    margin: 0;
	background-color:#ccc;
	height:70px;
	font-family:'Roboto', SansSerif;
	font-weight: 400;
	text-transform:uppercase;
}

footer .menu li {
    display: inline-block;
    overflow: hidden;
}

footer .menu a {
    line-height:70px;
	color:#fefefe;
}

footer .menu a:focus,
footer .menu a:hover {
    text-decoration: none;
}


@media screen and (max-width: 1120px){
	.footertekst {
		padding: 0 20px;
	}
}
@media screen and (max-width: 800px){
	#menu-footer{margin:auto;
	padding-right:10px;
	}
	.menu-item:first-child{width:100%;}
}