@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0.9;
    transform: translateY(0);
  }
}
.navbar-nav:not(.sm-collapsible) ul .caret {
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;
  border-top: 4px solid transparent;
  margin-right: 15px;
  margin-top: 6px;
  position: absolute;
  right: 0;
}

.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
  padding-right: 30px;
}

.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
  border-color: -moz-use-text-color transparent;
  border-style: dashed solid none;
  border-width: 4px 4px 0;
  height: 0;
  margin: 0 0 0 2px;
  padding: 0;
  position: static;
  width: 0;
}

.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret::before {
  content: "" !important;
}

.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
  padding-right: 15px;
}

.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
  display: none;
  height: 20px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  visibility: hidden;
}

.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
  border-color: transparent transparent -moz-use-text-color;
  border-style: dashed dashed solid;
  border-width: 7px;
  height: 0;
  left: 50%;
  margin-left: -8px;
  overflow: hidden;
  position: absolute;
  top: -2px;
  width: 0;
}

.navbar-nav span.scroll-down-arrow {
  border-color: -moz-use-text-color transparent transparent;
  border-style: solid dashed dashed;
  border-width: 7px;
  top: 6px;
}

.navbar-nav.sm-collapsible ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
  padding-left: 35px;
}

.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
  padding-left: 45px;
}

.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 55px;
}

.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 65px;
}

.navbar-nav .dropdown-menu > li > a {
  border-bottom: 1px solid #ddd;
  clear: both;
  color: #777;
  display: block;
  font-weight: normal;
  text-transform: capitalize;
  line-height: 1.42857;
  padding: 7px 20px;
  transition: color 0.25s ease-out 0s;
  white-space: nowrap;
}

.navbar-nav > li > a {
  color: #fff;
  transition: color 0.25s ease-out 0s;
}

.nav > li > a:hover, .nav > li > a:focus {
  background-color: transparent !important;
  color: #37b048;
  text-decoration: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #37b048;
  background-color: transparent;
  text-decoration: none;
  transition: color 0.25s ease-out 0s;
}
.login-regiter .dropdown-menu{
  width: 80px;
  min-width: 100%;
}
.login-regiter .dropdown-menu li{
  float: none!important;
}
.login-regiter .dropdown-menu li a{
  font-size: 14px!important;
  color: #2d2d2d!important;
  padding: 3px 10px!important;
}
.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border-top: solid 3px #7ac8d7;
  border-radius: 0px;
  box-shadow: none;
  display: none;
  float: left;
  font-size: 14px;
  left: 0;
  list-style: outside none none;
  margin: 2px 0 0;
  min-width: 180px;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  transition: color 0.25s ease-out 0s;
  z-index: 1000;
}

.navbar-nav ul.sm-nowrap > li > a {
  white-space: nowrap;
}

.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
  white-space: normal;
}

.navbar-right ul.dropdown-menu {
  border-top: 1px solid #53b6b2;
  left: 0;
  right: auto;
}

.navbar-right ul.dropdown-menu::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent #53b6b2;
  border-image: none;
  border-style: solid;
  border-width: 6px;
  content: "";
  height: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: -12px;
  width: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: transparent;
  border-color: transparent;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #53b6b2;
  outline: 0 none;
  text-decoration: none;
}

/* ==========================================================================
   Off canwas nav styles
   ========================================================================== */
.off-canwas {
  background-color: rgba(255, 255, 255, 0);
  position: fixed;
  width: 100%;
  height: 60px;
  z-index: 9;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.off-canwas.sticky {
  background-color: white;
  position: fixed;
  width: 100%;
  height: 65px;
  z-index: 9;
}

.off-canwas .contact-info-nav {
  text-align: center;
  padding: 12px;
}

.off-canwas.sticky .navbar-brand {
  padding: 10px 30px;
}

.off-canwas.sticky a.nav-expander {
  color: #000;
}

.off-canwas .navbar-brand {
  padding: 10px 15px 15px 30px;
}

a.nav-expander {
  color: #FFFFFF;
  display: block;
  font-size: 15px;
  font-weight: 400;
  height: 50px;
  margin-right: 0;
  padding: 18px 0  0 0;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  transition: right 0.3s ease-in-out 0s;
  width: 100px;
  z-index: 12;
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
}

a.nav-expander:hover {
  cursor: pointer;
}

a.nav-expander.fixed {
  position: fixed;
}

.nav-expanded a.nav-expander.fixed {
  right: 20em;
}

.off-canwas nav {
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -20em;
  font-size: 15px;
  top: 0;
  width: 20em;
  z-index: 2000;
  background-color: #fff;
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
}

.nav-expanded nav {
  right: 0;
}

body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}

#nav-close {
  font-weight: 300;
  font-size: 24px;
  padding-right: 10px;
}

.off-canwas .main-menu {
  padding-top: 12px;
  list-style: none;
  padding: 0px;
}

.off-canwas li {
  border-bottom: 1px solid #dddddd;
  color: #666666;
  padding: 10px 0;
}

.off-canwas li a .more-less {
  float: right;
  margin: 0px 10px 0 0;
  font-family: 'Glyphicons';
  font-size: 20px;
}

.off-canwas li ul {
  padding: 0px;
  background-color: #ecedef;
  margin: 10px 0px -10px 0px;
  list-style: none;
}

.off-canwas li ul li {
  border-top: solid 1px #dddddd;
  border-bottom: none;
  padding: 10px 15px;
}

.off-canwas li ul li a {
  padding-left: 0px;
}

.off-canwas li ul li:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  padding-right: 8px;
  text-transform: none;
  content: '\f105';
}

.off-canwas li a {
  color: #666666;
  padding: 0 15px;
  text-decoration: none;
}

.off-canwas li a:hover {
  text-decoration: none;
  color: #37b048;
}

@media (max-width: 1300px) {
  a.nav-expander {
    color: #000000;
    padding-top: 12px;
  }
  

  .off-canwas {
    position: relative;
    background-color: white;
    height: 50px;
  }

  .off-canwas.sticky {
    height: 50px;
  }

  .navbar-fixed-bottom, .navbar-fixed-top {
    background-color: #fff;
    position: relative;
  }

  a.nav-expander.fixed {
    position: absolute;
    width: 82px;
  }

  .off-canwas .navbar-brand {
    padding: 12px 15px 0px 15px;
  }

  .off-canwas nav {
    width: 235px;
  }

  .off-canwas.sticky .navbar-brand {
    padding: 10px 15px 0px 15px;
  }

  .nav-expanded a.nav-expander.fixed {
    background-color: #fff;
    right: 230px;
  }

  .off-canwas .navbar {
    margin-bottom: 0px;
  }

  .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
    border-style: solid;
    border-width: 1px;
    height: 26px;
    line-height: 20px;
    margin: 0px 5px 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 32px;
  }

  .navbar-nav.sm-collapsible .caret::before {
    color: #666666;
    content: "\2b";
    font-family: 'Glyphicons';
    font-size: 20px;
    font-weight: normal;
  }

  .navbar-nav.sm-collapsible .open > a > .caret::before {
    content: "\2212";
    font-family: 'Glyphicons';
    font-size: 20px;
  }

  .navbar-nav.sm-collapsible a.has-submenu {
    padding-right: 50px;
  }
}