:root {
  --headerBgColor: #FFFFFF;
  --iconColor: #154360;
  --iconHover: #85C1E9;
  --iconActive: #EC7063;
}

*{
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}

.nav_wrapper{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10;
}

.nav_content{
  width: 100%;
}

.nav_content ul{
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 65px;
  position: relative;
}

.company_logo{
  line-height: 60px;
  margin-left: -12px;
  margin-right: 10px;
  float: left;
}

.nav_icon_left{
  margin-left: 20px;
  margin-right: 20px;
  float: left;
}

.nav_icon_right{
  margin-left: 20px;
  margin-right: 20px;
  float: right;
}

.nav_mobile_left{
  font-weight: bold;
  margin-left: 20px;
}

.nav_mobile_right{
  font-weight: bold;
  margin-right: 20px;
}

.user{
  color: var(--iconColor);
  width: 250px;
  height: 65px;
  float: right;
}

.user_mobile{
  font-weight: bold;
  margin-right: 20px;
  background: var(--iconColor);
  color: var(--headerBgColor);
}

/* Icon default color */
.nav_content ul li a{
  color: var(--iconColor);
  display: block;
}

/* Icon hover color */
.nav_content ul li a:hover{
  color: var(--iconHover);
  text-decoration: none;
}

/* Industry */
.industry_row{
  margin-left: 15px;
  margin-right: 15px;
}

.nav_content ul li .industry_container{
  position: absolute;
  background: var(--iconColor);
  width: 100%;
  left: 0;
  top: 65px;
  padding: 25px 15px;
  display: flex;
  overflow: auto;
  z-index: 5;
  visibility: hidden;
}

.nav_content ul li:hover .industry_container{
  visibility: visible;
}

.nav_content ul li .industry_container .industry_row img{
  width: 215px;
  height: 215px;
  border-radius: 15px;
}

.nav_content ul li .industry_container .industry_row img:hover{
  border: 1px solid var(--iconHover);
  border-radius: 15px;
}

/* Technology */
.technology_row{
  margin-left: 15px;
  margin-right: 15px;
}

.nav_content ul li .technology_container{
  position: absolute;
  background: var(--iconColor);
  width: 100%;
  left: 0;
  top: 65px;
  padding: 25px 15px;
  display: flex;
  overflow: auto;
  z-index: 5;
  visibility: hidden;
}

.nav_content ul li:hover .technology_container{
  visibility: visible;
}

.nav_content ul li .technology_container .technology_row img{
  width: 215px;
  height: 215px;
  border-radius: 15px;
}

.nav_content ul li .technology_container .technology_row img:hover{
  border: 1px solid var(--iconHover);
  border-radius: 15px;
}