body {
  background-color: #F4F4F4;
  font-family: 'Roboto', sans-serif;
}

.orange       { background-color: #EA6100 !important; border: none;}
.text-orange  { color: #EA6100 !important; }
.blue         { background-color: #1F4579 !important; border: none; }
.text-blue    { color: #1F4579 !important; }
h2 { font-size: 2em !important;}
.box { background: #fff; border: 1px solid #ccc; border-radius: 6px;padding:2px; padding-top:3%; padding-bottom:3%; padding-left:3%; }

.navbar-default {
  background-image: url('../../images/2017/navbarBg.png');
  border-radius: 0px;
  height: 75px;
  border: none;
}

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


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

.jumbotron .container, .container {
  max-width: 980px;
}

.jumbotron {
  margin-top: -20px;
  background-image: url("../../images/2017/bg1.png");
  background-position: center;
  background-size: cover;
}

.jumbotron .container h1 {
  color:#fff;
  font-size: 3em;
}

#search {
  background:rgba(255, 255, 255, 0.8);
  border:1px #979797 solid;
  border-radius: 6px;
  max-width: 980px;
  padding-top:2%;
  padding-bottom:2%;
}
#contact {
  background:rgba(255, 255, 255, 0.8);
  border:1px #979797 solid;
  border-radius: 6px;
  max-width: 980px;
  padding-top:2%;
  padding-bottom:2%;
  padding-left: 10px;
  padding-right: 10px;
}
#list     { margin-bottom: 5%; }
#list h2  { margin-top:0px; margin-bottom:0px; }
#list h3  { margin-top:0px; margin-bottom:0px; }
#list .pagination { margin: 0px;}

.item h3    { font-weight: 300; font-size: 1.2em; margin-top:0%; margin-bottom:2%;  }
.item img   {  }
.item p     { font-size: 0.8em;text-transform: uppercase; margin:0px;   margin-top:3px;}


footer   { color: #fff !important; }
footer p { font-size: 0.8em; margin-top:1%; margin-bottom:1%; }
footer h3 { font-size: 1.1em !important; margin-top:10%; margin-bottom:2%; }
footer a, footer a:hover { color:#fff }
footer hr { margin-top: 0px; margin-bottom: 2%;}
.item {
 margin-bottom: 15px;
}

@media (max-width: 767px) {
  .text-xs-center {
    text-align: center;
  }
}

.loader {
    margin-top:10%;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #e84d0d; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

.loaderContainer {
  width: 100%;
  height: 100%;
  background: url(../../images/bg-fade-black.png);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1029;
  display:none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}