body{
  font-family: Arial, Helvetica, sans-serif;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  backdrop-filter: blur(2px);
  background: url("../image/Background-Image/A6.jpeg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}

/*  ---------------------------------------- */
/* ----- Logo + Nav-Container + Search ----- */
.header-container{
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  /*align-items: flex-end; Put element in end*/
  align-items: center;/*Put element in center*/
  width:95%;
  margin:0 auto;
  justify-content: space-around;
  align-content: space-around;
  box-sizing: border-box;
  margin-top:1%;
  margin-bottom:1%;
}
@media screen and (max-width: 1255px){
  .header-container{
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-items: center;/*Put element in center*/
    width:95%;
    margin:0 auto;
    justify-content: space-around;
    align-content: space-around;
    box-sizing: border-box;
    margin-top:1%;
    margin-bottom:4%;
  }
}

@media screen and  (max-width: 700px) {
  .header-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
}

/* ----- Nav-Container-Part II ----- */

.header-container .logo{
  width:10%;
}
.header-container .logo a{
  width:60px;
  height:60px;
}
.header-container .logo a img{
  width:100%;
  height:100%;
}
@media screen and  (max-width: 1160px) {
  .header-container .logo{
    width:7%;
    text-align: center;
    margin-bottom:1%;
    box-sizing: border-box;
  }
  .header-container .logo a{
    width:60px;
    height:60px;
  }
  .header-container .logo a img{
    width:100%;
  height:100%;
  }
}
.nav-list{
  align-self: flex-start;
  box-sizing: border-box;
  border-bottom:3px solid #f46717;
  width:60%;
  padding:0;
}
.nav-list ul {
  list-style: none;
  background-color: hsla(0, 1%, 28%, 0.98);
  text-align: center;
  margin:0 auto;
  padding:0;
  width:100%;
}
.nav-list li {
  border-right: 2px solid hsla(0, 0%, 41%, 0.98);
  padding:0 1% 0 1%;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  box-sizing: border-box;
}
.nav-list li:last-of-type { 
  border-right: none; 
}
 
.nav-list li a {
  font-size:1.2em;
  line-height: 2.8em;
  padding:0;
  text-transform: uppercase;
  width:100%;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  transition: .5s background-color;
} 

.nav-list li:hover {
  background-color: hsla(0, 2%, 18%, 0.98);
}

 .nav-list  a.icon {
  display:none;
}
.dropdown .drop, .dropbtn  {
  padding:0 2px 0 2px;
  display: inline-block;
  color: white;
  text-align: center;
  text-decoration: none;
  box-sizing:border-box;
  margin-top:1%;
}
.dropdown .link, .dropbtn  {
  display: inline-block;
  color: white;
  text-decoration: none;
  box-sizing:border-box;
  margin-top:1%;
}

.dropdown {
  display: inline-block;
  box-sizing: border-box;
}

.dropdown-content {
  margin-top:1px;
  display: none;
  position: absolute;
  background-color:none;
  box-sizing: border-box;
  z-index: 1;
}

.dropdown-content .drop{
  text-decoration: none;
  display: block;
  text-align: left;
  box-sizing: border-box;
}
.dropdown-content .drop img{
  width:95px;
  height:75px;
  display: block;
  margin:auto;
}
.dropdown-content .drop span{
  display:none;
}
.dropdown-content .drop:hover {
  transform: scale(1.05);
  background-color: none;
}

.dropdown:hover .dropdown-content {
  display: flex;
  flex-direction: row;
}

@media screen and (max-width: 1255px){
  .dropdown-content{
    background-color: hsla(0, 1%, 28%, 0.98);
    border-bottom:2px solid #f46717;
  }

  .dropdown-content .drop{
    border-right: 2px solid hsla(0, 0%, 41%, 0.98);
    margin:0;
  }
  .dropdown-content .drop:last-of-type{
    border-right: none;
  }
  .dropdown-content .drop img{
    display: none;
  }
  .dropdown-content .drop span{
    font-size: .7em;
    display:inline-block;
    background-color: hsla(0, 1%, 30%, 0.98);
    color:white;
    padding:0;
    margin:0;
  }
  .dropdown-content .drop span:hover{
    background-color: hsla(0, 2%, 18%, 0.98);
  }
}

@media screen and (max-width: 910px) {
  .dropdown-content{
    background-color: hsla(0, 1%, 28%, 0.98);
    border-bottom:none;
  }

  .dropdown-content .drop{
    border-right: none;
    margin:0;
  }
  .dropdown-content .drop:last-of-type{
    border-right: none;
  }
  .nav-list{
    align-self:center;
  }
  .nav-list ul li:not(:first-child) {display: none;}
  .nav-list ul li:last-child {
    display:inline-block;
    position: relative;
  }
  .nav-list ul li a.icon{
    display:inline-block;
    margin:auto;
  }
  .nav-list{width:50%;margin:auto;}
  .nav-list ul {width:100%; margin:auto;}
  .nav-list ul li {width:45%; margin:auto;}
  .nav-list ul li a{width:100%; margin:auto;}
  .nav-list.responsive ul li{
    border:none;
    width:auto;
    text-align: center;
    display: block;
    align-self: center;
  }
  .nav-list ul .dropdown {width:100%; margin:auto;}
  .nav-list ul .dropdown .drop{width:45%; margin:2%;}
  .dropdown .drop, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    text-decoration: none;
    box-sizing:border-box;
  }
  
  .dropdown {
    display:block;
    box-sizing: border-box;
  }
  
  .dropdown-content {
    display: none;
    flex-wrap: wrap;
    position: relative;
    background-color:none;
    box-sizing: border-box;
    z-index: 1;
  }
  .nav-list ul .dropdown .drop{width:100%; margin:1%;}

  .dropdown-content .drop {  
    text-decoration: none;
    display: flex;
    flex-direction: column;
  }
  .dropdown-content .drop span{
    width:100%;
    display:inline-block;
  }
  .dropdown-content .drop img{
    display: none;
  }
  .dropdown-content .drop:hover {
    transform: scale(1.05);
    background-color: none;
  }
  
  .dropdown:hover .dropdown-content {
    display: flex;
    flex-wrap: wrap;
  }
  
}

@media screen and (max-width: 470px) {
  .nav-list{
    align-self:center;
  }
  
  .nav-list ul .dropdown {width:100%; margin:auto;}
  .nav-list ul .dropdown .drop{width:100%; margin:1%;}

  .dropdown-content .drop {  
    text-decoration: none;
    display: flex;
    flex-direction: column;
  }
  .dropdown-content .drop span{
    width:100%;
    display:inline-block;
  }
  .dropdown-content .drop img{
    display: none;
  }
}

@media screen and (max-width:410px){
    .nav-list li{ 
        border-right: none; 
    }
}

/* ----- Nav-Container-Part III ----- */
.search {
  position: relative;
  display: flex;
  align-self: flex-start;
  box-sizing: border-box;
  width:25%;
}
.search  ul {
  list-style: none;
  width:100%;
  margin:0;
  padding:0;
}

.search  ul li {
  width:100%;
  font-size: 1.5em;
  box-sizing: border-box;   
  font-weight: bold;
  display: inline-block;
}

.search  ul li.inputButton .searchTerm {
  width:100%;
  border: 2px solid  #f46717;
  font-size: .8em;
  outline: none;
  text-align: center;
}

.search  ul .search-content {
  width:100%;
  font-family: -apple-system, Roboto, sans-serif;
  text-align: center;
  display: block;
  background-color: white;
}
.search  ul .search-content a{
  width:100%;
  display: block;
  text-decoration: none;
  margin:0 auto;
}

@media screen and  (max-width: 700px) {
  .search{
    display: flex;
    flex-direction: row;
    margin-top:1%;
    align-self:start;
    width:48%;
  }
  .search  ul li.search-content {
    width:70%;
    position: relative;
    margin:auto;
    box-sizing: border-box;   
    color: #003b58;
    font-family: -apple-system, Roboto, sans-serif;
    font-weight: bold;
    text-align: center;
    display: flex;
    background-color: white;
    line-height:1.5em;
  }
  .search ul li.search-content a .search-container{
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width:100%;
}
  
  .search ul li .searchTerm{
    border: 1px solid #BEB8B6;
    width:98%;
  }
  .search ul li .searchTerm:hover {
    border: 2px solid  #E94B3CFF;
    outline: none;
    color: black;
  }
  .search ul li .searchButton{
    display:none;
  }
  .search  ul li.search-content {
    width:98%;
    position: relative;
    margin:auto;
    float:none;
  }
}

/* ----- Logo + Nav-Container + Search ----- */
/*  ---------------------------------------- */

/*  ---------------------------------------- */
/*  ---------------  Footer  --------------- */
.footer-container{
  background-color: hsla(0, 0%, 97%, 0.8);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width:95%;
  margin:auto;
  font:bold 1em sans-serif;
  margin-top: 1%;
  justify-content: space-around;
  align-content: space-around;
  
}

/*   --- Footer Left ---   */

/*  FIRST DIV FOOTER*/
.footer-container .first-div{
  width:20%;
  color:black;
}
.footer-container .first-div ul{
  list-style-type: none;
  color:black;
  width:100%;
}

.footer-container .first-div ul li{
  width:100%;
  color:black;
  font-size: 1.2em;
  float:left;
  font-weight: normal;
}

.footer-container .first-div ul li .menu{
  border-bottom: 1px solid black;
  color:black;
  font-size: 1.1em;
  text-align: center;
  font-weight: bold;
  width:100%;
}

.footer-container .first-div  ul li a{
  width: 100%;
  line-height: 2em;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  color:black;
}


/* SECOND DIV */
.footer-container .second-div{
  width:5%;
  list-style: none;
  color:black;
  padding: 0;
  margin:0;
}
.footer-container .second-div ul{
  width:100%;
  list-style: none;
  color:black;
  padding: 0;
}
.footer-container .second-div ul li{
  list-style: none;
  color:black;
  font-size: 1.2em;
  float:left;
  line-height: 1.5em;
  width:100%;
  font-weight: normal;
}

.footer-container .second-div ul li .menu{
  border-bottom: 1px solid black;
  font-weight: bold;
  color:black;
  font-size: 1.1em;
  text-align: center;
}
.footer-container .second-div ul li span{
  color:black;
  font-size: 1em;
  margin:0;
  width:100%;
  font-size: 1.1em;
  text-align: center;
  font-weight: normal;
  font-weight:500;
}

.footer-container .second-div ul li .footerLogo a img{
  width:90px;
  height:90px;
}



/*   --- Footer Center ---   */

.footer-container .third-div{
  width:36%;
  list-style: none;
  color:black;
  padding: 0;
  margin:0;
}
.footer-container .third-div ul{
  width:100%;
  list-style: none;
  color:black;
  padding: 0;
  margin-left:5%;
}
.footer-container .third-div ul li{
  width:100%;
  list-style: none;
  color:black;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: normal;
  float:left;
  word-wrap: break-word;
}
.footer-container .third-div ul li span{
  width:95%;
  display:inline-block;
  font-weight: normal;
  font-size: 17px;
  font-weight:500;
  color:black;
  word-wrap: break-word;
}
.footer-container .third-div ul li .menu{
  width:28%;
  float:left;
  margin:auto;
  border-bottom: 1px solid black;
  color:black;
  font-size: 1.1em;
  font-weight: bold;
}
.footer-container .third-div ul li span a i,
.footer-container .third-div ul li span i{
  background-color: black;
  color:white;
  font-size:20px;
  width:30px;
  height:30px;
  border-radius: 25%;
  text-align: center;
  line-height: 30px;
  /* margin:10px 0px 10px 0px; */
  margin:10px 0px;
  font-weight: normal;
}

.footer-container .third-div ul li span a{
  text-decoration: none;
  color:black;
  font-weight: normal;
}

/*   --- Footer Right ---   */
.footer-container .fourth-div{
  width:27%;
  list-style: none;
  color:black;
  padding: 0;
  margin:0
}
.footer-container .fourth-div ul{
  width:100%;
  list-style: none;
  color:black;
  padding: 0;
}
.footer-container .fourth-div ul li{
  width:42%;
  display: inline-block;
  list-style: none;
  color:black;
  font-size: 1.1em;
  text-align: start;
  line-height: 1.5em;
  font-weight: normal;
}
.footer-container .fourth-div ul li:nth-child(1){
  margin-right:6%;
}
.footer-container .fourth-div ul li:nth-child(2){
  margin-left:6%;
}
.footer-container .fourth-div ul li .menu{
  border-bottom:1px solid black;
  width:90%;
  text-transform: uppercase;
  color:black;
  font-size: 1.1em;
  font-weight: bold;
  word-wrap: break-word;
}
.footer-container .fourth-div ul li iframe{
  width:100%;
  padding:1%;
}

.footer-container .copyright-div {
  box-sizing: border-box;
  border-top:1px solid hsl(0,0%,90%,0.5); 
  display: flex;
  flex-wrap: wrap;
  width:100%;
  margin:0 auto;
  font:bold 1em sans-serif;
  justify-content: space-around;
  align-content: space-around;
  align-items: center;
}
.footer-container .copyright-div ul{
  width:100%;
  list-style: none;
  color:black;
}
.footer-container .copyright-div ul li{
  width:100%;
  list-style: none;
  color:black;
  font-size: 1.2em;
  text-align: center;
  line-height: 1.5em;
  font-weight: normal;
}
.footer-container .copyright-div ul li span{
  float:left;
  display:block;
  font-weight: normal;
  font-size: 17px;
  font-weight:500;
  color:black;
  text-align: center;
}
.footer-container .copyright-div ul li span a{
  font-weight: normal;
  text-decoration: none;
  font-size: 17px;
  color:black;
  text-align: center;
}
.footer-container .copyright-div ul li .onlineNumb {
  font-weight: normal;
  text-decoration: none;
  font-size: 17px;
  color:black;
  float:right;
}


@media screen and  (max-width: 1080px) {

  .footer-container{
     display: flex;
     flex-wrap: wrap;
     flex-flow: row wrap;
     align-items: center;/*Put element in center*/
     width:95%;
     margin:0 auto;
     align-items: center;
     justify-content: space-around;
     align-content: space-around;
     box-sizing: border-box;
     margin-top:1%;
     margin-bottom:1%;
  }

  /** --- New Part --- **/
  .footer-container .first-div{
    width:35%;
    margin:auto;
    float:left;
    padding:0;
  }

  .footer-container .first-div ul li{
    width:100%;
    color:black;
    font-size: 1em;
    float:left;
    font-weight: normal;
  }

  .footer-container .first-div ul li .menu{
    border-bottom: 1px solid black;
    color:black;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    width:100%;
  }

  .footer-container .first-div  ul li a{
    width: 100%;
    line-height: 1.8em;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    color:black;
  }

  .footer-container .second-div{
    width:30%;
    margin:auto;
    float:left;
    padding:0;
  }
  
  .footer-container .second-div ul li{
    list-style: none;
    color:black;
    font-size: 1em;
    float:left;
    line-height: 1.2em;
    width:100%;
    font-weight: normal;
  }

  .footer-container .second-div ul li .menu{
    border-bottom: 1px solid black;
    font-weight: bold;
    color:black;
    font-size: 1em;
    text-align: center;
  }

  .footer-container .second-div ul li span{
    color:black;
    font-size: 1em;
    margin:0;
    width:100%;
    font-size: 1em;
    text-align: center;
    font-weight: normal;
  }

  .footer-container .second-div ul li .footerLogo a img{
    width:90px;
    height:90px;
  }
  /** --- End of New Part --- **/
  
  .footer-container .third-div{
    width:100%;
    margin:auto;
    float:left;
    padding:0;
  }
  
  .footer-container .third-div ul li .menu{
  width:30%;
  float:left;
  margin:auto;
  border-bottom: 1px solid black;
  color:black;
  font-size: 1em;
  font-weight: bold;
}
  .footer-container .fourth-div{
    width:90%;
    padding:auto;
    margin:auto;
    padding:0;
  }
  .footer-container .fourth-div ul li span i{
    font-size:15px;
  }
  .footer-container .fourth-div ul li .menu{
    border-bottom:1px solid black;
    width:90%;
    text-transform: uppercase;
    color:black;
    font-size: 1em;
    font-weight: bold;
    word-wrap: break-word;
    
  }
  .footer-container .fourth-div ul li iframe{
    width:100%;
    padding:1%;
  }
}




/*  ---------------  Footer  --------------- */
/*  ---------------------------------------- */