nav bar changed

assets/css/style.css

@@ -1489,3 +1489,99 @@ lex-direction: column;
   margin-top: auto;
 }
 
+a:hover,a:focus{
+  outline: none;
+  text-decoration: none;
+}
+.tab-test .nav-tabs{
+  border-bottom: none;
+  position: relative;
+}
+.tab-test .nav-tabs li{
+  margin-right: 60px;
+  z-index: 1;
+}
+.tab-test .nav-tabs li:after{
+  content: "";
+  width: 100%;
+  border: 1px solid #04476f;
+  position: absolute;
+  top: 50%;
+  right: -60%;
+  z-index: -1;
+}
+.tab-test .nav-tabs li:last-child:after{
+  border: none;
+}
+.tab-test .nav-tabs li a{
+  display: block;
+  /*padding: 15px 20px;*/
+  background: #fff;
+  font-size: 15px;
+  font-weight: 600;
+  color: #04476f;
+  /*text-transform: uppercase;*/
+  border-radius: 0;
+  margin-right: -32px;
+  border: 2px solid #04476f;
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+  transition: all 0.3s ease 0s;
+}
+.tab-test .nav-tabs li.active a,
+.tab-test .nav-tabs li a:hover{
+  color: #fff;
+  border: 2px solid #04476f;
+}
+.tab-test .nav-tabs li a:after{
+  content: "";
+  display: block;
+  width: 100%;
+  height: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  color: #FFFFFF;
+  transition: all 0.3s ease 0s;
+}
+.tab-test .nav-tabs li.active a:after,
+.tab-test .nav-tabs li a:hover:after{
+  height: 100%;
+  background: #04476f;
+  color: #FFFFFF;
+
+}
+.tab-test .tab-content{
+  padding: 20px 10px;
+  margin-top: 0;
+  font-size: 14px;
+  color: #2d2d2d;
+  line-height: 26px;
+}
+.tab-test .tab-content h3{
+  font-size: 24px;
+  margin-top: 0;
+}
+@media only screen and (max-width: 767px){
+  .tab-test .nav-tabs li{ margin: 0 25px 0 0; }
+}
+@media only screen and (max-width: 479px){
+  .tab-test .nav-tabs li{
+    width: 100%;
+    text-align: center;
+    color: #FFFFFF;
+
+    margin: 0 0 10px 0;
+  }
+  .tab-test .nav-tabs li:after{
+    width: 0;
+    height: 100%;
+    top: auto;
+    bottom: -60%;
+    color: #FFFFFF;
+
+    right: 50%;
+  }
+}