/*HEADER*/
.hd_cover { /*Main wrpper for header*/
  background-color:#fff;
  height:auto;
  position:relative; /*used for V Centering*/
  height: auto;
  position: relative;
  min-height: 100px;
}
.logo-column{ /*Logo wrapper*/
  padding: 0;
}
.hd_cover .container,
.hd_cover .container .row,
.hd_cover .container .row div { /*Outer elements V Centering*/
  position:relative;
  height:100%;
}
.hd_cover .container .row .logo { /*Inner elements V Centering*/
  margin-top: 16px;
  height:auto;
}

img.custom-logo { /*Logo image*/
  max-width:170px;
  width:100%;
  height:auto;
  margin: 0;
}

.logo {
  padding-top:0;
}

.logo-right{ /*Right logo positioning*/
  float:right;
}

/*---Responsive header*/
@media only screen and (max-width: 992px) and (min-width: 767px) {
  .logo {
    text-align:left;
  }
}

@media (max-width: 768px) {
  .hd_cover .container .row .logo { /*Inner elements V Centering*/
    position: relative;
    height:auto;
  }
}

@media (max-width: 470px) {
  .hd_cover .container .logo { /*Remove vertical center*/
    position:relative;
    transform:translateY(0);
    padding-bottom:15px;
  }
}



/*NAVIGATION*/

/*---Global*/
#menu{
  margin-top: 0;
  margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a{
  padding-top: 25px;
  padding-bottom: 25px;
}

/*---Typography*/
.navbar-default .navbar-nav > li > a,
.dropdown-menu > li > a{
  font-size: 13px;
  line-height: 120%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

/*---Full width*/

/*------Hover states*/
.navbar-default .navbar-nav > li > a:hover{
  font-size: 13px;
  line-height: 120%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.navbar-default .navbar-nav > li > a:focus{
  font-size: 13px;
  line-height: 110%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus{
  font-size: 13px;
  line-height: 120%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.dropdown-menu .active a{
  font-size: 13px;
  line-height: 120%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  background-color: transparent;
  box-shadow: 0px 2px 0 rgba(0,0,0,0);
}


/*------Dropdown*/
.fa-angle-down { /*Dropdown indicator positioning*/
  margin-right:0;
  margin-top: -3px;
}

.navbar-collapse.collapse.in { /*Dropdown menu positioning*/
  width: 100%;
  position: static;
  left: 0;
}

.dropdown-menu > li > a {
  border-left: 3px solid transparent;
  padding: 20px 32px 20px 20px;
}

.navbar-nav > li.menu-item-has-children:hover > ul.dropdown-menu{
  display: block;
}
.fa-angle-down::before{
  padding-left: 15px;
  content: "\f0d7"
}
ul.dropdown-menu{
  background: #00554A;
}
.dropdown-menu > li {
  border-bottom: 1px solid #00554A;
}
.dropdown-menu > li > a::before{
  content: "";
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
  background: #006053;
  color: #fff;
  padding: 20px 32px 20px 20px;
  border-left: 3px solid #FEC10D;
  font-size: 13px;
  line-height: 120%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;

}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
  color: #fff;
  background: #006053;
}
 .dropdown-menu .active a{
  box-shadow: none;
  border-left: 3px solid #FEC10D;
  }

/*---------------*/

/*---Social and Search box*/

#menu .social-box {
  float: none;
}
.navbar-default .social-box.mobnav {
  display: none;
}
#menu .social-box ul li.search-btn {
/*  background: #006053 url('http://gopa.its4test.com/wp-content/uploads/2018/03/search-btn.png') center center no-repeat; */
  background: #006053 url('../../uploads/2018/03/search-btn.png') center center no-repeat;
}
#menu .social-box ul li.facebook {
/*  background: #006053 url('http://gopa.its4test.com/wp-content/uploads/2018/03/facebook.png') center center no-repeat; */
  background: #006053 url('../../uploads/2018/03/facebook.png') center center no-repeat;
}

