/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  
  .header.fixed-before .main-navigation .navbar-nav > .dropdown > a:before,
  .header.fixed-before .main-navigation.with-dropdown-buttons .header-dropdown-buttons {
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }

  .fixed-header-on .header-dropdown-buttons .btn-group .dropdown-menu,
  .fixed-header-on .dark .header-dropdown-buttons .btn-group .dropdown-menu {
    margin-top: 11px;
  }
  /*Fixed Header Animations Duration*/
  .fixed.header .main-navigation.animated .navbar-nav > li > a,
  .header-left {
    -webkit-transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  }

  .fixed.fixed-before.header .main-navigation.animated .navbar-nav > li > a,
  .fixed-before .header-left {
    -webkit-transition: padding 0.2s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: padding 0.2s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: padding 0.2s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  }
}


/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  /* Fixed header position */
  .header.fixed {
    position: relative !important;
    top: auto !important;
  }

  .header.fixed.transparent-header-on {
    position: absolute !important;
  }
}


/*Badges
---------------------------------- */
.main-navigation .badge {
  position: absolute;
  top: 13px;
  right: 20px;
  font-size: 12px;
  background-color: transparent;
  color: inherit;
  font-weight: 300;
  padding: 2px 4px;
}

.main-navigation .mega-menu .badge {
  top: 8px;
}

/* Extra small devices (phones, less than 767px) */
@media (max-width: 767px) {
  .main-navigation .dropdown-toggle .badge {
    right: 50px;
  }
}

/* mobile menu */
.navbar.navbar-default {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0 15px;
  border-color: #ededed;
  background-color: #fafafa;
  font-weight: 400;
}

