body {overflow-x: hidden;}
body, html {max-width: 100% !important;}
body , .featurette a {color: #5a5a5a;}
.navbar-wrapper {position: absolute;top: 0;right: 0;left: 0;z-index: 20;}
.navbar {background-color: #337ab7;border-width: 0;}
.navbar li a , .navbar-brand {color: #fff;}
.navbar-brand:hover , .navbar-brand:active , .navbar-brand:focus {color: #fff;}
ul.nav.navbar-nav > li > a:hover , ul.nav.navbar-nav > li > a:active , ul.nav.navbar-nav > li > a:focus {background: transparent;}
.navbar-nav li {border-bottom:2px solid transparent;height: 49px}
.navbar-nav li:hover {border-bottom:2px solid #fff}
.carousel {height: 500px; margin-bottom: 60px;}
.carousel-caption {z-index: 10;}
.carousel .item {  height: 500px; }
.carousel-inner > .item > img {  position: absolute;  top: 0;  left: 0;  min-width: 100%;  height: 500px;}
.marketing .col-lg-4 {  margin-bottom: 20px;  text-align: center;}
.marketing h2 {  font-weight: normal;}
.marketing .col-lg-4 p { margin: 10px 10px 10px 0;}
.krug {margin-bottom: 80px;padding: 0;}
.brojevi {font-weight: bold;}
.featurette a {text-decoration: none;}
/*------FOOTER-------*/
footer {background-color: #337ab7; color: #fff;margin-top: 40px;}
.footer {padding-left: 0;padding-right: 0;}
.footer .container {padding: 10px 0 0;}
@media (min-width: 768px) {
	.navbar-right {    margin-right: 15px;    margin-left: 15px;}
  .navbar-wrapper {    margin-top: 20px;  }
  .navbar-wrapper .navbar {    border-radius: 4px;  }
  .carousel-caption p {    margin-bottom: 20px;    font-size: 21px;    line-height: 1.4;  }
  .btn-primary {width: 150px;}
  .navbar-wrapper .container {padding-left: 0;padding-right: 0;}
  .navbar-header {padding-left: 15px;}
}
@media (min-width: 992px) {
   .featurette .col-md-7 {  min-height: 350px;line-height: 350px;}
   .featurette p {  display: inline-block;vertical-align: middle;line-height: normal;}
   .adresa h2 , .adresa p {margin-left: 15px;}
}
@media (max-width: 991px) {
	.featurette {text-align: center;margin-bottom: 40px;}
   .lokacija , .adresa {margin-right: auto;margin-left: auto;}
}
@media (min-width:768px) and (max-width: 991px) {
	.adresa .col-md-8 {padding-left: 0; padding-right: 0;} 
}
li.flag a {padding: 15px 3px; }
.flag img {height: 22px; width:33px; margin: 0; }
.modal-dialog .carousel , .modal-dialog .carousel .item {
	 height: calc((100vw - 30px)/1.67);
    max-height: 668px;
}
@media (max-width: 767px) {
	html{overflow-x: hidden;}
	.navbar-header{max-width: 100%;}
   .navbar-toggle {margin-right: -10px;}
	.navbar-nav li {height: 31px}
	li.flag a {padding: 3px 15px; }
	.navbar-static-top .navbar-toggle {border:0;}
	.navbar-static-top .navbar-toggle:hover, 	.navbar-static-top .navbar-toggle:active,	.navbar-static-top .navbar-toggle:focus{background: none;}
	.navbar-static-top .navbar-toggle .icon-bar{background-color:#fff;}
	.carousel-caption h1 {font-size: 32px;}
	.krug {margin-bottom: 40px;}
	.footer .container {margin-left: 5px;margin-right: 5px;}
.navbar-wrapper .container {padding-left: 0; padding-right: 0;}
.navbar-wrapper .container  .navbar{padding-left: 10px; padding-right: 10px}
.modal-content {background-color: transparent; border-width:0;box-shadow: 0 0 0 rgba(0,0,0,0);}
.modal-dialog .carousel-control {background: transparent !important;; }
.modal-dialog .carousel-control .glyphicon-chevron-left {top:15px;left:20px;color:#000;}
.modal-dialog .carousel-control .glyphicon-chevron-right {top:15px;right:20px;color:#000;}
.modal-dialog .carousel img {border-top: 30px solid #fff;}	
}
.img-responsive, .img-circle {box-shadow: 2px 3px 6px  rgba(0,0,0,.3)}
.glyphicon-chevron-up {background: #fff;display: inline-block;width:20px; text-align: center;height: 30px;vertical-align: text-top;opacity: 0.5; }
.glyphicon-chevron-up:hover{opacity: 1; transition: all .3s}