h1 {
	font-size:24px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
body {
	background-color: #f9f9f9;
}
.img-people {
	height: 450px;
	margin: 30px;
}


.box-people {
	box-shadow: -4px 4px 2px -3px #e5e5e5;
	padding: 1em;
	display: inline-block;
	border: 1px solid #e5e5e5;
	margin: 15px;
	width: 750px;
}


.box-page{
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
  margin-bottom: 20px;
}

.carousel-title {
	color:#337ab7;
	margin-top:20px;
	margin-bottom:10px;
	font-family:inherit;
	font-size:30px;
	font-weight:500;
	line-height:1.1;
}
.carousel-indicators {
	bottom: 0;
}

.carousel-control.right,
.carousel-control.left {
	background-image: none;
}

.carousel-indicators li {
    background-color: #26396F;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);    
}
.carousel-indicators .active {
    background-color: #ffff99;
}

@media (max-width: 767px) {
    #clique_img {
        margin: 0 20%;
        margin-top: 10%;
    }
}
@media (min-width: 767px) {
    #clique_img {
        margin: 20% 20%;
    }
}


#reference li {
  padding: 10px 50px 10px 10px;
}

/* custom navbar */
.navbar-default{
  color: black;
  background-color: #fff;
  border-color: #aca1a2;
  border-bottom:2px solid #FFA726;  
}

.navbar-default .navbar-nav > li > a{
  color:black;
  border-bottom:4px solid transparent;  
}
.navbar-default .navbar-nav > .dropdown > a .caret{
    border-top-color: black;
    border-bottom-color: black;
}

.navbar-default .navbar-brand{
  color:#fff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color:#e5e5e5;
    color: black;
    border-bottom-color: #FFA726;
}

.navbar-default .navbar-nav > .dropdown  > li > a:hover, .navbar-default .navbar-nav > .dropdown > li > a .caret {
    border-top-color: red;
    border-bottom-color: red;
}

.desna_slika {
    background-image: url('../pictures/molecule.svg');
    background-repeat: no-repeat;
    background-position: 150% -100px;
}


@media (max-width: 767px) {
    #clique_img {
        margin: 0 20%;
        margin-top: 10%;
    }
}

@media (max-width: 767px) {
    .desna_slika {
      background-image: none;
    }
}

@media (max-width: 1200px) {
    .desna_slika {
      background-position: 115% -200px;
    }
}

.large {
  width: 130px;
  height: 35px;
}

.shadow-box {
    -webkit-box-shadow: 0 0 5px 2px #e5e5e5;
    -moz-box-shadow: 0 0 5px 2px #e5e5e5;
    box-shadow: 0 0 5px 2px #e5e5e5;
}

/* FAQ */
.answer {
 padding:10px;   
}

.subanswer {
    padding: 20px;
    margin-top: 10px;
}

.btn-custom-purple {
  color: #fff;
  background-color: #b239fd;
  border-color: #9528da;
}

.btn-custom-purple:hover, .btn-custom-purple:focus, .btn-custom-purple:active, .btn-custom-purple.active, .open>.dropdown-toggle.btn-custom-purple {
  color: #fff;
  background-color: #9a32db;
  border-color: #9528da;
}

.btn-custom-pink {
  color: #fff;
  background-color: #ec407a;
  border-color: #e91e63;
}

.btn-custom-pink:hover, .btn-custom-pink:focus, .btn-custom-pink:active, .btn-custom-pink.active, .open>.dropdown-toggle.btn-custom-pink {
  color: #fff;
  background-color: #e91e63;
  border-color: #e91e63;
}

.btn-custom-yellow {
  color: #fff;
  background-color: #ffc107;
  border-color: #d6a206;
}

.btn-custom-yellow:hover, .btn-custom-yellow:focus, .btn-custom-yellow:active, .btn-custom-yellow.active, .open>.dropdown-toggle.btn-custom-yellow {
  color: #fff;
  background-color: #d6a206;
  border-color: #d6a206;
}