@media (max-width: 768px) {
  .navbar-nav > li.menu-item-has-children:hover > ul.dropdown-menu{
  display: none;
}
.dropdown-menu{
  position: relative;
}
.navbar-default .navbar-nav > li{
  border-left: 2px solid transparent;
}
.navbar-default .navbar-nav > .active >,
.navbar-default .navbar-nav > .active:hover >,
.navbar-default .navbar-nav > .active:focus,
 .dropdown-menu .active {
  border-left-color: #FEC10D;
}
i.fa.fa-angle-down:active ul.dropdown-menu{
  display: block;
}
.navbar-nav > li.menu-item-has-children > ul.dropdown-menu.drop-new {
  display: block;
  position: relative;
  margin-bottom: 40px;
}
.logo-column{
  width: 100%;
}
.hd_cover .container .row .logo{
  text-align: left;
  padding-left: 19px;
}
}

/*------------------------full width-------------------------------*/
.responsive-nav-logo {
  display: none;
  }

.sidebar-menu-wrapper ul li ul a:hover  {
  background: #006053;
}

.navigation_menu {
  border-top:0;
}

.navigation_menu.affix-top, .navigation_menu.affix {
  background-color:#006053;
  /* height: 70px; */
}

#enigma_nav_top.affix {
  border-bottom:0;
}
.navbar-default .navbar-nav > li {

}

.navbar-default .navbar-nav > li > a {
  color:#fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
box-shadow:none;
background-color:rgba(0,0,0,0);
}

/* .navbar-default .navbar-nav > li:hover { fix height of li items in menu
  max-height:72px;
} */

.navbar-default .navbar-nav > li a:before,
.navbar-default .navbar-nav > li a:after { /*Top hover/active line */
  content: '';
  height: 2px;
  width: 0;
  display: block;
  -webkit-transition: width 250ms;
  transition: width 250ms;
}

.navbar-default .navbar-nav > li a:before { /*Top line color and margin*/
  margin-bottom: 7px;
  margin-top: -7px;
  border-top: 2px solid #FFFFFF;
}
.navbar-default .navbar-nav > li a:after { /*Bottom line color and margin */
  margin-top: 7px;
  border-bottom: 2px solid #FEC10D;
}

.navbar-default .navbar-nav > li:hover a:before {
width:100%;
-webkit-transition: width 250ms;
transition: width 250ms;
}

.navbar-default .navbar-nav > li:hover a:after {
width:100%;
-webkit-transition: width 250ms;
transition: width 250ms;
}

.navbar-default .navbar-nav > li.active a:before,
.navbar-default .navbar-nav > li.active a:after {
  width: 100%;
}

.navbar-default .navbar-nav ul.dropdown-menu li a::before,
.navbar-default .navbar-nav ul.dropdown-menu li a::after { /*disable before and after lines on dropdown links*/
  display:none;
}

@media (min-width: 768px) {
  .collapse.navbar-collapse {
    box-shadow:none;
  }
}
@media (max-width: 768px) {
  /* ------------------------------ responsive navigation ------------------------------ */
.logo.logo-right a{
  display: none;
}
#enigma_nav_top.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99997;
    left: 0;
}
.container-fluid.home,
.enigma_footer_widget_area,
.enigma_footer_area {
  position: relative;
  -webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;
  }
button#burger {
  position: absolute;
  left: 10px;
  margin-top: 18px;
  display: block;
  }
.navbar-toggle{
  background-color: transparent;
  border: none;
  }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
  background-color: transparent;
  border: none;
  }
.navbar-default .navbar-toggle .icon-bar{
  background-color: #FEC10D;
}
.navbar-toggle .icon-bar{
  width: 25px;
  height: 3px
}
div.navbar-collapse.collapse.in{
  width: 250px;
  position: fixed;
  top: 0;
  left: -250px;
  z-index: 1;
  height: 100%;
  background-color: #004A41;;
  margin-top: 0;
  padding-top: 0;
  padding:0;
  }
ul.nav.navbar-nav{
  background: #006053;
  margin: 0;
  }
.left-push {
  left: 250px;
  position: relative;
  }
.left-push.affix .container.navbar-container{
  left: 250px;
  position: relative;
}
.left-push-nav {
  left: 0px !important;
  }
