/*
Theme Name: eco
*/

html {
  position: relative;
  min-height: 100%; 
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 126px;
  font-family: "Open Sans"; color: #5a5959; font-size: 14px; line-height: 27px!important;  font-weight: normal;
  background-color: #fff; background-image: url(img/bg.jpg);margin: 0; padding: 0;

}
.top_space{
	width: 100%; height:18px;  background-image: url(img/top_space.jpg);
}
.icon-bar {
   background-color:#7ab215 !important;
}
.eco{
	margin-bottom: 10em;
}
.eco h3{
	font-size: 24px;  font-weight: bold;  background-image: url(img/h3.jpg); background-position: left bottom; height: 40px; background-repeat: no-repeat; color: #232527;
} 

.navbar-rm {
background-image: url(img/menu_bg.jpg); background-repeat: no-repeat;
text-decoration: none;
font-size: 21px;
letter-spacing: 0.75px; margin: 0 0 0 0; 	font-family: 'Open Sans Condensed'; font-weight: bold;  min-height: 64px;
}
.navbar-rm .navbar-brand {
  color: #777;
}
.navbar-rm .navbar-brand:hover,
.navbar-rm .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-rm .navbar-text {
  color: #777;
}

.navbar-rm .navbar-nav > li{
margin: 0 10px 0 0;
padding: 0px 10px 5px 10px;
background-repeat: no-repeat;
}

.msnry_item img{
	opacity: 1; padding: 0.4em;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; border: 1px solid #ececec!important;
}
.msnry_item:hover img{
	opacity: .5;
}
:hover img
.gal-album{
	margin: 1.5em 0 0 0;
 }
.gal-album img{
	border: 1px solid #ddd; padding: 5px; margin: 0 auto;
}
.gallery-item{
	width: 33%; float: left;
}

.navbar-rm .navbar-nav > li > a {
  color: #fff; text-shadow: 0px 1px 1px #000;
}
.navbar-rm .navbar-nav > li > a:hover,
.navbar-rm .navbar-nav > li > a:focus {
  color: #ffbd00;
  background-color: transparent;
}
.navbar-rm .navbar-nav > .active > a,
.navbar-rm .navbar-nav > .active > a:hover,
.navbar-rm .navbar-nav > .active > a:focus {
  color: #ffbd00; text-shadow: 0px 1px 1px #000;
  font-weight: bold;
}
.navbar-rm .navbar-nav > .disabled > a,
.navbar-rm .navbar-nav > .disabled > a:hover,
.navbar-rm .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-rm .navbar-toggle {
  border-color: #ddd;
}
.navbar-rm .navbar-toggle:hover,
.navbar-rm .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-rm .navbar-toggle .icon-bar {
  background-color: #888;
}
.span-space{
	padding-left: 15px; opacity: 0.5;  color: #fff!important; font-weight: normal!important;
}

.navbar-rm .navbar-nav > li:last-child span{

}

