.logo {background: url(logo-ag.png) no-repeat 0 0; width: 102px; height: 103px; float: left}
a {color: #f3683d; text-decoration: none;}
a:hover {color: #4f5450; }
h1,h2,h3,h4 {font-weight: 400; color: #908e79}
strong {font-weight: 700}
header {padding: 5px 0; border-bottom:6px solid #c9c69b}
img.align_left {float: left; margin: 0 10px 10px 0}
nav[role="navigation"] ul {list-style-type: none; margin: 32px 0 0 0; padding: 0; float: right;}
nav[role="navigation"] li {
	float: left;
	margin: 0 4px 0 0;
	font-size: 14px;
	}
nav[role="navigation"] li a {
	float: left;
	padding: 8px 12px;
	text-decoration: none;
	color: #4f5450 ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 022s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	}
nav[role="navigation"] li a:hover,
nav[role="navigation"] li a:focus {
	background: #d8d3b5;
	}
nav[role="navigation"] li a:active {
	background: #888;
	}
nav[role="navigation"] li.active a {
	color: #fff;
	background: #4f5450;
	}				
nav.breadcrumb {
	font-size: 12px;
	color: #ccc;
    margin: 10px 0;
	}
nav.breadcrumb a {
	margin: 0 5px;
	text-decoration: none;
	color: #999;
	}
nav.breadcrumb a:first-child {
	margin-left: 0;
	}
nav.breadcrumb a:hover,
nav.breadcrumb a:focus {
	color: #333;
	}
nav.breadcrumb a:active {
	color: #666;
	}
nav.breadcrumb strong {
	margin-left: 5px;
	font-weight: bold;
	color: #333;
	}				

.side-nav {
	padding: 0 25px 25px; 
    background: #fcfcfc;
     border-bottom: 1px solid #f1f1f1;
	}
.side-nav ul{
	margin: 0; list-style-type: none; padding: 0

	}
.side-nav ul li a {
	display: block;
	padding: 8px 5px 8px 15px;
	font-size: 14px;
	line-height: 1;
    border-bottom: 1px solid #dadada;
    color: #4f5450;
    position: relative
	}
.side-nav ul li a:focus,
.side-nav ul li a:hover {
	background: #eee;
    color: #f3683d;
	}
.side-nav ul li a.active {
	color: #f3683d;
	}
.side-nav ul li a.active:before {
	 content: '\f104';  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #f3683d;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 7px;
    left: 0;
	}
.slider .slick-slide img{margin: 0 auto !important; width: 100%}
.caption  {position: absolute; z-index: 10000; top: 100px; left: 100px}
.proizvodi,.usluge {padding: 20px 0; }
.proizvodi {background: #4f5450; color: #fff; }
.proizvodi .title,.usluge .title {display: block; width: 100%; text-transform: uppercase; font-size: 28px; color: #c9c69b; text-align: center; margin-bottom: 15px;}
.proizvodi h2,.usluge h2{color: #4f5450; font-weight: 400; font-size: 1.5em; padding-bottom: 10px; cursor: pointer}
.proizvodi h2:after,.usluge h2:after{height: 3px;
    display: block;
    width: 30%;
    margin: 10px auto 0 auto;
    background: #f3683d;
    border-right: 1px white;
    content: '';   
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 022s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.proizvodi .article:hover h2:after,.usluge .article:hover h2:after{width: 80%;}
.article {cursor: pointer;text-align: center;}
.lista .article {margin-top: 20px;}
.proizvodi h2 { color: #fff;}
.proizvodi img, .usluge img {border-radius: 50%}
.more {color: #f3683d; text-transform: uppercase; font-size: 0.9375em; font-weight: 700; text-decoration: none;}
.more .fa {margin-left: 5px;}
.more:hover {color: #4f5450; }
.proizvodi .more:hover {color: #c9c69b; }
.main {padding-bottom: 25px}
footer {background: #eee; padding: 20px 0; border-top: 1px solid #ccc}
footer ul {margin: 0; padding: 0; list-style-type: none;}
h3:after, .main h1:after, .main h2:after{height: 1px;
    display: block;
    width: 35px;
    margin: 5px 0 0;
    background: #f3683d;
    border-right: 1px white;
    content: '';   
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 022s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
#map_canvas { width:100%; height:300px;}

#map_canvas img { max-width: none; }
#map_canvas h3 { padding:0; margin:0; }