/* 
$desktop_laptop: '(min-width: 1366px)';
$desktop: '(min-width: 1680px)';
$laptop: '(min-width: 1366px) and (max-width: 1679.98px)';
$tablet: '(min-width: 768px) and (max-width: 1365.98px)';
$tablet_landscape: '(min-width: 1024px) and (max-width: 1365.98px)';
$tablet_portrait: '(min-width: 768px) and (max-width: 1023.98px)';
$mobile: '(max-width: 767.98px)';
$mobile_landscape: '(min-width: 568px) and (max-width: 767.98px)';
$mobile_portrait: '(max-width: 567.98px)';
$tablet_mobile: '(max-width: 1365.98px)'; 
*/

html, body { border: 0; margin: 0; padding: 0; }
body { 
  background:#F2F2F2; 
  font-family:"Asap", Arial, sans-serif; 
  font-size: 13px;
  min-width: 100%; 
  color: #000; 
  min-height: 100vh;
  padding-bottom: 74px;
  box-sizing: border-box;
  position: relative;
}

header {
  height: 130px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767.98px) {
  header {
    height: auto;
  }
}
header .logo {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -25px;
}
@media only screen and (max-width: 767.98px) {
  header .logo {
    position: inherit;
    top: auto;
    left: auto;
    display: block;
    margin: 10px;
    text-align: center;
  }
}

header .pre-header {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}
header .header {
  position: relative;
  height: 86px;
}
@media only screen and (max-width: 767.98px) {
  header .header {
    height: auto;
    text-align: center;
  }
}
header .pre-header .info-left i,
header .pre-header .info-right i {
  margin: 0 10px;
  color: #000;
}
#menu {
  height: 100%;
}
@media only screen and (max-width: 767.98px) {
  #menu {
    margin: 10px 0;
  }
}
#menu ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#menu ul li {
  list-style: none;
  margin: 0 10px;
}
#menu ul li .menu-link {
  color: #000;
  text-decoration: none;
  font-weight: 600;
}
#menu ul li .menu-link:hover,
#menu ul li .menu-link.active {
  text-decoration: underline;
}
footer {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-items: center;
  width: 100%;
  align-items: center;
  text-align: center;
  height: 74px;
  color: #fff;
  background-color: #2a2a2a;
}

footer div {
  width: 100%;
}

footer a {
  color: #19a4c6;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
#content h1 { 
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  font-family: "Asap";
  text-transform: none;
  letter-spacing: 0px;
  color: #ea554f;
 }
 #content h1.results {
  color: #000000;
 }
 #content h2.with,
 #content h2.without { 
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  font-family: "Asap";
  text-transform: none;
  text-decoration: underline;
  letter-spacing: 0px;
  color: #02224d;
 }
 #content p { 
  font-size: 14px;
 }
 #content p.bold { 
  font-weight: bold;
 }
 #content p:before { 
  content : ' ';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #02224d;
 }
#content hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#content { 
  display: block; 
  width: 1000px; 
  margin: 40px auto 70px; 
  padding: 35px; 
  border: 1px solid #cbcbcb; 
  background-color: #FFF; 
  -moz-border-radius: 5px; -webkit-border-radius:5px;
}
@media only screen and (max-width: 767.98px) {
  #content { 
    width: 96%;
    margin: 20px 2%;
    padding: 10px;
    box-sizing: border-box;
  }
}


/* Form style */

#content label { 
  height: 35px; 
  line-height: 35px; 
  font-size: 16px; 
  margin-right: 10px; 
}
@media only screen and (max-width: 767.98px) {
  #content label { 
    margin-right: 0; 
  }
}
#content input, textarea, select { height: 40px; box-sizing: border-box; display:block; padding: 5px; color: #777; background: #f5f5f5; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius:5px; cursor: pointer; } 
#content input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#content input.submit { display:block; margin-top:20px; width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#content input.submit:hover { background:#444; }
#content fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#content legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#content textarea{width: 350px; height: 100px;}
#content span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */
#content a{color:#4E7C6A;}
#content a:hover{text-decoration:none; color:#444;}
#content h1{margin-bottom:20px;}

.loader{
  background:url('images/loader.gif') no-repeat;
  height:40px;
  width:40px;
  margin: 40px auto 20px;
}

.reinit {
  display: none;
  margin: 40px 0;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  border-top: 1px dashed #666;
  padding-top: 20px;
}
.reinit .btn {
  background-color: #ea554f;
  padding: 11px 15px;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}

.title { width: 100%; text-align: center; color: #02224d; }
.title span { margin-top: 20px; display: block; }
.title img { margin-top: 20px; }

#content .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  #content .container { 
    flex-direction: column;
  }
}
#content .container select,
#content .container .btn {
  margin-bottom: 0;
}

#content .container .btn {
  background-color: #ea554f;
  padding: 11px 15px;
  margin-left: 20px;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  width: 10%;
}

.searchSimple label {
  width: 50%;
}
.searchSimple input,
.select_wrap {
  width: 40%;
}
@media only screen and (max-width: 767.98px) {
  #content .container .btn {
    margin: 20px 0 0;
    width: 50%;
  }
  .searchSimple label,
  .searchSimple input,
  .select_wrap { 
    width: 100%;
  }
}

#result hr:first-child {
  display: none;
}

/*  SELECT  */

.select_wrap {
  position: relative;
  user-select: none;
  color: #777;
  background: #f5f5f5;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.separator, #dropdown_search {
  width: 10%;
}
@media only screen and (max-width: 767.98px) {
  .separator {
    margin: 10px 0;
    width: auto;
  }
}
.select_wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select_wrap p {
  margin: 0;
  padding: 0;
}
.select_wrap .default_option{
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  font-size: 14px;
}

.select_wrap .default_option li{
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    max-width: 375px;
}

.select_wrap .default_option:before{
    content: "";
    position: absolute;
    top: 13px;
    right: 9px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #555555 #555555;
    transform: rotate(-45deg);
}

.select_wrap .select_ul{
  position: absolute;
  top: 40px;
  left: -1px;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: none;
  max-height: 250px;
  overflow-y: scroll;
}

.select_wrap .select_ul li{
  padding: 5px 20px;
  cursor: pointer;
  line-height: 15px;
}

.select_wrap .select_ul li:first-child:hover{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select_wrap .select_ul li:last-child:hover{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select_wrap .select_ul li:hover{
  background:#FCEAE9;
}

.select_wrap .option{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.select_wrap.active .select_ul{
  display: block;
  text-align: left;
  font-size: 12px;
  z-index: 1;
}

.select_wrap .select_li_title {
  font-weight: bold;
  padding: 5px 10px;
  display: block;
}

.select_wrap.active .default_option:before{
  top: 18px;
  transform: rotate(-225deg);
}

.divider {
  display: block;
  width: 30%;
  height: 1px;
  margin: 30px auto;
  border-top: 1px dashed #666;
}