.navbar-rm .navbar-collapse,
.navbar-rm .navbar-form {
  border-color: #f4f9fc;
}
.navbar-rm .navbar-nav > .open > a,
.navbar-rm .navbar-nav > .open > a:hover,
.navbar-rm .navbar-nav > .open > a:focus {
  color: #f4f9fc; 

}
.numeric ol>li{
	list-style-type: decimal;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-indicators {
  bottom:0!important;
}
.carousel-caption{
	 background-color:rgba(112,60,25,0.1); width: 100%;
}
.carousel-caption p{
	 color:rgba(255,255,255,1) 
}
.navbar-frs-sec .current_page_item{
	display:none!important;
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 126px;  

}
.footer {
	background-image: url(img/f_bg.jpg);
}
.footer h4{
   font-weight: bold;
}
.logo{
	width: 90%; height: 90%; padding: 20px 0 0 30px; 
}
.fade-sall {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade-sall:hover {
      opacity: 0.7;
      }
.header-adress{
	padding-top: 60px;  color: #693717; opacity: 0.4;
}
.copywr{
	font-family: 'Open Sans Condensed'; font-size: 17px; padding-top: 70px;
}
.footer span{
	color: #fff;
	}
.tar{
	text-align: right;
}
.tac{
	text-align: center;
}
.ekocar {

  position: relative;
}
.ekocar:after {
  content: '';
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
  background: url(img/slbg.png) no-repeat;  z-index: 9; background-size: cover;
}
.album-item{
  width:200px;  float: left; margin: 0 3em 0 0;
}
.ekoalbum {

  position: relative;
}
.gallery-caption-white{
	text-align: center;
}
.ekoalbum:after {
  content: '';

  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
  background: url(img/gal_bg.png) no-repeat;  z-index: 9; background-size: cover;
}
#rmCarousel{

}
.ekonews h4{
	color: #7ab215!important; font-size: 16px; font-weight: bold; margin-top: 1.5em; margin-bottom: 0!important;
}
.entry-date, .entry-span{
	font-size: 12px; color: #8e8e8e;
}
.eko_subpages  .current_page_item{
	display: none;
}
.more-link{
	float: right;   margin: 1.5em 0 0 0;
}
.ekoclear{
	clear: both;
}
.ekonews_thumbnail {
  display: inline-block;
  position: relative; float: left; padding: 0 1em 0 0;
}
.ekonews_thumbnail:after {
  content: '';
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
  background: url(img/newsframe.png) no-repeat; background-size: cover; z-index: 9;
}
.eko_subpages{
	margin: 2em 0 0 2em;
}
.eko_subpages a{
	font-weight: bold;	
}
.eko_subpages hr{
	margin: 1em 0 1em 0;
}
.wp-pagenavi { position: relative; text-align: center; clear: none !important; padding: 40px 0 0; text-shadow: 0 1px 0 #fff; font-size: 13px; font-family: Georgia, serif;  font-style: italic; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 5px 7px !important; margin: 2px; text-decoration: none; border: none !important; background-color: none; font-weight: normal !important; color: #555454; }
.wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important; border: none !important; color: #989898; background-color: none; font-style: normal; font-size: 13px; margin-right: 10px !important; }
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding: 5px 7px !important; margin: 2px; font-weight: normal !important; background-color:none !important; border: none !important; color:#aa402b !important; }
.caret{

	 border-left: 7px solid transparent!important;
    border-right: 7px solid transparent!important;
    border-top: 7px solid #ffbd00!important;
}
/* Efekt menu */
.cl-effect-17 a {
	color: #a0d1ed;	text-shadow: none;	padding: 10px 0;
}

.cl-effect-17 a::before {
	color: #fff;	content: attr(data-hover);	position: absolute;	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;	pointer-events: none;}

.cl-effect-17 a::after {
	content: '';	position: absolute;	left: 0;	bottom: 0;	width: 100%;		opacity: 0;
	-webkit-transform: translateY(5px);	-moz-transform: translateY(5px);	transform: translateY(5px);	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;	transition: transform 0.2s, opacity 0.2s;	pointer-events: none;}

.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
	opacity: 0; }

.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
	opacity: 1;	-webkit-transform: translateY(0px);	-moz-transform: translateY(0px);	transform: translateY(0px);}
@media (max-width: 768px) {
	.ewlogo{
		display: none!important;
	}
	#facebook-right{
		display: none;
	}

   .navbar-collapse{
   	margin: 0.3em 0 0 0;
   }
	.navbar-rm .navbar-nav > li > a {
  	color: #7ab215; text-shadow: none; 
	}
	.navbar-rm .navbar-nav > .open > a,
	.navbar-rm .navbar-nav > .open > a:hover,
	.navbar-rm .navbar-nav > .open > a:focus {
  	color: #7ab215; 

	}
	.navbar-rm .navbar-nav > .active > a,
	.navbar-rm .navbar-nav > .active > a:hover,
	.navbar-rm .navbar-nav > .active > a:focus {
  	color: #333; text-shadow: none;
  	font-weight: bold;
	}
	.navbar-rm .navbar-nav > li > a:hover,
	.navbar-rm .navbar-nav > li > a:focus {
  	color: #333;
	}
	.caret{

	 border-left: 7px solid transparent!important;
    border-right: 7px solid transparent!important;
    border-top: 7px solid #bbb!important;
	}
}
@media (min-width: 768px){
	.ewlogor{
		display: none!important;
	}
	.fb-responsive{
		display: none;
	}
	
}	
@media (min-width: 768px) and (max-width: 1199px) {
.eco h3{
	font-size: 16px;	line-height: 32px; padding: 0;
}}