@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=PT Serif:400,700&subset=latin-ext);

html, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 100%;
}

body {
  font-family: 'PT Serif', serif;
  font-weight: 400; 
  background-color: #ececec;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%; margin: 0; padding: 0;
  font-size: 16px;
  height: 100%;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
}
a {color: #ff0000;}
.page-header {margin: 0 0 20px 0;padding: 0;border-bottom: 0;}
.page-header h2 {padding-bottom: 10px;padding-top: 0;margin-top: 0px; text-transform: uppercase;font-size: 45px; letter-spacing: -2px;}
#userForm h2 {
padding-bottom: 20px;
padding-top: 0;
margin-top: 0px;
text-transform: uppercase;
font-size: 45px;
letter-spacing: -2px;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}

.inner-content h2 {
padding-bottom: 20px;
padding-top: 0;
margin-top: 0px;
text-transform: uppercase;
font-size: 45px;
letter-spacing: -2px;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
h3 {padding-top: 50px;padding-bottom: 10px; text-transform: uppercase;font-size: 35px;letter-spacing: -2px;font-weight: 700;}
.container {background: #fff;padding: 0;}
.clear {clear: both;height: 0;}
.inner-content {padding:70px 100px;font-family: 'PT Serif', sans-serif;}

#yui_3_16_0_ym19_1_1461089878924_3282 {border: solid 1px #c9c9c9;}
#yui_3_16_0_ym19_1_1461089878924_3282 tr td {padding: 10px;}

.alert {position: fixed; top: 50%; z-index: 999999;}
.clearfix {clear: both;}
/* /////// Nav */

.navbar {
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  background: #b4c618;
  font-family: 'Open Sans', sans-serif;
  }

.navbar-default {
  background-color: #b4c618;
  border-bottom: 0;
  z-index: 99999;
}

.navbar-default i{
  color: #0072c9;
}

#map-in {width:100%; height:80%;}

.navbar-default .navbar-brand{
  height: 80px;
  width: 250px;
  padding: 15px;
  display: block;
  margin-right: 70px;
  background: #fff;


}

.navbar-default .navbar-brand img {
position: absolute;
z-index: 999;
}
.navbar-default .navbar-brand:after{
position: absolute;
top: 0px;
left: 155px;
z-index: 99;
border-right: 40px solid transparent;
border-top: 80px solid #fff;
content: "";
width: 150px;
height: 80px;
}

.navbar-default .navbar-nav>.active>a{border-bottom: 5px solid #9dac1e; background: transparent;padding-bottom: 25px; color: #fff;}
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background: #adbe1a;color: #fff;}


.navbar-default .navbar-nav>li>a {color: #fff;}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #fff;background: #adbe1a;}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {background: #fff;}

.navbar-nav {
font-weight: 600;
}

.navbar-nav>li>a {padding: 30px;}

.navbar-right {margin-right: 20px;}


.navbar-default .claas {
  height: auto;
  padding: 15px;
  display: block;
  float: right;
  margin-right: 0;
  background: #fff;

}

.itemBody img {width: 100%; padding: 20px 0; }


.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right,
.carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px
}

.carousel-control .glyphicon-menu-left, .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-menu-right, .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}
.carousel-control {
right: 0;
left: auto;
background: #fff;
height: 70px;
top: 100%;
width: 70px;
margin-top: -70px;
}


.carousel-control.right {
  z-index: 9999;
  right: 0;
  left: auto;
  background: #b4c618;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9}

.carousel-control.left {
  z-index: 9999;
  right: 0;
  margin-right: 70px;
  left: auto;
  background: #fff;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9}
.carousel-control:focus, .carousel-control:hover {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=100);
  outline: 0;
  opacity: 1}

.carousel-inner>.item>img{
  object-fit: cover;
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
}


.nav-pills {
  border:0;
  padding: 0;
  margin-top: 10px;
  background: rgb(125,185,232);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg,  rgba(125,185,232,1) 0%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 100%);
  background: -webkit-linear-gradient(-45deg,  rgba(125,185,232,1) 0%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 100%);
  background: linear-gradient(135deg,  rgba(125,185,232,1) 0%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 );

}
.brands{width: 100%;background: #fff; display: inline-block; padding-bottom: 10px;}
.brands .col-md-2{width: 20%;text-align: center;}
.brands .col-md-2 img{width: 100%;margin-top: 15px}

.brands .col-sm-2{width: 20%;text-align: center;}
.brands .col-sm-2 img{width: 100%;margin-top: 15px}
.nav-pills>li>a {
    margin-right: 0;
    color: #fff;
    border: none;
    border-radius: 0;
    padding: 20px 35px;
    font-weight: 600;
}
.nav-pills>li>a:hover {
    border: none;
    background: #337ab7; 
}
.nav-pills>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    border: none;
    border-bottom-color: transparent}

.nav-stacked>li+li {margin-top: 0;}
.tab-pane {padding: 20px 50px;}
.tab-pane h1{
    text-transform: uppercase;
    font-size: 45px;
    letter-spacing: -2px;
    font-weight: 700;
}
.tab-pane table {margin-left: 30px;}
.tab-pane tr td, .tab-pane ul li{padding: 10px;font-family: 'PT Serif', sans-serif;}
.cards {padding: 50px;}
.center {text-align: center;}
#testovi {clear: left;}

.front {background: url('../images/fp.jpg');
        width:100%;
        padding-bottom: 41%;
        webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        
}
.front .col-md-4 {padding-top: 100px;}
.front .col-md-4 h2 {text-transform: uppercase;color: #000; font-size: 50px; letter-spacing: -2px;}
body > div:first-of-type { padding-top:80px; }
.breadcrumb {background: #fff; padding: 10px 0;}
.breadcrumb>li+li:before {display: none;}
.breadcrumb a:hover {text-decoration: none; color: #c80000}
span.divider img{padding-top: 7px;vertical-align: top; }
.img-circle {width: 100%;}
.under {background: transparent; padding: 50px;}
.under .col-md-12 {padding-bottom: 50px;}
.under h2 {padding-bottom: 30px; text-transform: uppercase;}
.button-r {background-color: #b4c618;padding: 15px;margin: 10px;color: #fff; display: inline-block;}
.button-r:hover {color: #fff;background-color: #9dac1e;text-decoration: none;}
.footer {background: #242529;padding: 50px;color: #c9c9c9;text-align: left;font-family: 'Open Sans', sans-serif;}
.footer .container {background: #242529;color: #c9c9c9;}
.footer a{color: #666;}
.footer .col-md-4 {margin-top: 10px;}
.footer .logo-f{margin-top: 0;}
.footer ul.menu li {float: left; font-weight: 600; }
.footer ul.menu>li>a:focus, .footer ul.menu>li>a:hover {background: transparent;color: #fff;}
.copyright {display:inline-block;padding-top: 10px;}
.copyright a {font-weight: 600;}

.form-control {border-radius: 0px;padding: 10px;}

h3.catItemTitle  {
  padding-top: 0;
  color: #333;
  font-size: 20px; }

h3.catItemTitle a {color: #333;}

.header-inside {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: table;z-index: 99;}
.header-inside h1 {display: table-cell;padding-left:40px;vertical-align: bottom;color: #fff;width: 50%;text-transform: uppercase;text-shadow: 2px 2px rgba(0,0,0,0.7); padding-bottom:30px; }

/* Modal popup #home-popup-1 */
#home-popup-1 {
	z-index: 999999;
}
#home-popup-1 img {
	max-width: 100%;
	height: auto;
}
#home-popup-1 .modal-body {
	padding: 0;
}
#home-popup-1 .close {
	opacity: .8;
	color: #fff;
	font-size: 30px;
}
#home-popup-1 .close-button {
	height: 32px;
}
#home-popup-1 .eko-terra-width {
	width: auto;
}
.modal-backdrop {
	z-index: 101000;
}
@media (min-width: 768px) {
	#home-popup-1 .eko-terra-width {
		width: 750px;
	}
}
@media (min-width: 992px) {
	#home-popup-1 .eko-terra-width {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	#home-popup-1 .eko-terra-width {
		width: 1000px;
	}
}

/* Responsive BG image - image-cover */
img {
	max-width: 100%;
	height: auto;
}
.article-image {
	overflow: hidden;
	display: block;
	position: relative;
}
.image-cover {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	padding-bottom: 66%;
	-webkit-transition: transform 0.35s ease;
	-moz-transition: transform 0.35s ease;
	-o-transition: transform 0.35s ease;
	transition: transform 0.35s ease;
}
.article-image:hover .image-cover,
.article-image:focus .image-cover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/* buttons */
.btn {
	position: relative;
    background: #b4c618;
    border-color: #b4c618;
	color: #fff;
	border-width: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	padding: 10px 20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn:hover,
.btn:focus {
	background: #9dac1e;
	border-color: #9dac1e;
	color: #fff;
}

/* Joomla Articles */
/* Category page */
.blog-list-thumb {
	position: relative;
	z-index: 1;
	background: #fff;
	-webkit-box-shadow: 0px 0px 20px #ccc;
	-moz-box-shadow: 0px 0px 20px #ccc;
	box-shadow: 0px 0px 20px #ccc;
	margin-bottom: 15px;
}
.play-icon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 20vw;
	height: 20vw;
}
.play-icon .fa {
	font-size: 20vw;
	color: rgba(255,255,255,0.6);
}
.blog-list-content {
	position: relative;
	margin-bottom: 70px;
}
.blog-list-content .date-published {
	color: #666;
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
}
.blog-list-content h2 {
	font-size: 28px;
}
.blog-list-content h2 a {
	color: #333;
}
.blog-list-content .introtext {
	margin-bottom: 15px;
}
/* Article page */
.article-info-term {
	display: none;
}
.intro-image,
.full-image {
	margin-bottom: 20px;
}
.youtube-link {
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.youtube-link iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {
	.blog-list-thumb {
		float: left;
		width: 40%;
		margin-bottom: 50px;
	}
	.blog-list-content.withThumb {
		padding-left: 43%;
		padding-top: 5px;
	}
	.blog-list-thumb .image-cover {
		padding-bottom: 70%;
	}
	.play-icon {
		width: 10vw;
		height: 10vw;
	}
	.play-icon .fa {
		font-size: 10vw;
	}
}
@media (min-width: 1200px) {
	.blog-list-thumb .image-cover {
		padding-bottom: 66%;
	}
	.play-icon {
		width: 7vw;
		height: 7vw;
	}
	.play-icon .fa {
		font-size: 7vw;
	}
}
@media (min-width: 1600px) {
	.play-icon {
		width: 5vw;
		height: 5vw;
	}
	.play-icon .fa {
		font-size: 5vw;
	}
}


/* Responsive media queries */
@media(min-width:768px) {
    #wrapper {
        padding-left: 200px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 200px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

    .maincontent {margin-top: -100px; position: relative;}
}

@media(max-width:1148px) {
.navbar-default .claas {display: none}
.navbar-nav>li>a {padding: 30px 20px;}
.header-inside {display: none;}


}

@media(max-width:877px) {

.navbar-nav>li>a {padding: 30px 9px;}
.front .col-md-4 {padding-top: 40px;}
.col-xs-2 {padding: 0;}

}



@media(max-width:767px) {
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-default .navbar-toggle {border: none;}
.navbar-toggle {padding: 23px;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
.navbar-default .navbar-nav>li>a {text-align: center;}
.inner-content {padding: 30px;}
.carousel{
    
    height: 40%;
    display: inline-block;
}

body > div:first-of-type { margin-top:80px; padding: 0;}

.navbar-default .navbar-brand {margin-right: 0;}
.carousel-inner>.item>img{
  object-fit: cover;
  max-width: 100%;
}

.under {text-align: center;}
.tab-pane h1{
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: -2px;
    font-weight: 700;
}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

.navbar-default .navbar-nav>.active>a {border-bottom: 0;}

.navbar-nav>li>a {padding: 20px;text-align: center;}

.navbar-default .navbar-nav>.active>a {padding-bottom: 20px;}

}

@media(max-width:350px) {
.navbar-default .navbar-brand {margin-right: -5px;}

.navbar-default .navbar-brand{
  height: 80px;
  width: 150px;
  


}

.navbar-default .navbar-brand img {
position: absolute;
z-index: 999;
}
.navbar-default .navbar-brand:after{
position: absolute;
top: 0px;
left: 55px;
width: 150px;
height: 80px;
}
  
}


.carousel.carousel-fade {
  opacity: 1;
}
.carousel.carousel-fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.carousel-fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.carousel-fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}

.prodajni-program h2 a{font-size:25px;color:#000;}

#map {width:100%;height:300px;}

.footer a .fa {font-size:30px; padding:5px;margin-top:10px; }

.copyright {width:100%;background-color:#191a1c;text-align:center;color:#ccc;padding:10px;font-size:13px;font-family: 'Open Sans', sans-serif;}
.copyright a {color:#ccc;}