/* =================

   Global SmartMenu Customization

   ================= */



/* =================

  Mobile First

   ================= */

   

   

.dropdown-menu .sub-menu {

    left: 100%;

    position: absolute;

    top: 0;

    visibility: hidden;

    margin-top: -1px;

}



.dropdown-menu li:hover .sub-menu {

    visibility: visible;

}

.dropdown:hover .dropdown-menu {

    display: block;

}

 nav {

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

  overflow-y: inherit;

  transition: top 0.5s ease;

}

.navbar-default {border-color: transparent;background-color: rgb(255, 255, 255);padding: 0;height: auto;}

/*.navbar-fixed-top .navbar-collapse {

    max-height: 600px;

}*/



.navbar-default .navbar-brand {

    color: inherit;

    height: auto;

}

.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus,

.navbar-default .navbar-brand:active,

.navbar-default .navbar-brand.active {

    color: inherit;

}

.navbar-default .navbar-collapse {

    border-color: rgba(255,255,255,.02);

    max-height: initial;



}

.navbar-default .navbar-toggle {border-color: transparent;background-color: transparent;z-index: 100;margin-top: 4px;margin-right: 10px;margin-top: 33px !important;}
@media (max-width: 480px) {
ul.menu-icons {
    /* position: absolute; */
    /* right: 0; */
    /* left: 0; */
    /* margin: auto; */
    /* padding: 5px 0 10px 0px; */
    /* border-bottom: 1px solid rgba(134, 96, 108, 0.38); */
    margin-top: 20px !important;
    margin-right: 53px;
    }
.navbar-default .navbar-toggle {
    margin-top: 23px !important;
    margin-right: 5px;
}
ul.menu-icons li a.icon {width: 32px;}
}
.navbar-default .navbar-toggle .icon-bar {

    background-color: #2BB9B7;

    height: 4px;

    width: 24px;

    margin-bottom: 4px;

    border-radius: 0;

}

.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

    background-color: transparent;

}



.navbar-default .sm-nav li a {font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 13px;line-height: 17px;color: #fff;letter-spacing: .8px;}

.navbar-default .sm-nav >li > a {

    text-transform: uppercase;

}

.sm-nav ul >li a {

    text-transform: uppercase;

}

.navbar-collapse {

    padding: 0px;

    background-color:#222;

    box-shadow: none;

    border: none;

  z-index:99999;

}

/* @media(min-width:767px) {

  .navbar-default.affix {

   background-color: rgba(0,0,0,.8);

  }

}*/

.navbar,

.navbar .dropdown-menu,

.navbar .navbar-toggle,

.navbar .navbar-toggle:focus,

.navbar .navbar-toggle:hover {

  -webkit-transition: all .35s;

  -moz-transition: all .35s;

  transition: all .35s;

  }

.navbar-default .navbar-toggle .icon-bar {

  background-color: #fff;

  }

/* .navbar-default .navbar-toggle:hover {

  background-color: blue;

  }*/



.navbar-default,

.navbar-default .dropdown-menu,

.navbar-default .navbar-toggle,

.navbar-default .navbar-toggle:focus,

.navbar-default .navbar-toggle:hover {

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

  }

.navbar-default .navbar-toggle .icon-bar {

  background-color: #6600cc;

  }

/*  .navbar-default .navbar-toggle:hover {

  background-color: blue;

  }*/





.sm-nav {

/*  border-top: 1px solid rgba(255,255,255,0.03);*/

}

.sm-nav a, 

.sm-nav a:hover, 

.sm-nav a:focus, 

.sm-nav a:active {

  padding: 10px 20px;

/*  padding-right: 58px;*/

  color: #fff;

  text-decoration: none;

}

.sm-nav a span.sub-arrow {

  position: absolute;

  top: 50%;

  margin-top: -17px;

  left: auto;

  right: 4px;

  width: 34px;

  height: 34px;

  overflow: hidden;

  font: bold 16px/34px monospace !important;

  text-align: center;

  text-shadow: none; 

  background: rgba(0, 0, 0, 0.3);

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

}



/*bars colors*/

.sm-nav ul {

  background: rgba(55, 55, 55, 1.0);

}

.sm-nav ul ul {

  background: rgba(55, 55, 55, 1.0);

}

.sm-nav >li a:hover,

.sm-nav >li a:active

{

  background: #6600cc;

  -webkit-transition: all .35s;

  -moz-transition: all .35s;

  transition: all .35s;

}

.sm-nav li a:focus {

  background: rgba(55, 55, 55, 1.0);

}



/*bars text */

.sm-nav ul >li a,

.sm-nav ul >li a:hover,

.sm-nav ul >li a:focus,

.sm-nav ul >li a:active,

.sm-nav ul >li a.highlighted {

/*  padding-left: 40px;*/

  font-weight: 600;

}

.sm-nav ul ul li a,

.sm-nav ul ul li a:hover,

.sm-nav ul ul li a:focus,

.sm-nav ul ul li a:active,

.sm-nav ul ul li a.highlighted {

/*  padding-left: 60px;*/

  font-weight: 400;

  text-transform: initial;

}



/*extras*/

.sm-nav ul li:first-child {

  border-top: 0;

}

.sm-nav ul li {

/*  border-top: 1px solid rgba(0, 0, 0, 0.2);*/

}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {

    margin-right: -15px;

    margin-left: -15px;

  }

a.highlighted span.sub-arrow:before { 

    display: block; content: '-'; 

}

/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */

@media screen and (max-width: 1200px) {

  .sm-nav{width:auto !important;}

  .sm-nav ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}

  .sm-nav>li{float:none;}

  .sm-nav>li>a,ul.sm-nav ul.sm-nav>li>a{white-space:normal;}

  .sm-nav iframe{display:none;

  }

}