.navbar-default .navbar-nav > li > a{
  padding: 15px 8px;
}
.navbar-default .navbar-nav > li{
  border-bottom: 1px solid #004A41;
}
.navbar-default .navbar-nav > li:hover,
.navbar-default .navbar-nav > li:hover{
  box-shadow : none;
  border-left: 2px solid #FEC10D;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.dropdown-menu .active a{
  box-shadow: none;
  /* border-left: 2px solid #FEC10D; */
}
}

#menu{
  margin-top: 0;
  margin-bottom: 0;
}
.navbar-default .navbar-nav > li > a{
  padding-top: 24px;
  padding-bottom: 20px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
  color: #fff;
  background: #006053;
  padding-left:5px;
}
 .dropdown-menu .active a{
  box-shadow: none;
  padding-left:5px;
  border-left: 3px solid #FEC10D;
  }

@media (max-width: 768px) {
  .menu-main-menu-container .navbar-nav > li.menu-item-has-children:hover > ul.dropdown-menu{ /*Disable hover on responsive dropdown*/
  display: none;
}
.dropdown-menu{
  position: relative;
}
.navbar-default .navbar-nav > li{
  border-left: 2px solid transparent;
  min-height: 60px;
  clear: both;
}
/* .navbar-default .navbar-nav > li:hover{
  height: 60px;
} */

.navbar-default .navbar-nav > .active >,
.navbar-default .navbar-nav > .active:hover >,
.navbar-default .navbar-nav > .active:focus,
 .dropdown-menu .active {
  border-left-color: #FEC10D;
}

i.fa.fa-angle-down:active ul.dropdown-menu{
  height:auto;
}
.navbar-nav > li.menu-item-has-children > ul.dropdown-menu.drop-new {
  display: block;
  position: relative;
  margin-bottom: 40px;
}
}

/* TEMPORARY CODE*/
ul.sub-menu.sidenav-extend,
ul.sub-menu li.sidenav-extend { /*Show dropdown Ul and li's*/
  height:auto;
  opacity:1;
  transition: all 250ms;
}

/*Container fix*/
@media (min-width: 768px) {
  #menu {
    padding-right:0;
    padding-left:0;
  }
  .nav.navbar-nav {
    margin-left:-6px;
  }
}

@media (min-width: 990px) {
  .nav.navbar-nav {
    margin-left:-20px;
  }
}

@media only screen and (max-width: 992px) and (min-width: 767px) {
  .navbar {
    margin-bottom:20px;
  }
}
/* ------------------------------------------------------------ */




/*---------------------------------- CSS FIX [COA] ------------------------------------*/
.navbar-default .navbar-nav > li { /* responsive main navigation fix */
  margin-right: 0;
}
/*------------------------------------------------------------------------------------------*/
.navbar-collapse.collapse.in {
  width: auto;
  float: left;
  position: static;
  left: 0;
}

.navbar-default .social-box {
  float: right;
}
.navbar-default .social-box ul.social,
.navbar-default .social-box-mobnav ul.social {
  height: 70px;
  padding: 0;
  margin: 0;
}
.navbar-default .social-box-mobnav ul.social {
  margin: 15px 0;
}
.navbar-default .social-box ul.social li,
.navbar-default .social-box-mobnav ul.social li {
  width: 40px;
  height: 40px;
  margin: 15px 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: #006053;
  padding-top: 7px;
}
.navbar-default .social-box ul.social li.facebook {
  background: #004A41;
 width: 40px;
 height: 40px;
 padding-top: 7px;
}
.navbar-default .social-box ul.social li.facebook::before {
  font-family: FontAwesome;
  content: "\f09a";
  color: #fff;

}
.navbar-default .social-box-mobnav ul.social li.facebook::before{
  font-family: FontAwesome;
  content: "\f09a";
  color: #fff;
}
.navbar-default .social-box ul.social li.search-btn {
  width: 40px;
  height: 40px;
  background: #004A41;
  padding-top: 7px;
}

.navbar-default .social-box ul.social li.search-btn::before {
  font-family: FontAwesome;
  content: "\f002";
  color: #fff;
}

