/* TYPOGRAPHY
-------------------------------------------------- */
h1 {
  color:#3468A5;
  margin-top:9px;
  margin-bottom:9px;
}
h3 {
  color:#666;
  margin-top:5px;
  margin-bottom:5px;
}
h4 {
  color:#BB9E73;
}
@media screen and (max-width: 768px) { 
  h1{text-align:center;}
  h3{text-align:center;}
}

label{color:black;}

.help-block{font-size:x-small;}

.side {padding:0px 10px;color:#999;}

.side ul{list-style:none;padding-left:0px;}
.side ul li{margin-bottom:10px;font-weight:bold;}
.side ol{padding-left:15px;}
.side ol li{margin-bottom:10px;font-weight:bold;}
.side hr{margin:10px 0px;border-color: white}
.side h3{font-size:20px;border-bottom:1px solid #eaedf2;margin-bottom:10px;color:#3468A5;margin-top:0px;padding-top:0px;}

.scrollbox{
  height:140px;
  border:2px solid #e2e2e2;
  overflow:auto;
  padding:5px 10px;
}

.scrollbox ul{list-style: none;margin:0px;padding:0px;color:#666;}
.scrollbox dl dt{color:#666;}
.scrollbox dl dd{margin-bottom:10px;color:#666;}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
/* PAGE LAYOUT
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background-image: url('images/debut_dark.png');
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}
.footer span{font-size:8px;}
.container {
  max-width:900px;
}
.primary {
  margin-top:100px;
  margin-bottom:90px;
}
@media screen and (max-width: 768px) { 
  .primary {
    margin-top:67px;
  }
}
.content {
  background-color: white;
  padding:10px 20px;
  margin-left:-15px;
  margin-right:-15px;
}


/* NAVBAR
-------------------------------------------------- */
.navbar-text {
  font-size:25px;
  color: #3468a5 !important;
  font-weight:bold;
}
@media screen and (max-width:768px){

  .navbar-brand{
     left: 50%;
     position: relative;
     transform: translateX(-50%);
  }
}
.navbar-brand img {
  max-width:200px;
  margin-top:10px;
}

.navbar-brand,.navbar-nav li a {
    line-height: 65px;
    height: 65px;
    padding-top: 0;
}



/* CALLS TO ACTION
-------------------------------------------------- */
.search-form {
  margin:10px;
}
.search-form select {
  color:gray;
}

@media screen and (min-width:768px) {
  .search-form .btn {
    max-width:185px;
  }
  .search-form input {
    max-width:115px;
  }
  .search-form select {
    max-width:175px;
  }
}
  .search-form .btn {
    width:100%;
  }


.search {
  background-color:#f0980e;
  margin-left:-15px;
  margin-right:-15px;
  padding:10px 0px 4px;
  -moz-box-shadow: 0 0 5px black;
  -webkit-box-shadow: 0 0 5px black;
  box-shadow: 0 0 5px black;
}
.search h2{color:green;margin:0px;padding:0px;}
.search h3{color:white;margin-top:-10px;padding:5px;font-weight:bold;}
.search h5
{
  float:left;
  font-size:16px !important;
  position: relative;
  width: 130px;
  font-size: 1.5em;
  padding: 8px 0px 8px 20px;
  margin: 15px 10px 15px -10px;
  color: #fff;
  /*background-color: #66a44a;*/
  background-color: #3468a5;
  -webkit-box-shadow: 0px 2px 4px #373737;
  -moz-box-shadow: 0px 2px 4px #373737;
  box-shadow: 0px 2px 4px #373737;
}
.search h5 i{margin-left:5px}

.search h5:after
{
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 0px;
  top: 100%;
  border-width: 5px 5px;
  border-style: solid;
  border-color: #013572 #013572 transparent transparent;
}

.contact-small{background-color:#3468a5;margin-right: -15px;margin-left: -15px;text-align:center;padding:2px;}
.contact-small p{color:#F0980E;font-size:18px;text-align:center;margin-top:5px;font-weight:bold;}
.contact-small a{color:white;font-weight:bold;text-decoration:none;}
.contact-small a:active{text-decoration:none;}

.features{font-size:18px;list-style: none;padding-left:0px;margin:20px 0px;}
.features li{margin-bottom:10px;font-weight:bold;color:#666;}

.glyphicon-check{color:#3468a5;}


.carousel-indicators .active{ background: #31708f; } 
.adjust1{ float:left; width:100%; margin-bottom:0; } 
.adjust2{ margin:0; } 
.carousel-indicators li{ border :1px solid #ccc; } 
.carousel-control{ color:#31708f; width:5%; } 
.carousel-control:hover, .carousel-control:focus{ color:#31708f; } .carousel-control.left, .carousel-control.right { background-image: none; } 
.media-object{ margin:auto; margin-top:15%; } 
@media screen and (max-width: 768px) { 
  .media-object{ margin-top:0; }
  .primary{margin-top:67px;}
  h1{text-align:center;}
  h3{text-align:center;}
}