@media screen and (max-width: 1200px) {

.navbar-collapse {

/*  overflow-y: scroll;*/

  position: absolute;

  left: 15px;

  right: 15px;

  margin: auto;

}

.sm-nav >li a { 

  -webkit-tap-highlight-color: transparent; 

}

.sm-nav >li a:hover {

  background: none;

  color: rgba(255,255,255,0.8);

}

.sm-nav >li a:active {

 -webkit-tap-highlight-color: transparent; 

}

}



/* =================

   *Desktop ViewPort

   ================= */



@media screen and (min-width:1281px) {



   nav {

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

  overflow-y: visible;

  max-height: auto;

}





.container > .navbar-header,

.container-fluid > .navbar-header,

.container > .navbar-collapse,

.container-fluid > .navbar-collapse {

    margin-right: 0;

    margin-left: 0;

}

.navbar-default.navbar-shrink {

    padding: 5px 10px 3px 10px;



    }



.navbar-default.navbar-shrink .sm-nav {

    margin-bottom: 5px;

    }





.navbar-default.navbar-shrink .sm-nav > li >a {

    line-height: 0px;



    }



.navbar-default {border: 0;background-color: rgba(255, 255, 255,0.9);padding: 0 10px 0 10px;min-width: 1200px;}





.navbar-collapse {

  padding: 0px;

  background-color: transparent;

}

.sm-nav {text-align:right;line-height: 18px;border: none;margin-left: 180px;}





.sm-nav > li {

  text-align:left;

}



.sm-nav >li {

  float:none!important;

  display:inline-block;

  margin-right:-4px;

}

.navbar-default .sm-nav > li >a {

  line-height: 4px;

  color: #290152;

}





.sm-nav a,

.sm-nav a:hover,

.sm-nav a:focus,

.sm-nav a:active,

.sm-nav a.highlighted {

  padding: 13px 18px;

  color: white;

}

.sm-nav ul,

.sm-nav ul ul {

  z-index: 100;



}





/*dropdown text*/

.sm-nav ul >li a,

.sm-nav ul >li a:hover,

.sm-nav ul >li a:focus,

.sm-nav ul >li a:active,

.sm-nav ul >li a.highlighted,

.sm-nav ul ul li a,

.sm-nav ul ul li a:hover,

.sm-nav ul ul li a:focus,

.sm-nav ul ul li a:active,

.sm-nav ul ul li a.highlighted {

  padding-left: 18px;

  font-weight: normal;

  font-size: 14px;

  border: 0 !important;



}

.sm-nav ul ul li a,

.sm-nav ul ul li a:hover,

.sm-nav ul ul li a:focus,

.sm-nav ul ul li a:active,

.sm-nav ul ul li a.highlighted {

  text-transform: uppercase;

}



.sm-nav a.has-submenu,

.sm-nav a.has-submenu:hover,

.sm-nav a.has-submenu:focus,

.sm-nav a.has-submenu:active,

.sm-nav a.has-submenu.highlighted {

  padding-right: 20px;

}

/*dropdown colors*/

.sm-nav ul,

.sm-nav ul ul {

  /* background: rgba(255,255,255,.95); */

  color: #fff;

  background:#490192;

}

.navbar-default .sm-nav ul >li a {

  color: #fff;

}

/*.sm-nav ul >li a,

.sm-nav ul ul li a {

  color: red;

}*/

.sm-nav ul >li a:hover,

.sm-nav ul >li a:focus,

.sm-nav ul >li a:active,

.sm-nav ul >li a.highlighted,

.sm-nav ul ul li a:hover,

.sm-nav ul ul li a:focus,

.sm-nav ul ul li a:active,

.sm-nav ul ul li a.highlighted,

.sm-nav ul > li.currentli > a,

.sm-nav ul > li.currentli > a.highlighted {

  color: #fff;

}

.sm-nav li a:focus {

  background: #000;

}

.sm-nav >li a:hover, .sm-nav >li a:active {

  background: none;

  color: #8A6F77;

}

.sm-nav ul a:hover,

.sm-nav ul a:focus,

.sm-nav ul a:active,

.sm-nav ul a.highlighted,

.sm-nav ul > li.currentli > a,

.sm-nav ul > li.currentli > a.highlighted {

  background: #290152;

}





/*extras*/

.sm-nav a span.sub-arrow {

  display: inline-block;

  margin-top: -3px;

  right: 9px;

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 5px solid#290152;

  background-color: transparent;

}

.sm-nav > li:first-child {/*  border-left: 1px solid red;*/display: none;}

.sm-nav ul li {

  border: 0;

}

/*  adding spacing after last menu row */

.sm-nav > li:last-child {

    margin-bottom: 10px;

}

.navbar-shrink .sm-nav > li:last-child {

    margin-bottom: 0px;

}

/*  caret icon */

.sm-nav ul a span.sub-arrow {

    top: 50%;

    margin-top: -5px;

    bottom: auto;

    left: auto;

    margin-left: 0;

    right: 10px;

    border-left: 4px solid;

    border-right: 0;

    border-top: 4px solid transparent;

    border-bottom: 4px solid transparent;

  }



/*  dropdown menu scroller */

.sm-nav span.scroll-up,

.sm-nav span.scroll-down {

    position: absolute;

    display: none;

    visibility: hidden;

    overflow: hidden;

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

    height: 20px;

  }

.sm-nav span.scroll-up-arrow {

    position: absolute;

    top: 6px;

    left: 50%;

    margin-left: -8px;

    width: 0;

    height: 0;

    overflow: hidden;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 6px solid rgba(250, 250, 250, 1);

  }

.sm-nav span.scroll-down-arrow {

    position: absolute;

    top: -2px;

    left: 50%;

    margin-left: -8px;

    width: 0;

    height: 0;

    overflow: hidden;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 6px solid rgba(250, 250, 250, 1);

  }

.sm-nav span.scroll-down-arrow {

    top: 6px;

  }





/*(not recommended editing these rules) */

  .sm-nav ul {

    position: absolute;

  }

  .sm-nav li {

    float: left;

  }

  .sm-nav.sm-rtl li {

    float: right;

  }

  .sm-nav ul li, .sm-nav.sm-rtl ul li, .sm-nav.sm-vertical li {

    float: none;

  }

  .sm-nav a {

    white-space: nowrap;

  }

  .sm-nav ul a, .sm-nav.sm-vertical a {

    white-space: normal;

  }

  .sm-nav .sm-nowrap > li > a, .sm-nav .sm-nowrap > li > :not(ul) a {

    white-space: nowrap;

  }

  /* ...end */

}