.navbar-default .social-box-mobnav ul.social li.search-btn-mobnav::before {
  font-family: FontAwesome;
  content: "\f002";
  color: #fff;
}
.navbar-default .social-box-mobnav ul.social li.facebook {
 background: #006053;
 padding-top: 7px;
}
@media (max-width: 768px) {
  .container {
    margin: 0 20px;
  }
  /* ---------- NAVIGATION ACTIVE HOVER ---------- */
  .navbar-default .navbar-nav > li.active a:before,
  .navbar-default .navbar-nav > li.active a:after,
  .navbar-default .navbar-nav > li:hover a:before,
  .navbar-default .navbar-nav > li:hover a:after {
    width: 0;
  }
  /* ---------- NAV-LOGO DISPLAY ---------- */
  .responsive-nav-logo {
    display: block;
    text-align: center;
    margin-top: 20px;
    }

    .navbar-default .navbar-nav > li a:before,
    .navbar-default .navbar-nav > li a:after {
      /* display: none; */
    }
}
/*--------------------------------------------------------sidebar navigacija----------------------------------------------*/
ul.sub-menu{ /*Hide menu on load*/
  height: 0;
  transition: all 250ms;
}

ul.sub-menu li { /*Hide dropdown Li's on load*/
  position: relative;
  display:block;
  height: 0;
  opacity: 0;
  transition: all 250ms;
}

ul.sub-menu.sidenav-extend,
ul.sub-menu li.sidenav-extend { /*Show dropdown Ul and li's*/
  height:auto;
  opacity:1;
  transition: all 250ms;
}
.sidebar-menu-wrapper ul li.menu-item-has-children{
  position: relative;
}

.sidenavdropdown { /*Position i on dropdowns*/
  position: absolute;
  right: 0;
  top: 0;
  padding: 18px 20px;
  cursor: pointer;
}
/*---------------------------------- SIDEBAR NAVIGATION [COA] ------------------------------------*/
.sidenav-a-hovered {
  color: #fff !important;
  background: #006053;
}
.sidebar-menu-wrapper ul { /*About us menu UL*/
  padding:0;
  list-style:none;
}
ul.sub-menu li a {
  height: 0;
}
.sidebar-menu-wrapper ul.sub-menu.sidenav-extend {
  margin-bottom: 10px;
}
.sidebar-menu-wrapper ul li { /*About us menu LI*/
  background-color: #F0F0F0;
  margin-bottom:1px;
}
.sidebar-menu-wrapper ul li a { /*About us menu A*/
  padding: 14px 14px 14px 14px;
  display:block;
  width:100%;
}
.sidebar-menu-wrapper ul li.active a { /*About us menu LI ACTIVE*/
  border-left:4px solid #FEC10D;
}
.sidebar-menu-wrapper ul li ul.sub-menu.sidenav-extend li {
  border-top: 1px solid #FFFFFF;
}
.sidebar-menu-wrapper ul li ul.sub-menu.sidenav-extend li a {
  border-left: none;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  padding-left:26px;
  height: auto;
}
.sidebar-menu-wrapper ul li ul.sub-menu li a {
  display: none;
}
.sidebar-menu-wrapper ul li ul.sub-menu.sidenav-extend li a {
  display: block;
}
.sidebar-menu-wrapper a:link,
.sidebar-menu-wrapper a:visited,
.sidebar-menu-wrapper a:active { /*About us menu Sidebar Links*/
  font-family: 'Montserrat', sans-serif;
  color:#5F6671;
  font-weight:700;
  font-size:16px;
}
.sidebar-menu-wrapper ul li:hover { /*li content on hover*/
  color:#fff;
}

.sidebar-menu-wrapper ul li a:hover {
  color:#fff;
  background: #006053;
}
/*------------------------------------------------------------------------------------------*/
/*---------------------------------- RESPONSIVE MAIN NAVIGATION DROPDOWN FIX [COA] ------------------------------------*/
@media (max-width: 768px) {

ul.dropdown-menu {
  position: relative !important;
  float: left;
}
.navbar-nav > li > .dropdown-menu {
  margin-bottom: 25px;
}
div.navbar-collapse.collapse.in {
  z-index: 100;
}
.fa-angle-down::before {
  padding: 10px;
}
}