/* first level menu item */
.navbar-default .navbar-nav > li > a {
  color: #333333;
  font-size: 15px;
  padding: 10px 15px 10px 15px;
  z-index: 102;
  border: none;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.main-navigation.animated .navbar-default .navbar-nav > li > a {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


.navbar-default .navbar-nav > li.dropdown > a {
  padding-right: 20px;
}

/* first level menu item on hover/focus */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #09afdf;
}


/* first level menu item when opened */
.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus,
.main-navigation .navbar-nav > .dropdown > a:focus {
  background-color: #ffffff;
  color: #09afdf;
  border-bottom-color: #ffffff;
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  z-index: 106;
}



/* first level active menu item when clicked */
.main-navigation .navbar-nav > .open > a:active,
.main-navigation .navbar-nav > .open.active > a:active {
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.main-navigation .navbar-nav > .open > a:active + ul,
.main-navigation .navbar-nav > .open.active > a:active + ul {
  display: none;
}

/* second level menu */
.main-navigation .dropdown-menu {
  z-index: 105;
  top: 99.2%;
}

.header.centered .main-navigation .dropdown-menu {
  top: 99%;
}

.dropdown-menu .divider {
  background-color: #ededed;
}

.dropdown-menu {
  min-width: 220px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
  border: 1px solid #f1f1f1;
  z-index: 101;
}

/* second level menu item */
.dropdown-menu > li > a {
  padding: 10px 20px;
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #f7f7f7;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  position: relative;
}

/* second level menu item on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
  background-color: #fcfcfc;
  color: #0c9ec7;
  border-color: #f7f7f7;
}

/* third level menu */
.dropdown-menu .dropdown-menu {
  top: -1px;
  left: 100% !important;
  right: auto;
  border-top: 1px solid #f7f7f7;
}

.header.centered .dropdown-menu .dropdown-menu {
  top: -1px;
  left: 100% !important;
}

header.full-width .dropdown-menu .dropdown-menu.to-left {
  right: 100% !important;
  left: auto !important;
}

/*Large Devices less than 1610px*/
@media (max-width: 1610px) {
  .dropdown-menu .dropdown-menu.to-left {
    right: 100% !important;
    left: auto !important;
  }
}

/* Mega Menu
------------------------------ */
.mega-menu.dropdown {
  position: static;
}

.mega-menu .dropdown-menu {
  left: 0;
  width: 100%;
  padding: 20px 30px;
}

/* mega menu menu item */
.mega-menu .menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mega-menu .menu li {
  position: relative;
}

.mega-menu h4.title {
  margin: 5px 0;
  font-size: 15px;
  text-transform: uppercase;
}

.mega-menu .menu > li > a {
  padding: 5px 0;
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #f7f7f7;
  display: block;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.mega-menu .menu > li > a i,
.dropdown-menu > li > a i {
  padding-left: 5px;
  font-size: 12px;
  width: 20px;
  position: relative;
  top: -1px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #cdcdcd;
}

.mega-menu .menu > li > a i.fa,
.dropdown-menu > li > a i.fa {
  width: 32px;
  text-align: center;
}

.mega-menu .menu > li > a i.fa-circle-o,
.dropdown-menu > li > a i.fa-circle-o {
  font-size: 7px;
  top: -3px;
}

.mega-menu .menu > li > a i.fa-spin {
  width: 11px;
  padding: 0;
  margin-right: 13px;
  margin-left: 8px;
}

.mega-menu .menu > li:last-child > a {
  border-bottom: none !important;
}

header:not(.dark) .mega-menu .menu > li > a:hover i,
header:not(.dark) .dropdown-menu > li > a:hover i,
header:not(.dark) .mega-menu .menu > li.active > a i,
header:not(.dark) .dropdown-menu > li.active > a i {
  color: #09afdf;
}

header .mega-menu .menu > li > a:hover i.fa-circle-o:before,
header .dropdown-menu > li > a:hover i.fa-circle-o:before,
header .mega-menu .menu > li.active > a i.fa-circle-o:before,
header .dropdown-menu > li.active > a i.fa-circle-o:before {
  content: "\f111";
}

/* mega menu menu item on focus/hover*/
.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus {
  background-color: #fcfcfc;
  color: #0c9ec7;
  border-color: #f7f7f7;
  text-decoration: none;
}

/* Arrow for parent menu item
------------------------------ */
.dropdown > a:before {
  font-family: 'FontAwesome';
  content: "\f107";
  position: absolute;
  left: auto;
  top: 31px;
  right: 6px;
  line-height: 1;
  color: #d1d1d1;
  font-size: 14px;
}

.header.centered .dropdown > a:before {
  top: 18px;
}

.header:not(.dark) .active.dropdown > a:before,
.header:not(.dark).centered .active.dropdown > a:before {
  color: #09afdf;
}

.transparent-header .header:not(.dark) .dropdown:not(.open):not(.active) > a:before {
  color: #151313;
}

.navbar-default .navbar-nav > .dropdown.open > a:before {
  color: #eaeaea;
}

.transparent-header .header:not(.dark) .navbar-default .navbar-nav > .dropdown.open > a:before {
  color: #09afdf;
}

.dropdown .dropdown > a:before,
.header.centered .dropdown .dropdown > a:before {
  content: "\f105";
  right: 10px;
  top: 13px;
  margin-left: 0;
  visibility: visible;
  color: #666;
}

.dropdown .dropdown.open > a:before,
.header.centered:not(.dark) .dropdown .dropdown.open > a:before {
  color: #09afdf;
}

/* Dropdown animations
------------------------------ */
.animated.main-navigation .navbar-nav .open .dropdown-menu,
#offcanvas.animated .open .dropdown-menu,
#offcanvas.animated .dropdown-menu .open .dropdown-menu {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}

.animated.main-navigation .dropdown-menu .open .dropdown-menu {
  -webkit-animation-name: fadeInLeftSmall;
  animation-name: fadeInLeftSmall;
}

header.full-width .animated.main-navigation .dropdown-menu .open .dropdown-menu.to-left {
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}



/* Mobile Menu
------------------------------ */
/* mobile menu toggle button on hover/focus */
.navbar-default .navbar-toggle {
  border-color: #ccc;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fafafa;
  border-color: #0c9ec7;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #ccc;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #0c9ec7;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .main-navigation .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }
  /* first level menu */
  .navbar.navbar-default {
    background-color: transparent;
    border: none;
    margin: 0;
  }

  .navbar-default .navbar-nav > li > a {
    padding: 28px 14px 27px 14px;
  }
  /*centered logo layout*/
  .header.centered .navbar-default .navbar-nav > li > a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-top: 1px solid transparent;
  }

  .header.centered:not(.dark) .main-navigation .navbar-nav > .open > a,
  .header.centered:not(.dark) .main-navigation .navbar-nav > .open > a:hover,
  .header.centered:not(.dark) .main-navigation .navbar-nav > .open > a:focus,
  .header.centered:not(.dark) .main-navigation .navbar-nav > .dropdown > a:focus {
    border-top: 1px solid #f5f5f5;
  }
  /* mega menu */
  header:not(.full-width):not(.centered) .with-dropdown-buttons .mega-menu:not(.narrow) .dropdown-menu {
    left: 0px;
    width: 720px;
  }
  /* layout fixes */
  header:not(.full-width) .main-navigation .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }

  header:not(.full-width) .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
  }

  header:not(.full-width) .main-navigation .navbar-right .dropdown-menu {
    right: auto;
    left: 0;
  }

  header:not(.full-width) .main-navigation .navbar-right > li:last-child > .dropdown-menu {
    right: 0;
    left: auto;
  }
}


/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
  /* first level menu item */
  .main-navigation .navbar-nav > li {
    margin: 0 0 0 10px;
  }

  .main-navigation .navbar-nav > li:first-child {
    margin: 0;
  }

  .col-md-3 + .col-md-9 .mega-menu:not(.narrow) .dropdown-menu {
    left: -293px !important;
    width: 1140px !important;
  }
}



@media screen and (max-width: 768px){
    .dropdown > a:before {
    top: 12px ;
    color: #575454 ;
}
.dropdown-menu{
    min-width: 100%;
}

}