html body.loading {
  overflow: hidden; }
html body.loading .modal {
  display: block; }
html body .container.country ul {
  list-style: none;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1; }
html body .container.certs ul {
  list-style: none;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1; }



@media (min-width: 576px) {
  html body .container.country ul {
    list-style: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
  html body .container.certs ul {
    list-style: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }

}
@media (min-width: 992px) {
  html body .container.country ul {
    list-style: none;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4; }
}




html body .container.certs ul li {
    text-align: left; }
html body .container .navbar {
  text-align: center; }
  html body .container .navbar .collapse ul {
    list-style: none;
    text-align: center;
    margin: 0 auto; }
    html body .container .navbar .collapse ul li a {
      font-size: 20px; }
html body .container .alphabet {
  padding-top: 15px;
  text-align: center; }
  html body .container .alphabet span {
    border-left: 1px gray solid;
    padding: 3px; }
    html body .container .alphabet span a {
      color: darkgray;
      font-weight: bold;
      font-size: 20px; }
      html body .container .alphabet span a:hover {
        color: orange; }
      html body .container .alphabet span a.active {
        color: orange; }
html body .container .filtres {
  padding-top: 20px;
  padding-bottom: 20px; }
  html body .container .filtres label {
    font-weight: bold;
    margin-bottom: 0;
    font-style: italic;
    font-size: 18px;
    display: block; }
  html body .container .filtres input {
    margin-bottom: 15px;
    width: 100%;
    padding-left: 15px; }
    html body .container .filtres input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: lightgray; }
    html body .container .filtres input::-moz-placeholder {
      /* Firefox 19+ */
      color: lightgray; }
    html body .container .filtres input:-ms-input-placeholder {
      /* IE 10+ */
      color: lightgray; }
    html body .container .filtres input:-moz-placeholder {
      /* Firefox 18- */
      color: lightgray; }
  html body .container .filtres button {
    max-width: 350px;
    width: 100%;
    border: none;
    background-color: #5068ed;
    color: white;
    font-size: 20px;
    padding: 5px 30px;
    border: 2px #5068ed solid;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    cursor: pointer;
    margin: 0 auto; }
    html body .container .filtres button:hover {
      color: #5068ed;
      background-color: white; }
html body .container .wrapper .pilot {
  border: 1px gray solid;
  cursor: pointer;
  padding: 10px 15px; }
  html body .container .wrapper .pilot .showDetailes {
    width: 100%;
    height: 100%;
    background-image: url("../img/trans.png");
    top: 0;
    left: 0;
    z-index: 10;
    position: absolute;
    text-align: center;
    font-weight: bold;
    color: #004c7d;
    display: none;
    padding-top: 10px; }
  html body .container .wrapper .pilot:hover .showDetailes {
    display: block; }
  html body .container .wrapper .pilot .fieldTitle {
    font-style: italic; }
  html body .container .wrapper .pilot .fieldData {
    font-weight: bold; }
html body .container .info-block {
  max-height: 0;
  overflow: hidden;
  border-left: 1px gray solid;
  border-right: 1px gray solid;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s; }
  html body .container .info-block > div {
    padding: 10px 15px; }
html body .container .pagination {
  font-size: 18px;
  text-align: center;
  padding: 15px; }
  html body .container .pagination a {
    padding: 5px;
    display: inline-block; }
    html body .container .pagination a.active {
      color: orange; }
html body .singlePilot {
  padding-top: 20px;
  font-size: 20px; }
  @media (max-width: 768px) {
    html body .singlePilot {
      font-size: 18px; }
      html body .singlePilot h1 {
        font-size: 20px; } }
  html body .singlePilot .center {
    text-align: center; }
html body .certs {
  text-align: center;
  padding-top: 20px; }

.clear {
  clear: both; }

.pt20 {
  padding-top: 20px; }

.qtip {
  font-size: 16px;
  background-color: lightblue;
  border-color: transparent;
  color: black; }
  .qtip .qtip-titlebar {
    background-color: #6dd0ff; }

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url("../img/loading.gif") 50% 50% no-repeat; }

/*# sourceMappingURL=style.css.map */