.header-transparent {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 9;

  transition: .4s; }



.sticky {

  left: 0;

  margin: auto;

  position: fixed;

  top: 0;

  width: 100%;

  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);

  z-index: 9999;

  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

   background:rgba(0,0,0,0.5);}



.menu-2.sticky {

  padding-left: 45px;

  padding-right: 45px; }



.header-info span {

  color: #8f8f8f;

  font-size: 15px;

  font-weight: 500;

  font-family: 'cerebri_sansmedium';

  margin-right: 34px; }



.header-info span:last-child {

  margin-right: 0; }



.header-info span i {

  font-size: 16px;

  color: #096bd8;

  margin-right: 3px; }



.header-lang {

  padding: 15px 0 16px;

  display: inline-block;

  margin-left: 60px; }



.lang-icon > a {

  font-size: 14px;

  color: #8f8f8f;

  font-family: 'cerebri_sansmedium';

  margin-left: 6px; }



.lang-icon i {

  font-size: 15px;

  position: relative;

  top: 2px;

  left: 2px; }



.header-lang-list {

  position: absolute;

  width: 120px;

  opacity: 0;

  visibility: hidden;

  padding: 20px 15px;

  border-top: 3px solid #096bd8;

  transition: .4s;

  z-index: 999;

  background: #fff;

  padding-bottom: 5px;

  padding-top: 4px;

  top: 100%;

  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);

  transition: .3s; }



.header-lang:hover .header-lang-list {

  opacity: 1;

  visibility: visible; }



.header-lang-list li {

  display: block;

  margin-bottom: 0;

  padding: 5px 0; }

  .header-lang-list li a {

    display: block;

    color: #647589;

    font-size: 13px; }

    .header-lang-list li a:hover {

      color: #096bd8; }



.pos-rel {

  position: relative; }



.header-icon {

  margin-top: 14px; }

  .header-icon a {

    font-size: 14px;

    color: #cbcbcb;

    margin-right: 10px;

    transition: .3s; }

    .header-icon a:hover {

      color: #096bd8; }

    .header-icon a:last-child {

      margin-right: 0; }



.header-button {

  margin-top: 25px;

  margin-left: 40px; }

  .header-button a.btn {

    padding: 15px 30px; }



.menu-2 .header-right {

  margin-top: 20px; }



.header-2-icon a {

  height: 40px;

  width: 40px;

  display: inline-block;

  background: #efefef;

  text-align: center;

  line-height: 40px;

  border-radius: 50%;

  transition: .3s;

  margin-right: 5px; }

  .header-2-icon a:hover {

    background: #096bd8;

    color: #ffffff; }

  .header-2-icon a:last-child {

    margin-right: 0; }



.menu-2 .header-lang {

  padding: 20px 0 16px;

  margin-left: 0;

  margin-right: 50px; }



.header-2-right {

  margin-top: 32px; }



.header-cta-text span {

  font-family: "cerebri_sansmedium";

  color: #fff;

  font-size: 14px; }



.header-cta-text span i {

  margin-right: 6px;

  color: #ffffff;

  font-size: 14px; }



.header-cta-text p {

  color: #fff;

  font-family: "cerebri_sansmedium";

  font-size: 18px;

  margin-bottom: 0; }



.header-2-button {

  margin-right: 58px; }



.header-2-button a {

  -moz-user-select: none;

  border: 2px solid #ffffff;

  display: inline-block;

  font-size: 14px;

  margin-bottom: 0;

  padding: 15px 28px;

  text-align: center;

  text-transform: uppercase;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  vertical-align: middle;

  white-space: nowrap;

  border-radius: 5px;

  position: relative;

  font-family: "cerebri_sansbold";

  color: #fff; }



.header-2-button a i {

  padding-left: 5px; }



.header-2-button a:hover {

  background: #fff;

  color: #096bd8; }



.menu-4 .lang-icon > a {

  color: #fff; }



.menu-4 .header-2-icon a {

  background: #fff;

  color: #a9a9a9; }



.menu-4 .header-2-icon a:hover {

  background: #096bd8;

  color: #fff; }



.menu-4 {

  border-bottom: 2px solid #2d2d2d; }



/* menu */

.main-menu nav > ul > li {

  display: inline-block;

  position: relative;

  margin-left: 0; }



.main-menu nav > ul > li:first-child {

  margin-left: 0; }



.main-menu nav > ul > li > a {

  color: #fff;

  display: block;

  font-size: 16px;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  background: transparent;

  position: relative;

  text-transform: capitalize;}



.main-menu nav > ul > li > a i {

  font-size: 14px;

  position: relative;

  top: 1px;

  left: 4px;

  color: #8f8f8f; }



.main-menu nav > ul > li:hover > a, .main-menu nav > ul > li.active > a {

  color: #096bd8; }





.main-menu > nav > ul > li:hover > a::before, .main-menu > nav > ul > li.active > a::before {

  width: 100%; }



.menu-4 .main-menu nav > ul > li > a {

  color: #ffffff; }



.menu-4 .main-menu nav > ul > li > a i {

  color: #ffffff; }



.menu-2 .main-menu > nav > ul > li > a::before {

  display: none; }



.menu-3 .main-menu > nav > ul > li > a::before {

  display: none; }



/* sub-menu */

.main-menu nav > ul > li .sub-menu {

  background: #ffffff none repeat scroll 0 0;

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

  left: 0;

  opacity: 0;

  position: absolute;

  top: 120%;

  transition: all 0.3s ease 0s;

  visibility: hidden;

  width: 220px;

  z-index: 999999;

  border-bottom: 3px solid #096bd8;

  text-align: left; }



.main-menu nav > ul > li:hover .sub-menu {

  opacity: 1;

  top: 100%;

  visibility: visible; }



.main-menu nav > ul > li .sub-menu li {

  display: block; float:none; width:100%; height: auto; line-height:30px;}



.main-menu nav > ul > li .sub-menu li a {

  color: #666666;

  font-size: 14px;

  

  margin: 0;

  padding: 13px 20px;

  text-transform: capitalize;

  display: block; }



.main-menu nav > ul > li:hover > .sub-menu li > a:hover {

  color: #fff;

  background: #096bd8; }



.header-menu-3 .main-menu nav > ul > li:hover > .sub-menu li > a:hover {

  color: #fff;

  background: #d10459; }



.header-menu-3 .main-menu nav > ul > li .sub-menu {

  border-top: 3px solid #d10459; }



.header-menu-4 .main-menu nav > ul > li .sub-menu {

  border-top: 3px solid #d10459; }